@mindlogic-ai/logician-ui 3.0.0-alpha.21 → 3.0.0-alpha.23
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/components/Checkbox/Checkbox.d.ts +1 -0
- package/dist/components/Checkbox/Checkbox.d.ts.map +1 -1
- package/dist/components/Checkbox/Checkbox.js +1 -1
- package/dist/components/Checkbox/Checkbox.js.map +1 -1
- package/dist/components/Checkbox/Checkbox.mjs +1 -1
- package/dist/components/Checkbox/Checkbox.mjs.map +1 -1
- package/dist/components/Checkbox/Checkbox.types.d.ts +1 -0
- package/dist/components/Checkbox/Checkbox.types.d.ts.map +1 -1
- package/dist/components/Checkbox/CheckboxControl.d.ts.map +1 -1
- package/dist/components/Checkbox/CheckboxControl.js +5 -1
- package/dist/components/Checkbox/CheckboxControl.js.map +1 -1
- package/dist/components/Checkbox/CheckboxControl.mjs +5 -1
- package/dist/components/Checkbox/CheckboxControl.mjs.map +1 -1
- package/dist/components/Modal/ModalHeader.js +1 -1
- package/dist/components/Modal/ModalHeader.js.map +1 -1
- package/dist/components/Modal/ModalHeader.mjs +1 -1
- package/dist/components/Modal/ModalHeader.mjs.map +1 -1
- package/package.json +1 -1
- package/src/components/Checkbox/Checkbox.tsx +3 -3
- package/src/components/Checkbox/Checkbox.types.ts +4 -1
- package/src/components/Checkbox/CheckboxControl.tsx +5 -1
- package/src/components/Modal/ModalHeader.tsx +1 -1
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { Checkbox as ChakraCheckbox } from '@chakra-ui/react';
|
|
2
2
|
export declare const Checkbox: import("react").ForwardRefExoticComponent<ChakraCheckbox.RootProps & {
|
|
3
3
|
id?: string;
|
|
4
|
+
inputRef?: React.Ref<HTMLInputElement>;
|
|
4
5
|
} & import("react").RefAttributes<HTMLLabelElement>> & {
|
|
5
6
|
Control: import("react").ForwardRefExoticComponent<ChakraCheckbox.ControlProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
6
7
|
Label: import("react").ForwardRefExoticComponent<Omit<ChakraCheckbox.LabelProps & import("react").RefAttributes<HTMLElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAuB9D,eAAO,MAAM,QAAQ
|
|
1
|
+
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAuB9D,eAAO,MAAM,QAAQ;;;;;;CAGnB,CAAC"}
|
|
@@ -7,7 +7,7 @@ var react = require('@chakra-ui/react');
|
|
|
7
7
|
var CheckboxControl = require('./CheckboxControl.js');
|
|
8
8
|
var CheckboxLabel = require('./CheckboxLabel.js');
|
|
9
9
|
|
|
10
|
-
const CheckboxBase = React.forwardRef(({ id, size = 'sm', children, ...props }, ref) => (jsxRuntime.jsxs(react.Checkbox.Root, { ref: ref, size: size, cursor: "pointer", _disabled: { cursor: 'not-allowed'
|
|
10
|
+
const CheckboxBase = React.forwardRef(({ id, size = 'sm', children, inputRef, ...props }, ref) => (jsxRuntime.jsxs(react.Checkbox.Root, { ref: ref, size: size, cursor: "pointer", _disabled: { cursor: 'not-allowed' }, ...props, children: [jsxRuntime.jsx(react.Checkbox.HiddenInput, { id: id, ref: inputRef }), children] })));
|
|
11
11
|
CheckboxBase.displayName = 'Checkbox';
|
|
12
12
|
const Checkbox = Object.assign(CheckboxBase, {
|
|
13
13
|
Control: CheckboxControl.CheckboxControl,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.js","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsxs","ChakraCheckbox","_jsx","CheckboxControl","CheckboxLabel"],"mappings":";;;;;;;;;AAOA,MAAM,YAAY,GAAGA,gBAAU,CAG7B,CAAC,EAAE,EAAE,EAAE,IAAI,GAAG,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,
|
|
1
|
+
{"version":3,"file":"Checkbox.js","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsxs","ChakraCheckbox","_jsx","CheckboxControl","CheckboxLabel"],"mappings":";;;;;;;;;AAOA,MAAM,YAAY,GAAGA,gBAAU,CAG7B,CAAC,EAAE,EAAE,EAAE,IAAI,GAAG,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,MACvDC,eAAA,CAACC,cAAc,CAAC,IAAI,EAAA,EAClB,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,MAAM,EAAC,SAAS,EAChB,SAAS,EAAE,EAAE,MAAM,EAAE,aAAa,EAAE,EAAA,GAChC,KAAK,EAAA,QAAA,EAAA,CAETC,cAAA,CAACD,cAAc,CAAC,WAAW,EAAA,EAAC,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,QAAQ,GAAI,EACpD,QAAQ,CAAA,EAAA,CACW,CACvB,CAAC;AACF,YAAY,CAAC,WAAW,GAAG,UAAU;MAExB,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,YAAY,EAAE;AAClD,IAAA,OAAO,EAAEE,+BAAe;AACxB,IAAA,KAAK,EAAEC,2BAAa;AACrB,CAAA;;;;"}
|
|
@@ -5,7 +5,7 @@ import { Checkbox as Checkbox$1 } from '@chakra-ui/react';
|
|
|
5
5
|
import { CheckboxControl } from './CheckboxControl.mjs';
|
|
6
6
|
import { CheckboxLabel } from './CheckboxLabel.mjs';
|
|
7
7
|
|
|
8
|
-
const CheckboxBase = forwardRef(({ id, size = 'sm', children, ...props }, ref) => (jsxs(Checkbox$1.Root, { ref: ref, size: size, cursor: "pointer", _disabled: { cursor: 'not-allowed'
|
|
8
|
+
const CheckboxBase = forwardRef(({ id, size = 'sm', children, inputRef, ...props }, ref) => (jsxs(Checkbox$1.Root, { ref: ref, size: size, cursor: "pointer", _disabled: { cursor: 'not-allowed' }, ...props, children: [jsx(Checkbox$1.HiddenInput, { id: id, ref: inputRef }), children] })));
|
|
9
9
|
CheckboxBase.displayName = 'Checkbox';
|
|
10
10
|
const Checkbox = Object.assign(CheckboxBase, {
|
|
11
11
|
Control: CheckboxControl,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.mjs","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":[null],"names":["_jsxs","ChakraCheckbox","_jsx"],"mappings":";;;;;;;AAOA,MAAM,YAAY,GAAG,UAAU,CAG7B,CAAC,EAAE,EAAE,EAAE,IAAI,GAAG,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,
|
|
1
|
+
{"version":3,"file":"Checkbox.mjs","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":[null],"names":["_jsxs","ChakraCheckbox","_jsx"],"mappings":";;;;;;;AAOA,MAAM,YAAY,GAAG,UAAU,CAG7B,CAAC,EAAE,EAAE,EAAE,IAAI,GAAG,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,MACvDA,IAAA,CAACC,UAAc,CAAC,IAAI,EAAA,EAClB,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,MAAM,EAAC,SAAS,EAChB,SAAS,EAAE,EAAE,MAAM,EAAE,aAAa,EAAE,EAAA,GAChC,KAAK,EAAA,QAAA,EAAA,CAETC,GAAA,CAACD,UAAc,CAAC,WAAW,EAAA,EAAC,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,QAAQ,GAAI,EACpD,QAAQ,CAAA,EAAA,CACW,CACvB,CAAC;AACF,YAAY,CAAC,WAAW,GAAG,UAAU;MAExB,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,YAAY,EAAE;AAClD,IAAA,OAAO,EAAE,eAAe;AACxB,IAAA,KAAK,EAAE,aAAa;AACrB,CAAA;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.types.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,IAAI,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAEhF,MAAM,MAAM,aAAa,GAAG,uBAAuB,GAAG;
|
|
1
|
+
{"version":3,"file":"Checkbox.types.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,IAAI,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAEhF,MAAM,MAAM,aAAa,GAAG,uBAAuB,GAAG;IACpD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;CACxC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxControl.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/CheckboxControl.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,QAAQ,IAAI,cAAc,EAE3B,MAAM,kBAAkB,CAAC;AAI1B,eAAO,MAAM,eAAe,
|
|
1
|
+
{"version":3,"file":"CheckboxControl.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/CheckboxControl.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,QAAQ,IAAI,cAAc,EAE3B,MAAM,kBAAkB,CAAC;AAI1B,eAAO,MAAM,eAAe,wHAqB3B,CAAC"}
|
|
@@ -6,7 +6,11 @@ var React = require('react');
|
|
|
6
6
|
var react = require('@chakra-ui/react');
|
|
7
7
|
var focusRing = require('../../utils/focusRing.js');
|
|
8
8
|
|
|
9
|
-
const CheckboxControl = React.forwardRef((props, ref) => (jsxRuntime.jsx(react.Checkbox.Control, { ref: ref, borderRadius: "xs", borderColor: "gray.400", borderWidth: "1px", _checked: { bgColor: 'primary.main', borderColor: 'primary.main' }, _indeterminate: { bgColor: 'primary.main', borderColor: 'primary.main' }, cursor: "pointer", _disabled: {
|
|
9
|
+
const CheckboxControl = React.forwardRef((props, ref) => (jsxRuntime.jsx(react.Checkbox.Control, { ref: ref, borderRadius: "xs", borderColor: "gray.400", borderWidth: "1px", _checked: { bgColor: 'primary.main', borderColor: 'primary.main' }, _indeterminate: { bgColor: 'primary.main', borderColor: 'primary.main' }, cursor: "pointer", _disabled: {
|
|
10
|
+
cursor: 'not-allowed',
|
|
11
|
+
bgColor: 'gray.300',
|
|
12
|
+
borderColor: 'gray.200',
|
|
13
|
+
}, ...focusRing.focusRing, ...props, children: jsxRuntime.jsx(react.Checkbox.Indicator, {}) })));
|
|
10
14
|
CheckboxControl.displayName = 'Checkbox.Control';
|
|
11
15
|
|
|
12
16
|
exports.CheckboxControl = CheckboxControl;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxControl.js","sources":["../../../src/components/Checkbox/CheckboxControl.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","ChakraCheckbox","focusRing"],"mappings":";;;;;;;;AAQO,MAAM,eAAe,GAAGA,gBAAU,CACvC,CAAC,KAAK,EAAE,GAAG,MACTC,cAAA,CAACC,cAAc,CAAC,OAAO,EAAA,EACrB,GAAG,EAAE,GAAG,EACR,YAAY,EAAC,IAAI,EACjB,WAAW,EAAC,UAAU,EACtB,WAAW,EAAC,KAAK,EACjB,QAAQ,EAAE,EAAE,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,cAAc,EAAE,EAClE,cAAc,EAAE,EAAE,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,cAAc,EAAE,EACxE,MAAM,EAAC,SAAS,EAChB,SAAS,EAAE,
|
|
1
|
+
{"version":3,"file":"CheckboxControl.js","sources":["../../../src/components/Checkbox/CheckboxControl.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","ChakraCheckbox","focusRing"],"mappings":";;;;;;;;AAQO,MAAM,eAAe,GAAGA,gBAAU,CACvC,CAAC,KAAK,EAAE,GAAG,MACTC,cAAA,CAACC,cAAc,CAAC,OAAO,EAAA,EACrB,GAAG,EAAE,GAAG,EACR,YAAY,EAAC,IAAI,EACjB,WAAW,EAAC,UAAU,EACtB,WAAW,EAAC,KAAK,EACjB,QAAQ,EAAE,EAAE,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,cAAc,EAAE,EAClE,cAAc,EAAE,EAAE,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,cAAc,EAAE,EACxE,MAAM,EAAC,SAAS,EAChB,SAAS,EAAE;AACT,QAAA,MAAM,EAAE,aAAa;AACrB,QAAA,OAAO,EAAE,UAAU;AACnB,QAAA,WAAW,EAAE,UAAU;AACxB,KAAA,EAAA,GACGC,mBAAS,EAAA,GACT,KAAK,EAAA,QAAA,EAETF,cAAA,CAACC,cAAc,CAAC,SAAS,EAAA,EAAA,CAAG,EAAA,CACL,CAC1B;AAEH,eAAe,CAAC,WAAW,GAAG,kBAAkB;;;;"}
|
|
@@ -4,7 +4,11 @@ import { forwardRef } from 'react';
|
|
|
4
4
|
import { Checkbox } from '@chakra-ui/react';
|
|
5
5
|
import { focusRing } from '../../utils/focusRing.mjs';
|
|
6
6
|
|
|
7
|
-
const CheckboxControl = forwardRef((props, ref) => (jsx(Checkbox.Control, { ref: ref, borderRadius: "xs", borderColor: "gray.400", borderWidth: "1px", _checked: { bgColor: 'primary.main', borderColor: 'primary.main' }, _indeterminate: { bgColor: 'primary.main', borderColor: 'primary.main' }, cursor: "pointer", _disabled: {
|
|
7
|
+
const CheckboxControl = forwardRef((props, ref) => (jsx(Checkbox.Control, { ref: ref, borderRadius: "xs", borderColor: "gray.400", borderWidth: "1px", _checked: { bgColor: 'primary.main', borderColor: 'primary.main' }, _indeterminate: { bgColor: 'primary.main', borderColor: 'primary.main' }, cursor: "pointer", _disabled: {
|
|
8
|
+
cursor: 'not-allowed',
|
|
9
|
+
bgColor: 'gray.300',
|
|
10
|
+
borderColor: 'gray.200',
|
|
11
|
+
}, ...focusRing, ...props, children: jsx(Checkbox.Indicator, {}) })));
|
|
8
12
|
CheckboxControl.displayName = 'Checkbox.Control';
|
|
9
13
|
|
|
10
14
|
export { CheckboxControl };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxControl.mjs","sources":["../../../src/components/Checkbox/CheckboxControl.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraCheckbox"],"mappings":";;;;;;AAQO,MAAM,eAAe,GAAG,UAAU,CACvC,CAAC,KAAK,EAAE,GAAG,MACTA,GAAA,CAACC,QAAc,CAAC,OAAO,EAAA,EACrB,GAAG,EAAE,GAAG,EACR,YAAY,EAAC,IAAI,EACjB,WAAW,EAAC,UAAU,EACtB,WAAW,EAAC,KAAK,EACjB,QAAQ,EAAE,EAAE,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,cAAc,EAAE,EAClE,cAAc,EAAE,EAAE,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,cAAc,EAAE,EACxE,MAAM,EAAC,SAAS,EAChB,SAAS,EAAE,
|
|
1
|
+
{"version":3,"file":"CheckboxControl.mjs","sources":["../../../src/components/Checkbox/CheckboxControl.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraCheckbox"],"mappings":";;;;;;AAQO,MAAM,eAAe,GAAG,UAAU,CACvC,CAAC,KAAK,EAAE,GAAG,MACTA,GAAA,CAACC,QAAc,CAAC,OAAO,EAAA,EACrB,GAAG,EAAE,GAAG,EACR,YAAY,EAAC,IAAI,EACjB,WAAW,EAAC,UAAU,EACtB,WAAW,EAAC,KAAK,EACjB,QAAQ,EAAE,EAAE,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,cAAc,EAAE,EAClE,cAAc,EAAE,EAAE,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,cAAc,EAAE,EACxE,MAAM,EAAC,SAAS,EAChB,SAAS,EAAE;AACT,QAAA,MAAM,EAAE,aAAa;AACrB,QAAA,OAAO,EAAE,UAAU;AACnB,QAAA,WAAW,EAAE,UAAU;AACxB,KAAA,EAAA,GACG,SAAS,EAAA,GACT,KAAK,EAAA,QAAA,EAETD,GAAA,CAACC,QAAc,CAAC,SAAS,EAAA,EAAA,CAAG,EAAA,CACL,CAC1B;AAEH,eAAe,CAAC,WAAW,GAAG,kBAAkB;;;;"}
|
|
@@ -5,7 +5,7 @@ var jsxRuntime = require('react/jsx-runtime');
|
|
|
5
5
|
var react = require('@chakra-ui/react');
|
|
6
6
|
|
|
7
7
|
const ModalHeader = ({ ...rest }) => {
|
|
8
|
-
return jsxRuntime.jsx(react.Dialog.Header, {
|
|
8
|
+
return jsxRuntime.jsx(react.Dialog.Header, { px: 4, pt: 4, pb: 0, ...rest });
|
|
9
9
|
};
|
|
10
10
|
|
|
11
11
|
exports.ModalHeader = ModalHeader;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalHeader.js","sources":["../../../src/components/Modal/ModalHeader.tsx"],"sourcesContent":[null],"names":["_jsx","Dialog"],"mappings":";;;;;;AAGO,MAAM,WAAW,GAAG,CAAC,EAAE,GAAG,IAAI,EAAsB,KAAI;
|
|
1
|
+
{"version":3,"file":"ModalHeader.js","sources":["../../../src/components/Modal/ModalHeader.tsx"],"sourcesContent":[null],"names":["_jsx","Dialog"],"mappings":";;;;;;AAGO,MAAM,WAAW,GAAG,CAAC,EAAE,GAAG,IAAI,EAAsB,KAAI;AAC7D,IAAA,OAAOA,eAACC,YAAM,CAAC,MAAM,EAAA,EAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAA,GAAM,IAAI,GAAI;AACzD;;;;"}
|
|
@@ -3,7 +3,7 @@ import { jsx } from 'react/jsx-runtime';
|
|
|
3
3
|
import { Dialog } from '@chakra-ui/react';
|
|
4
4
|
|
|
5
5
|
const ModalHeader = ({ ...rest }) => {
|
|
6
|
-
return jsx(Dialog.Header, {
|
|
6
|
+
return jsx(Dialog.Header, { px: 4, pt: 4, pb: 0, ...rest });
|
|
7
7
|
};
|
|
8
8
|
|
|
9
9
|
export { ModalHeader };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalHeader.mjs","sources":["../../../src/components/Modal/ModalHeader.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;AAGO,MAAM,WAAW,GAAG,CAAC,EAAE,GAAG,IAAI,EAAsB,KAAI;
|
|
1
|
+
{"version":3,"file":"ModalHeader.mjs","sources":["../../../src/components/Modal/ModalHeader.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;AAGO,MAAM,WAAW,GAAG,CAAC,EAAE,GAAG,IAAI,EAAsB,KAAI;AAC7D,IAAA,OAAOA,IAAC,MAAM,CAAC,MAAM,EAAA,EAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAA,GAAM,IAAI,GAAI;AACzD;;;;"}
|
package/package.json
CHANGED
|
@@ -8,15 +8,15 @@ import { CheckboxLabel } from './CheckboxLabel';
|
|
|
8
8
|
const CheckboxBase = forwardRef<
|
|
9
9
|
React.ComponentRef<typeof ChakraCheckbox.Root>,
|
|
10
10
|
CheckboxProps
|
|
11
|
-
>(({ id, size = 'sm', children, ...props }, ref) => (
|
|
11
|
+
>(({ id, size = 'sm', children, inputRef, ...props }, ref) => (
|
|
12
12
|
<ChakraCheckbox.Root
|
|
13
13
|
ref={ref}
|
|
14
14
|
size={size}
|
|
15
15
|
cursor="pointer"
|
|
16
|
-
_disabled={{ cursor: 'not-allowed'
|
|
16
|
+
_disabled={{ cursor: 'not-allowed' }}
|
|
17
17
|
{...props}
|
|
18
18
|
>
|
|
19
|
-
<ChakraCheckbox.HiddenInput id={id} />
|
|
19
|
+
<ChakraCheckbox.HiddenInput id={id} ref={inputRef} />
|
|
20
20
|
{children}
|
|
21
21
|
</ChakraCheckbox.Root>
|
|
22
22
|
));
|
|
@@ -1,3 +1,6 @@
|
|
|
1
1
|
import { CheckboxRootProps as ChakraCheckboxRootProps } from '@chakra-ui/react';
|
|
2
2
|
|
|
3
|
-
export type CheckboxProps = ChakraCheckboxRootProps & {
|
|
3
|
+
export type CheckboxProps = ChakraCheckboxRootProps & {
|
|
4
|
+
id?: string;
|
|
5
|
+
inputRef?: React.Ref<HTMLInputElement>;
|
|
6
|
+
};
|
|
@@ -16,7 +16,11 @@ export const CheckboxControl = forwardRef<HTMLDivElement, CheckboxControlProps>(
|
|
|
16
16
|
_checked={{ bgColor: 'primary.main', borderColor: 'primary.main' }}
|
|
17
17
|
_indeterminate={{ bgColor: 'primary.main', borderColor: 'primary.main' }}
|
|
18
18
|
cursor="pointer"
|
|
19
|
-
_disabled={{
|
|
19
|
+
_disabled={{
|
|
20
|
+
cursor: 'not-allowed',
|
|
21
|
+
bgColor: 'gray.300',
|
|
22
|
+
borderColor: 'gray.200',
|
|
23
|
+
}}
|
|
20
24
|
{...focusRing}
|
|
21
25
|
{...props}
|
|
22
26
|
>
|
|
@@ -2,5 +2,5 @@ import React from 'react';
|
|
|
2
2
|
import { Dialog } from '@chakra-ui/react';
|
|
3
3
|
|
|
4
4
|
export const ModalHeader = ({ ...rest }: Dialog.HeaderProps) => {
|
|
5
|
-
return <Dialog.Header
|
|
5
|
+
return <Dialog.Header px={4} pt={4} pb={0} {...rest} />;
|
|
6
6
|
};
|