@tamagui/checkbox 1.28.0 → 1.28.2

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.
Files changed (12) hide show
  1. package/dist/cjs/Checkbox.js +130 -124
  2. package/dist/cjs/Checkbox.js.map +1 -1
  3. package/dist/esm/Checkbox.js +130 -124
  4. package/dist/esm/Checkbox.js.map +1 -1
  5. package/dist/jsx/Checkbox.js +117 -112
  6. package/dist/jsx/Checkbox.js.map +1 -1
  7. package/dist/jsx/Checkbox.mjs +117 -112
  8. package/dist/jsx/Checkbox.mjs.map +1 -1
  9. package/package.json +11 -11
  10. package/src/Checkbox.tsx +150 -142
  11. package/types/Checkbox.d.ts +10 -0
  12. package/types/Checkbox.d.ts.map +1 -1
package/dist/esm/Checkbox.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/Checkbox.tsx"],
4
- "mappings": "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",
4
+ "mappings": "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",
5
5
  "names": ["Checkbox"]
6
6
  }
package/dist/jsx/Checkbox.js CHANGED
@@ -1,6 +1,7 @@
1
1
  import { usePrevious } from "@radix-ui/react-use-previous";
2
2
  import {
3
3
  composeEventHandlers,
4
+ createStyledContext,
4
5
  getVariableValue,
5
6
  isWeb,
6
7
  styled,
@@ -18,6 +19,10 @@ import { useLabelContext } from "@tamagui/label";
18
19
  import { ThemeableStack } from "@tamagui/stacks";
19
20
  import { useControllableState } from "@tamagui/use-controllable-state";
20
21
  import * as React from "react";
22
+ const CheckboxStyledContext = createStyledContext({
23
+ size: "$true",
24
+ scaleIcon: 1
25
+ });
21
26
  function isIndeterminate(checked) {
22
27
  return checked === "indeterminate";
23
28
  }
@@ -68,7 +73,8 @@ const BubbleInput = (props) => {
68
73
  const INDICATOR_NAME = "CheckboxIndicator";
69
74
  const CheckboxIndicatorFrame = styled(ThemeableStack, {
70
75
  // use Checkbox for easier themes
71
- name: INDICATOR_NAME
76
+ name: INDICATOR_NAME,
77
+ context: CheckboxStyledContext
72
78
  });
73
79
  const CheckboxIndicator = CheckboxIndicatorFrame.extractable(
74
80
  React.forwardRef(
@@ -81,7 +87,8 @@ const CheckboxIndicator = CheckboxIndicatorFrame.extractable(
81
87
  ...indicatorProps
82
88
  } = props;
83
89
  const context = useCheckboxContext(INDICATOR_NAME, __scopeCheckbox);
84
- const iconSize = (typeof context.size === "number" ? context.size * 0.65 : getFontSize(context.size)) * context.scaleIcon;
90
+ const styledContext = React.useContext(CheckboxStyledContext);
91
+ const iconSize = (typeof styledContext.size === "number" ? styledContext.size * 0.65 : getFontSize(styledContext.size)) * styledContext.scaleIcon;
85
92
  const theme = useTheme();
86
93
  const getThemedIcon = useGetThemedIcon({ size: iconSize, color: theme.color });
87
94
  const childrens = React.Children.toArray(childrenProp);
@@ -108,6 +115,7 @@ const CHECKBOX_NAME = "Checkbox";
108
115
  const CheckboxFrame = styled(ThemeableStack, {
109
116
  name: CHECKBOX_NAME,
110
117
  tag: "button",
118
+ context: CheckboxStyledContext,
111
119
  variants: {
112
120
  unstyled: {
113
121
  false: {
@@ -142,63 +150,105 @@ const CheckboxFrame = styled(ThemeableStack, {
142
150
  });
143
151
  const [createCheckboxContext, createCheckboxScope] = createContextScope(CHECKBOX_NAME);
144
152
  const [CheckboxProvider, useCheckboxContext] = createCheckboxContext(CHECKBOX_NAME);
145
- const Checkbox = withStaticProperties(
146
- CheckboxFrame.extractable(
147
- React.forwardRef(function Checkbox2(props, forwardedRef) {
148
- const {
149
- __scopeCheckbox,
150
- labelledBy: ariaLabelledby,
151
- name,
152
- checked: checkedProp,
153
- defaultChecked,
154
- required,
155
- scaleIcon = 1,
156
- scaleSize = 0.45,
157
- sizeAdjust = 0,
158
- disabled,
159
- value = "on",
160
- onCheckedChange,
161
- native,
162
- ...checkboxProps
163
- } = props;
164
- const [button, setButton] = React.useState(null);
165
- const composedRefs = useComposedRefs(forwardedRef, (node) => setButton(node));
166
- const hasConsumerStoppedPropagationRef = React.useRef(false);
167
- const propsActive = useProps(props);
168
- const isFormControl = isWeb ? button ? Boolean(button.closest("form")) : true : false;
169
- const [checked = false, setChecked] = useControllableState({
170
- prop: checkedProp,
171
- defaultProp: defaultChecked,
172
- onChange: onCheckedChange
173
- });
174
- const adjustedSize = getVariableValue(
175
- getSize(propsActive.size, {
176
- shift: sizeAdjust
177
- })
178
- );
179
- const size = scaleSize ? Math.round(adjustedSize * scaleSize) : adjustedSize;
180
- const labelId = useLabelContext(button);
181
- const labelledBy = ariaLabelledby || labelId;
182
- if (process.env.TAMAGUI_TARGET === "native") {
183
- React.useEffect(() => {
184
- if (!props.id)
185
- return;
186
- return registerFocusable(props.id, {
187
- focusAndSelect: () => {
188
- setChecked((x) => !x);
189
- },
190
- focus: () => {
191
- }
192
- });
193
- }, [props.id, setChecked]);
194
- }
195
- return <CheckboxProvider
196
- scope={__scopeCheckbox}
197
- state={checked}
153
+ const CheckboxComponent = CheckboxFrame.extractable(
154
+ React.forwardRef(function Checkbox(props, forwardedRef) {
155
+ const {
156
+ __scopeCheckbox,
157
+ labelledBy: ariaLabelledby,
158
+ name,
159
+ checked: checkedProp,
160
+ defaultChecked,
161
+ required,
162
+ scaleSize = 0.45,
163
+ sizeAdjust = 0,
164
+ disabled,
165
+ value = "on",
166
+ onCheckedChange,
167
+ native,
168
+ ...checkboxProps
169
+ } = props;
170
+ const [button, setButton] = React.useState(null);
171
+ const composedRefs = useComposedRefs(forwardedRef, (node) => setButton(node));
172
+ const hasConsumerStoppedPropagationRef = React.useRef(false);
173
+ const propsActive = useProps(props);
174
+ const isFormControl = isWeb ? button ? Boolean(button.closest("form")) : true : false;
175
+ const [checked = false, setChecked] = useControllableState({
176
+ prop: checkedProp,
177
+ defaultProp: defaultChecked,
178
+ onChange: onCheckedChange
179
+ });
180
+ const styledContext = React.useContext(CheckboxStyledContext);
181
+ const adjustedSize = getVariableValue(
182
+ getSize(propsActive.size ?? styledContext?.size ?? "$true", {
183
+ shift: sizeAdjust
184
+ })
185
+ );
186
+ const size = scaleSize ? Math.round(adjustedSize * scaleSize) : adjustedSize;
187
+ const labelId = useLabelContext(button);
188
+ const labelledBy = ariaLabelledby || labelId;
189
+ if (process.env.TAMAGUI_TARGET === "native") {
190
+ React.useEffect(() => {
191
+ if (!props.id)
192
+ return;
193
+ return registerFocusable(props.id, {
194
+ focusAndSelect: () => {
195
+ setChecked((x) => !x);
196
+ },
197
+ focus: () => {
198
+ }
199
+ });
200
+ }, [props.id, setChecked]);
201
+ }
202
+ return <CheckboxProvider scope={__scopeCheckbox} state={checked} disabled={disabled}>{isWeb && native ? <BubbleInput
203
+ control={button}
204
+ bubbles={!hasConsumerStoppedPropagationRef.current}
205
+ name={name}
206
+ value={value}
207
+ checked={checked}
208
+ required={required}
209
+ disabled={disabled}
210
+ id={props.id}
211
+ /> : <>
212
+ <CheckboxFrame
213
+ width={size}
214
+ height={size}
215
+ tag="button"
216
+ role="checkbox"
217
+ aria-labelledby={labelledBy}
218
+ aria-checked={isIndeterminate(checked) ? "mixed" : checked}
219
+ aria-required={required}
220
+ data-state={getState(checked)}
221
+ data-disabled={disabled ? "" : void 0}
198
222
  disabled={disabled}
199
- size={size}
200
- scaleIcon={scaleIcon}
201
- >{isWeb && native ? <BubbleInput
223
+ {...checkboxProps}
224
+ ref={composedRefs}
225
+ {...isWeb && {
226
+ type: "button",
227
+ value,
228
+ onKeyDown: composeEventHandlers(
229
+ props.onKeyDown,
230
+ (event) => {
231
+ if (event.key === "Enter")
232
+ event.preventDefault();
233
+ }
234
+ )
235
+ }}
236
+ onPress={composeEventHandlers(props.onPress, (event) => {
237
+ setChecked(
238
+ (prevChecked) => isIndeterminate(prevChecked) ? true : !prevChecked
239
+ );
240
+ if (isFormControl) {
241
+ hasConsumerStoppedPropagationRef.current = event.isPropagationStopped();
242
+ if (!hasConsumerStoppedPropagationRef.current)
243
+ event.stopPropagation();
244
+ }
245
+ })}
246
+ ><CheckboxStyledContext.Provider
247
+ size={propsActive.size ?? styledContext?.size ?? "$true"}
248
+ scaleIcon={props.scaleIcon ?? styledContext?.scaleIcon ?? 1}
249
+ >{propsActive.children}</CheckboxStyledContext.Provider></CheckboxFrame>
250
+ {isWeb && isFormControl ? <BubbleInput
251
+ isHidden
202
252
  control={button}
203
253
  bubbles={!hasConsumerStoppedPropagationRef.current}
204
254
  name={name}
@@ -206,64 +256,19 @@ const Checkbox = withStaticProperties(
206
256
  checked={checked}
207
257
  required={required}
208
258
  disabled={disabled}
209
- id={props.id}
210
- /> : <>
211
- <CheckboxFrame
212
- width={size}
213
- height={size}
214
- tag="button"
215
- role="checkbox"
216
- aria-labelledby={labelledBy}
217
- aria-checked={isIndeterminate(checked) ? "mixed" : checked}
218
- aria-required={required}
219
- data-state={getState(checked)}
220
- data-disabled={disabled ? "" : void 0}
221
- disabled={disabled}
222
- {...checkboxProps}
223
- ref={composedRefs}
224
- {...isWeb && {
225
- type: "button",
226
- value,
227
- onKeyDown: composeEventHandlers(
228
- props.onKeyDown,
229
- (event) => {
230
- if (event.key === "Enter")
231
- event.preventDefault();
232
- }
233
- )
234
- }}
235
- onPress={composeEventHandlers(props.onPress, (event) => {
236
- setChecked(
237
- (prevChecked) => isIndeterminate(prevChecked) ? true : !prevChecked
238
- );
239
- if (isFormControl) {
240
- hasConsumerStoppedPropagationRef.current = event.isPropagationStopped();
241
- if (!hasConsumerStoppedPropagationRef.current)
242
- event.stopPropagation();
243
- }
244
- })}
245
- />
246
- {isWeb && isFormControl ? <BubbleInput
247
- isHidden
248
- control={button}
249
- bubbles={!hasConsumerStoppedPropagationRef.current}
250
- name={name}
251
- value={value}
252
- checked={checked}
253
- required={required}
254
- disabled={disabled}
255
- /> : null}
256
- </>}</CheckboxProvider>;
257
- })
258
- ),
259
- {
260
- Indicator: CheckboxIndicator
261
- }
259
+ /> : null}
260
+ </>}</CheckboxProvider>;
261
+ })
262
262
  );
263
+ const Checkbox2 = withStaticProperties(CheckboxComponent, {
264
+ Indicator: CheckboxIndicator,
265
+ Props: CheckboxStyledContext.Provider
266
+ });
263
267
  export {
264
268
  BubbleInput,
265
- Checkbox,
269
+ Checkbox2 as Checkbox,
266
270
  CheckboxFrame,
271
+ CheckboxStyledContext,
267
272
  createCheckboxScope,
268
273
  getState,
269
274
  isIndeterminate
package/dist/jsx/Checkbox.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/Checkbox.tsx"],
4
- "mappings": "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",
4
+ "mappings": "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",
5
5
  "names": ["Checkbox"]
6
6
  }
package/dist/jsx/Checkbox.mjs CHANGED
@@ -1,6 +1,7 @@
1
1
  import { usePrevious } from "@radix-ui/react-use-previous";
2
2
  import {
3
3
  composeEventHandlers,
4
+ createStyledContext,
4
5
  getVariableValue,
5
6
  isWeb,
6
7
  styled,
@@ -18,6 +19,10 @@ import { useLabelContext } from "@tamagui/label";
18
19
  import { ThemeableStack } from "@tamagui/stacks";
19
20
  import { useControllableState } from "@tamagui/use-controllable-state";
20
21
  import * as React from "react";
22
+ const CheckboxStyledContext = createStyledContext({
23
+ size: "$true",
24
+ scaleIcon: 1
25
+ });
21
26
  function isIndeterminate(checked) {
22
27
  return checked === "indeterminate";
23
28
  }
@@ -68,7 +73,8 @@ const BubbleInput = (props) => {
68
73
  const INDICATOR_NAME = "CheckboxIndicator";
69
74
  const CheckboxIndicatorFrame = styled(ThemeableStack, {
70
75
  // use Checkbox for easier themes
71
- name: INDICATOR_NAME
76
+ name: INDICATOR_NAME,
77
+ context: CheckboxStyledContext
72
78
  });
73
79
  const CheckboxIndicator = CheckboxIndicatorFrame.extractable(
74
80
  React.forwardRef(
@@ -81,7 +87,8 @@ const CheckboxIndicator = CheckboxIndicatorFrame.extractable(
81
87
  ...indicatorProps
82
88
  } = props;
83
89
  const context = useCheckboxContext(INDICATOR_NAME, __scopeCheckbox);
84
- const iconSize = (typeof context.size === "number" ? context.size * 0.65 : getFontSize(context.size)) * context.scaleIcon;
90
+ const styledContext = React.useContext(CheckboxStyledContext);
91
+ const iconSize = (typeof styledContext.size === "number" ? styledContext.size * 0.65 : getFontSize(styledContext.size)) * styledContext.scaleIcon;
85
92
  const theme = useTheme();
86
93
  const getThemedIcon = useGetThemedIcon({ size: iconSize, color: theme.color });
87
94
  const childrens = React.Children.toArray(childrenProp);
@@ -108,6 +115,7 @@ const CHECKBOX_NAME = "Checkbox";
108
115
  const CheckboxFrame = styled(ThemeableStack, {
109
116
  name: CHECKBOX_NAME,
110
117
  tag: "button",
118
+ context: CheckboxStyledContext,
111
119
  variants: {
112
120
  unstyled: {
113
121
  false: {
@@ -142,63 +150,105 @@ const CheckboxFrame = styled(ThemeableStack, {
142
150
  });
143
151
  const [createCheckboxContext, createCheckboxScope] = createContextScope(CHECKBOX_NAME);
144
152
  const [CheckboxProvider, useCheckboxContext] = createCheckboxContext(CHECKBOX_NAME);
145
- const Checkbox = withStaticProperties(
146
- CheckboxFrame.extractable(
147
- React.forwardRef(function Checkbox2(props, forwardedRef) {
148
- const {
149
- __scopeCheckbox,
150
- labelledBy: ariaLabelledby,
151
- name,
152
- checked: checkedProp,
153
- defaultChecked,
154
- required,
155
- scaleIcon = 1,
156
- scaleSize = 0.45,
157
- sizeAdjust = 0,
158
- disabled,
159
- value = "on",
160
- onCheckedChange,
161
- native,
162
- ...checkboxProps
163
- } = props;
164
- const [button, setButton] = React.useState(null);
165
- const composedRefs = useComposedRefs(forwardedRef, (node) => setButton(node));
166
- const hasConsumerStoppedPropagationRef = React.useRef(false);
167
- const propsActive = useProps(props);
168
- const isFormControl = isWeb ? button ? Boolean(button.closest("form")) : true : false;
169
- const [checked = false, setChecked] = useControllableState({
170
- prop: checkedProp,
171
- defaultProp: defaultChecked,
172
- onChange: onCheckedChange
173
- });
174
- const adjustedSize = getVariableValue(
175
- getSize(propsActive.size, {
176
- shift: sizeAdjust
177
- })
178
- );
179
- const size = scaleSize ? Math.round(adjustedSize * scaleSize) : adjustedSize;
180
- const labelId = useLabelContext(button);
181
- const labelledBy = ariaLabelledby || labelId;
182
- if (process.env.TAMAGUI_TARGET === "native") {
183
- React.useEffect(() => {
184
- if (!props.id)
185
- return;
186
- return registerFocusable(props.id, {
187
- focusAndSelect: () => {
188
- setChecked((x) => !x);
189
- },
190
- focus: () => {
191
- }
192
- });
193
- }, [props.id, setChecked]);
194
- }
195
- return <CheckboxProvider
196
- scope={__scopeCheckbox}
197
- state={checked}
153
+ const CheckboxComponent = CheckboxFrame.extractable(
154
+ React.forwardRef(function Checkbox(props, forwardedRef) {
155
+ const {
156
+ __scopeCheckbox,
157
+ labelledBy: ariaLabelledby,
158
+ name,
159
+ checked: checkedProp,
160
+ defaultChecked,
161
+ required,
162
+ scaleSize = 0.45,
163
+ sizeAdjust = 0,
164
+ disabled,
165
+ value = "on",
166
+ onCheckedChange,
167
+ native,
168
+ ...checkboxProps
169
+ } = props;
170
+ const [button, setButton] = React.useState(null);
171
+ const composedRefs = useComposedRefs(forwardedRef, (node) => setButton(node));
172
+ const hasConsumerStoppedPropagationRef = React.useRef(false);
173
+ const propsActive = useProps(props);
174
+ const isFormControl = isWeb ? button ? Boolean(button.closest("form")) : true : false;
175
+ const [checked = false, setChecked] = useControllableState({
176
+ prop: checkedProp,
177
+ defaultProp: defaultChecked,
178
+ onChange: onCheckedChange
179
+ });
180
+ const styledContext = React.useContext(CheckboxStyledContext);
181
+ const adjustedSize = getVariableValue(
182
+ getSize(propsActive.size ?? styledContext?.size ?? "$true", {
183
+ shift: sizeAdjust
184
+ })
185
+ );
186
+ const size = scaleSize ? Math.round(adjustedSize * scaleSize) : adjustedSize;
187
+ const labelId = useLabelContext(button);
188
+ const labelledBy = ariaLabelledby || labelId;
189
+ if (process.env.TAMAGUI_TARGET === "native") {
190
+ React.useEffect(() => {
191
+ if (!props.id)
192
+ return;
193
+ return registerFocusable(props.id, {
194
+ focusAndSelect: () => {
195
+ setChecked((x) => !x);
196
+ },
197
+ focus: () => {
198
+ }
199
+ });
200
+ }, [props.id, setChecked]);
201
+ }
202
+ return <CheckboxProvider scope={__scopeCheckbox} state={checked} disabled={disabled}>{isWeb && native ? <BubbleInput
203
+ control={button}
204
+ bubbles={!hasConsumerStoppedPropagationRef.current}
205
+ name={name}
206
+ value={value}
207
+ checked={checked}
208
+ required={required}
209
+ disabled={disabled}
210
+ id={props.id}
211
+ /> : <>
212
+ <CheckboxFrame
213
+ width={size}
214
+ height={size}
215
+ tag="button"
216
+ role="checkbox"
217
+ aria-labelledby={labelledBy}
218
+ aria-checked={isIndeterminate(checked) ? "mixed" : checked}
219
+ aria-required={required}
220
+ data-state={getState(checked)}
221
+ data-disabled={disabled ? "" : void 0}
198
222
  disabled={disabled}
199
- size={size}
200
- scaleIcon={scaleIcon}
201
- >{isWeb && native ? <BubbleInput
223
+ {...checkboxProps}
224
+ ref={composedRefs}
225
+ {...isWeb && {
226
+ type: "button",
227
+ value,
228
+ onKeyDown: composeEventHandlers(
229
+ props.onKeyDown,
230
+ (event) => {
231
+ if (event.key === "Enter")
232
+ event.preventDefault();
233
+ }
234
+ )
235
+ }}
236
+ onPress={composeEventHandlers(props.onPress, (event) => {
237
+ setChecked(
238
+ (prevChecked) => isIndeterminate(prevChecked) ? true : !prevChecked
239
+ );
240
+ if (isFormControl) {
241
+ hasConsumerStoppedPropagationRef.current = event.isPropagationStopped();
242
+ if (!hasConsumerStoppedPropagationRef.current)
243
+ event.stopPropagation();
244
+ }
245
+ })}
246
+ ><CheckboxStyledContext.Provider
247
+ size={propsActive.size ?? styledContext?.size ?? "$true"}
248
+ scaleIcon={props.scaleIcon ?? styledContext?.scaleIcon ?? 1}
249
+ >{propsActive.children}</CheckboxStyledContext.Provider></CheckboxFrame>
250
+ {isWeb && isFormControl ? <BubbleInput
251
+ isHidden
202
252
  control={button}
203
253
  bubbles={!hasConsumerStoppedPropagationRef.current}
204
254
  name={name}
@@ -206,64 +256,19 @@ const Checkbox = withStaticProperties(
206
256
  checked={checked}
207
257
  required={required}
208
258
  disabled={disabled}
209
- id={props.id}
210
- /> : <>
211
- <CheckboxFrame
212
- width={size}
213
- height={size}
214
- tag="button"
215
- role="checkbox"
216
- aria-labelledby={labelledBy}
217
- aria-checked={isIndeterminate(checked) ? "mixed" : checked}
218
- aria-required={required}
219
- data-state={getState(checked)}
220
- data-disabled={disabled ? "" : void 0}
221
- disabled={disabled}
222
- {...checkboxProps}
223
- ref={composedRefs}
224
- {...isWeb && {
225
- type: "button",
226
- value,
227
- onKeyDown: composeEventHandlers(
228
- props.onKeyDown,
229
- (event) => {
230
- if (event.key === "Enter")
231
- event.preventDefault();
232
- }
233
- )
234
- }}
235
- onPress={composeEventHandlers(props.onPress, (event) => {
236
- setChecked(
237
- (prevChecked) => isIndeterminate(prevChecked) ? true : !prevChecked
238
- );
239
- if (isFormControl) {
240
- hasConsumerStoppedPropagationRef.current = event.isPropagationStopped();
241
- if (!hasConsumerStoppedPropagationRef.current)
242
- event.stopPropagation();
243
- }
244
- })}
245
- />
246
- {isWeb && isFormControl ? <BubbleInput
247
- isHidden
248
- control={button}
249
- bubbles={!hasConsumerStoppedPropagationRef.current}
250
- name={name}
251
- value={value}
252
- checked={checked}
253
- required={required}
254
- disabled={disabled}
255
- /> : null}
256
- </>}</CheckboxProvider>;
257
- })
258
- ),
259
- {
260
- Indicator: CheckboxIndicator
261
- }
259
+ /> : null}
260
+ </>}</CheckboxProvider>;
261
+ })
262
262
  );
263
+ const Checkbox2 = withStaticProperties(CheckboxComponent, {
264
+ Indicator: CheckboxIndicator,
265
+ Props: CheckboxStyledContext.Provider
266
+ });
263
267
  export {
264
268
  BubbleInput,
265
- Checkbox,
269
+ Checkbox2 as Checkbox,
266
270
  CheckboxFrame,
271
+ CheckboxStyledContext,
267
272
  createCheckboxScope,
268
273
  getState,
269
274
  isIndeterminate