@worknice/whiteboard 0.16.21 → 0.17.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (42) hide show
  1. package/dist/fields/CheckboxSetField.d.ts +2 -1
  2. package/dist/fields/ColorPickerField.d.ts +6 -6
  3. package/dist/fields/ColorPickerField.js +8 -6
  4. package/dist/fields/DateField.d.ts +2 -1
  5. package/dist/fields/DateTimeField.d.ts +2 -1
  6. package/dist/fields/FileField.d.ts +2 -1
  7. package/dist/fields/ListBoxField.d.ts +2 -1
  8. package/dist/fields/MarkdownField.d.ts +2 -1
  9. package/dist/fields/MultipleFileField.d.ts +2 -1
  10. package/dist/fields/NumberField.d.ts +2 -1
  11. package/dist/fields/PaletteColorPickerField.d.ts +16 -0
  12. package/dist/fields/PaletteColorPickerField.js +18 -0
  13. package/dist/fields/PasswordField.d.ts +2 -1
  14. package/dist/fields/RadioSetField.d.ts +4 -2
  15. package/dist/fields/RadioSetField.js +2 -1
  16. package/dist/fields/SelectField.d.ts +2 -1
  17. package/dist/fields/SimpleRadioSetField.d.ts +3 -1
  18. package/dist/fields/SimpleRadioSetField.js +1 -0
  19. package/dist/fields/SingleSelectComboboxField.d.ts +2 -1
  20. package/dist/fields/StringField.d.ts +2 -1
  21. package/dist/fields/TextField.d.ts +2 -1
  22. package/dist/fields/TimeField.d.ts +2 -1
  23. package/dist/fields/TimezoneField.d.ts +18 -0
  24. package/dist/fields/TimezoneField.js +559 -0
  25. package/dist/inputs/ColorInput.d.ts +10 -0
  26. package/dist/inputs/ColorInput.js +27 -0
  27. package/dist/inputs/ColorInput.module.js +6 -0
  28. package/dist/inputs/ColorInput_module.css +17 -0
  29. package/dist/inputs/PaletteColorInput.d.ts +8 -0
  30. package/dist/inputs/PaletteColorInput.js +26 -0
  31. package/dist/inputs/PaletteColorInput.module.js +15 -0
  32. package/dist/inputs/{ColorPickerInput_module.css → PaletteColorInput_module.css} +21 -21
  33. package/dist/inputs/SelectInput.js +9 -2
  34. package/dist/presentation/Tag.d.ts +2 -2
  35. package/dist/utils/field.d.ts +2 -0
  36. package/dist/utils/field.js +9 -0
  37. package/dist/utils/paletteColor.d.ts +3 -0
  38. package/dist/utils/paletteColor.js +23 -0
  39. package/package.json +2 -2
  40. package/dist/inputs/ColorPickerInput.d.ts +0 -8
  41. package/dist/inputs/ColorPickerInput.js +0 -36
  42. package/dist/inputs/ColorPickerInput.module.js +0 -15
@@ -1,5 +1,6 @@
1
1
  import { type Dispatch, type ReactNode } from "react";
2
2
  import type { ValidationError } from "../forms/_types";
3
+ import type { LabelFontOption } from "../utils/field";
3
4
  type Props<Option> = {
4
5
  autoFocus?: boolean;
5
6
  description?: ReactNode;
@@ -7,7 +8,7 @@ type Props<Option> = {
7
8
  id: string;
8
9
  includeValueInTracking?: boolean;
9
10
  label: ReactNode;
10
- labelFont?: "heading" | "subheading" | "label" | "regular-bold" | "regular";
11
+ labelFont?: LabelFontOption;
11
12
  onChange: Dispatch<Option>;
12
13
  options: Array<Option>;
13
14
  optionToId: (option: Option) => string;
@@ -1,6 +1,6 @@
1
1
  import type { ReactNode } from "react";
2
2
  import type { ValidationError } from "../forms/_types";
3
- import type { Color } from "../presentation/Tag";
3
+ import type { LabelFontOption } from "../utils/field";
4
4
  type Props = {
5
5
  autoFocus?: boolean;
6
6
  description?: ReactNode;
@@ -8,11 +8,11 @@ type Props = {
8
8
  errors?: Array<ValidationError>;
9
9
  id: string;
10
10
  label: ReactNode;
11
- labelFont?: "heading" | "subheading" | "label" | "regular-bold" | "regular";
11
+ labelFont?: LabelFontOption;
12
+ onChange: (value: string) => void;
12
13
  placeholder?: string;
13
14
  required?: boolean;
14
- value: Color;
15
- onChange: (value: Color) => void;
15
+ value: string | null;
16
16
  };
17
- declare const StringField: ({ description, errors, id, label, labelFont, onChange, required, value, }: Props) => import("react/jsx-runtime").JSX.Element;
18
- export default StringField;
17
+ declare const ColorPickerField: ({ autoFocus, description, disabled, errors, id, label, labelFont, onChange, required, value, }: Props) => import("react/jsx-runtime").JSX.Element;
18
+ export default ColorPickerField;
@@ -1,18 +1,20 @@
1
1
  import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
2
2
  import * as __WEBPACK_EXTERNAL_MODULE__forms_RegularField_js_c54537ba__ from "../forms/RegularField.js";
3
- import * as __WEBPACK_EXTERNAL_MODULE__inputs_ColorPickerInput_js_381d9fe1__ from "../inputs/ColorPickerInput.js";
4
- const StringField = ({ description, errors, id, label, labelFont = "label", onChange, required = false, value })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__forms_RegularField_js_c54537ba__["default"], {
3
+ import * as __WEBPACK_EXTERNAL_MODULE__inputs_ColorInput_js_8f94ce69__ from "../inputs/ColorInput.js";
4
+ const ColorPickerField = ({ autoFocus = false, description, disabled = false, errors, id, label, labelFont = "label", onChange, required = false, value })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__forms_RegularField_js_c54537ba__["default"], {
5
5
  description: description,
6
6
  errors: errors,
7
7
  inputId: id,
8
8
  label: label,
9
9
  labelFont: labelFont,
10
10
  required: required,
11
- children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__inputs_ColorPickerInput_js_381d9fe1__["default"], {
11
+ children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__inputs_ColorInput_js_8f94ce69__["default"], {
12
+ autoFocus: autoFocus,
13
+ disabled: disabled,
12
14
  id: id,
13
- value: value,
14
- onChange: onChange
15
+ onChange: onChange,
16
+ value: value
15
17
  })
16
18
  });
17
- const ColorPickerField_rslib_entry_ = StringField;
19
+ const ColorPickerField_rslib_entry_ = ColorPickerField;
18
20
  export { ColorPickerField_rslib_entry_ as default };
@@ -1,5 +1,6 @@
1
1
  import type { Dispatch, ReactNode } from "react";
2
2
  import type { ValidationError } from "../forms/_types";
3
+ import type { LabelFontOption } from "../utils/field";
3
4
  type Props = {
4
5
  autoFocus?: boolean;
5
6
  description?: ReactNode;
@@ -7,7 +8,7 @@ type Props = {
7
8
  errors?: Array<ValidationError>;
8
9
  id: string;
9
10
  label: ReactNode;
10
- labelFont?: "heading" | "subheading" | "label" | "regular-bold" | "regular";
11
+ labelFont?: LabelFontOption;
11
12
  onChange: Dispatch<string | null>;
12
13
  required?: boolean;
13
14
  value: string | null | undefined;
@@ -1,5 +1,6 @@
1
1
  import type { Dispatch, ReactNode } from "react";
2
2
  import type { ValidationError } from "../forms/_types";
3
+ import type { LabelFontOption } from "../utils/field";
3
4
  type Props = {
4
5
  autoFocus?: boolean;
5
6
  description?: ReactNode;
@@ -7,7 +8,7 @@ type Props = {
7
8
  errors?: Array<ValidationError>;
8
9
  id: string;
9
10
  label: ReactNode;
10
- labelFont?: "heading" | "subheading" | "label" | "regular-bold" | "regular";
11
+ labelFont?: LabelFontOption;
11
12
  onChange: Dispatch<string | null>;
12
13
  required?: boolean;
13
14
  value: string | null;
@@ -1,11 +1,12 @@
1
1
  import type { ComponentProps, ReactNode } from "react";
2
2
  import type { ValidationError } from "../forms/_types";
3
3
  import FileInput from "../inputs/FileInput";
4
+ import type { LabelFontOption } from "../utils/field";
4
5
  type Props = ComponentProps<typeof FileInput> & {
5
6
  description?: ReactNode;
6
7
  errors?: Array<ValidationError>;
7
8
  label: ReactNode;
8
- labelFont?: "heading" | "subheading" | "label" | "regular-bold" | "regular";
9
+ labelFont?: LabelFontOption;
9
10
  required?: boolean;
10
11
  };
11
12
  declare const StringField: ({ description, disabled, errors, id, label, labelFont, onChange, required, }: Props) => import("react/jsx-runtime").JSX.Element;
@@ -1,5 +1,6 @@
1
1
  import type { ReactNode } from "react";
2
2
  import type { ValidationError } from "../forms/_types";
3
+ import type { LabelFontOption } from "../utils/field";
3
4
  type Props<Option> = {
4
5
  autoFocus?: boolean;
5
6
  description?: ReactNode;
@@ -7,7 +8,7 @@ type Props<Option> = {
7
8
  id: string;
8
9
  includeValueInTracking?: boolean;
9
10
  label: ReactNode;
10
- labelFont?: "heading" | "subheading" | "label" | "regular-bold" | "regular";
11
+ labelFont?: LabelFontOption;
11
12
  required?: boolean;
12
13
  onChange: (option: Option) => void;
13
14
  options: Array<Option>;
@@ -1,5 +1,6 @@
1
1
  import type { Dispatch, ReactNode } from "react";
2
2
  import type { ValidationError } from "../forms/_types";
3
+ import type { LabelFontOption } from "../utils/field";
3
4
  type Props = {
4
5
  autoFocus?: boolean;
5
6
  description?: ReactNode;
@@ -7,7 +8,7 @@ type Props = {
7
8
  errors?: Array<ValidationError>;
8
9
  id: string;
9
10
  label: ReactNode;
10
- labelFont?: "heading" | "subheading" | "label" | "regular-bold" | "regular";
11
+ labelFont?: LabelFontOption;
11
12
  onChange: Dispatch<string | null>;
12
13
  placeholder?: string;
13
14
  required?: boolean;
@@ -1,10 +1,11 @@
1
1
  import type { ReactNode } from "react";
2
2
  import type { ValidationError } from "../forms/_types";
3
+ import type { LabelFontOption } from "../utils/field";
3
4
  type Props<FileInput> = {
4
5
  description?: ReactNode;
5
6
  errors?: Array<ValidationError>;
6
7
  label: ReactNode;
7
- labelFont?: "heading" | "subheading" | "label" | "regular-bold" | "regular";
8
+ labelFont?: LabelFontOption;
8
9
  required?: boolean;
9
10
  id: string;
10
11
  disabled?: boolean;
@@ -1,11 +1,12 @@
1
1
  import type { ComponentProps, ReactNode } from "react";
2
2
  import type { ValidationError } from "../forms/_types";
3
3
  import NumberInput from "../inputs/NumberInput";
4
+ import type { LabelFontOption } from "../utils/field";
4
5
  type Props = ComponentProps<typeof NumberInput> & {
5
6
  description?: ReactNode;
6
7
  errors?: Array<ValidationError>;
7
8
  label: ReactNode;
8
- labelFont?: "heading" | "subheading" | "label" | "regular-bold" | "regular";
9
+ labelFont?: LabelFontOption;
9
10
  required?: boolean;
10
11
  };
11
12
  declare const NumberField: ({ autoFocus, description, disabled, errors, id, label, labelFont, onChange, placeholder, required, value, prefix, suffix, }: Props) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,16 @@
1
+ import type { ReactNode } from "react";
2
+ import type { ValidationError } from "../forms/_types";
3
+ import type { LABEL_FONT_OPTIONS } from "../utils/field";
4
+ import type { PaletteColor } from "../utils/paletteColor";
5
+ type Props = {
6
+ description?: ReactNode;
7
+ errors?: Array<ValidationError>;
8
+ id: string;
9
+ label: ReactNode;
10
+ labelFont?: (typeof LABEL_FONT_OPTIONS)[number];
11
+ required?: boolean;
12
+ value: PaletteColor;
13
+ onChange: (value: PaletteColor) => void;
14
+ };
15
+ declare const PaletteColorPickerField: ({ description, errors, id, label, labelFont, onChange, required, value, }: Props) => import("react/jsx-runtime").JSX.Element;
16
+ export default PaletteColorPickerField;
@@ -0,0 +1,18 @@
1
+ import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
2
+ import * as __WEBPACK_EXTERNAL_MODULE__forms_RegularField_js_c54537ba__ from "../forms/RegularField.js";
3
+ import * as __WEBPACK_EXTERNAL_MODULE__inputs_PaletteColorInput_js_feb3b641__ from "../inputs/PaletteColorInput.js";
4
+ const PaletteColorPickerField = ({ description, errors, id, label, labelFont = "label", onChange, required = false, value })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__forms_RegularField_js_c54537ba__["default"], {
5
+ description: description,
6
+ errors: errors,
7
+ inputId: id,
8
+ label: label,
9
+ labelFont: labelFont,
10
+ required: required,
11
+ children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__inputs_PaletteColorInput_js_feb3b641__["default"], {
12
+ id: id,
13
+ value: value,
14
+ onChange: onChange
15
+ })
16
+ });
17
+ const PaletteColorPickerField_rslib_entry_ = PaletteColorPickerField;
18
+ export { PaletteColorPickerField_rslib_entry_ as default };
@@ -1,5 +1,6 @@
1
1
  import type { Dispatch, ReactNode } from "react";
2
2
  import type { ValidationError } from "../forms/_types";
3
+ import type { LabelFontOption } from "../utils/field";
3
4
  type Props = {
4
5
  description?: ReactNode;
5
6
  email: string;
@@ -7,7 +8,7 @@ type Props = {
7
8
  includeForgotPassword?: boolean;
8
9
  id?: string;
9
10
  label: ReactNode;
10
- labelFont?: "heading" | "subheading" | "label" | "regular-bold" | "regular" | "small";
11
+ labelFont?: LabelFontOption;
11
12
  onChange: Dispatch<string | null>;
12
13
  value: string | null;
13
14
  };
@@ -1,5 +1,6 @@
1
1
  import { type Dispatch, type ReactNode } from "react";
2
2
  import type { ValidationError } from "../forms/_types";
3
+ import type { LabelFontOption } from "../utils/field";
3
4
  type Props<Value, Option extends Value> = {
4
5
  autoFocus?: boolean;
5
6
  description?: ReactNode;
@@ -8,16 +9,17 @@ type Props<Value, Option extends Value> = {
8
9
  id: string;
9
10
  includeValueInTracking?: boolean;
10
11
  label: ReactNode;
11
- labelFont?: "heading" | "subheading" | "label" | "regular-bold" | "regular";
12
+ labelFont?: LabelFontOption;
12
13
  onChange: Dispatch<Option>;
13
14
  options: Array<Option>;
14
15
  optionToId: (option: Option) => string;
15
16
  optionToLabel: (option: Option) => ReactNode;
17
+ optionToDescription?: (option: Option) => ReactNode;
16
18
  optionToDisabled?: (option: Option) => boolean;
17
19
  required?: boolean;
18
20
  value: Value;
19
21
  valueToId: (option: Value) => string | undefined;
20
22
  orientation?: "rows" | "columns";
21
23
  };
22
- declare const RadioSetField: <Value, Option extends Value>({ autoFocus, description, disabled, errors, id, includeValueInTracking, label, labelFont, onChange, options, optionToId, optionToLabel, optionToDisabled, required, value, valueToId, orientation, }: Props<Value, Option>) => import("react/jsx-runtime").JSX.Element;
24
+ declare const RadioSetField: <Value, Option extends Value>({ autoFocus, description, disabled, errors, id, includeValueInTracking, label, labelFont, onChange, options, optionToId, optionToLabel, optionToDescription, optionToDisabled, required, value, valueToId, orientation, }: Props<Value, Option>) => import("react/jsx-runtime").JSX.Element;
23
25
  export default RadioSetField;
@@ -6,7 +6,7 @@ import * as __WEBPACK_EXTERNAL_MODULE__forms_ToggleField_js_961683e7__ from "../
6
6
  import * as __WEBPACK_EXTERNAL_MODULE__inputs_RadioInput_js_49cc9f35__ from "../inputs/RadioInput.js";
7
7
  import * as __WEBPACK_EXTERNAL_MODULE__utils_TrackingContext_js_139012da__ from "../utils/TrackingContext.js";
8
8
  import * as __WEBPACK_EXTERNAL_MODULE__RadioSetField_module_js_3470e0f7__ from "./RadioSetField.module.js";
9
- const RadioSetField = ({ autoFocus = false, description, disabled = false, errors, id, includeValueInTracking, label, labelFont = "label", onChange, options, optionToId, optionToLabel, optionToDisabled, required = false, value, valueToId, orientation = "rows" })=>{
9
+ const RadioSetField = ({ autoFocus = false, description, disabled = false, errors, id, includeValueInTracking, label, labelFont = "label", onChange, options, optionToId, optionToLabel, optionToDescription, optionToDisabled, required = false, value, valueToId, orientation = "rows" })=>{
10
10
  const trackingContext = (0, __WEBPACK_EXTERNAL_MODULE_react__.useContext)(__WEBPACK_EXTERNAL_MODULE__utils_TrackingContext_js_139012da__["default"]);
11
11
  return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__forms_RegularField_js_c54537ba__["default"], {
12
12
  description: description,
@@ -25,6 +25,7 @@ const RadioSetField = ({ autoFocus = false, description, disabled = false, error
25
25
  disabled: optionDisabled,
26
26
  inputId: `${id}-${optionId}`,
27
27
  label: optionToLabel(option),
28
+ description: optionToDescription ? optionToDescription(option) : void 0,
28
29
  children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__inputs_RadioInput_js_49cc9f35__["default"], {
29
30
  autoFocus: autoFocus && 0 === index,
30
31
  disabled: optionDisabled,
@@ -1,5 +1,6 @@
1
1
  import type { Dispatch, ReactNode } from "react";
2
2
  import type { ValidationError } from "../forms/_types";
3
+ import type { LabelFontOption } from "../utils/field";
3
4
  type Props<Option, Value> = {
4
5
  autoFocus?: boolean;
5
6
  description?: ReactNode;
@@ -8,7 +9,7 @@ type Props<Option, Value> = {
8
9
  id: string;
9
10
  includeValueInTracking?: boolean;
10
11
  label: ReactNode;
11
- labelFont?: "heading" | "subheading" | "label" | "regular-bold" | "regular";
12
+ labelFont?: LabelFontOption;
12
13
  onChange: Dispatch<Option>;
13
14
  options: Array<Option>;
14
15
  optionToId: (option: Option | Value) => string;
@@ -1,8 +1,9 @@
1
- import type { ComponentProps, Dispatch } from "react";
1
+ import type { ComponentProps, Dispatch, ReactNode } from "react";
2
2
  import RadioSetField from "./RadioSetField";
3
3
  type Props<Option extends {
4
4
  id: string;
5
5
  label: string;
6
+ description?: ReactNode;
6
7
  disabled?: boolean;
7
8
  }> = Omit<ComponentProps<typeof RadioSetField>, "onChange" | "options" | "optionToId" | "optionToLabel" | "value" | "valueToId"> & {
8
9
  onChange: Dispatch<Option["id"]>;
@@ -12,6 +13,7 @@ type Props<Option extends {
12
13
  declare const SimpleRadioSetField: <Option extends {
13
14
  id: string;
14
15
  label: string;
16
+ description?: ReactNode;
15
17
  disabled?: boolean;
16
18
  }>({ onChange, options, value, ...props }: Props<Option>) => import("react/jsx-runtime").JSX.Element;
17
19
  export default SimpleRadioSetField;
@@ -5,6 +5,7 @@ const SimpleRadioSetField = ({ onChange, options, value, ...props })=>/*#__PURE_
5
5
  options: options,
6
6
  optionToId: (option)=>option.id,
7
7
  optionToLabel: (option)=>option.label,
8
+ optionToDescription: (option)=>option.description,
8
9
  optionToDisabled: (option)=>option.disabled ?? false,
9
10
  value: options.find((option)=>option.id === value) ?? null,
10
11
  valueToId: (option)=>option?.id,
@@ -1,5 +1,6 @@
1
1
  import { type Dispatch, type ReactNode } from "react";
2
2
  import type { ValidationError } from "../forms/_types";
3
+ import type { LabelFontOption } from "../utils/field";
3
4
  type Props<Option> = {
4
5
  autoFocus?: boolean;
5
6
  disabled?: boolean;
@@ -17,7 +18,7 @@ type Props<Option> = {
17
18
  description?: ReactNode;
18
19
  errors?: Array<ValidationError>;
19
20
  label: ReactNode;
20
- labelFont?: "heading" | "subheading" | "label" | "regular-bold" | "regular";
21
+ labelFont?: LabelFontOption;
21
22
  required?: boolean;
22
23
  } & ({
23
24
  options: Array<Option>;
@@ -1,11 +1,12 @@
1
1
  import type { ComponentProps, ReactNode } from "react";
2
2
  import type { ValidationError } from "../forms/_types";
3
3
  import StringInput from "../inputs/StringInput";
4
+ import type { LabelFontOption } from "../utils/field";
4
5
  type Props = ComponentProps<typeof StringInput> & {
5
6
  description?: ReactNode;
6
7
  errors?: Array<ValidationError>;
7
8
  label: ReactNode;
8
- labelFont?: "heading" | "subheading" | "label" | "regular-bold" | "regular";
9
+ labelFont?: LabelFontOption;
9
10
  required?: boolean;
10
11
  };
11
12
  declare const StringField: ({ autoFocus, description, disabled, errors, id, label, labelFont, onChange, placeholder, required, value, type, inputMode, prefix, suffix, }: Props) => import("react/jsx-runtime").JSX.Element;
@@ -1,5 +1,6 @@
1
1
  import type { Dispatch, ReactNode } from "react";
2
2
  import type { ValidationError } from "../forms/_types";
3
+ import type { LabelFontOption } from "../utils/field";
3
4
  type Props = {
4
5
  autoFocus?: boolean;
5
6
  description?: ReactNode;
@@ -7,7 +8,7 @@ type Props = {
7
8
  errors?: Array<ValidationError>;
8
9
  id: string;
9
10
  label: ReactNode;
10
- labelFont?: "heading" | "subheading" | "label" | "regular-bold" | "regular";
11
+ labelFont?: LabelFontOption;
11
12
  onChange: Dispatch<string | null>;
12
13
  placeholder?: string;
13
14
  required?: boolean;
@@ -1,11 +1,12 @@
1
1
  import type { ComponentProps, ReactNode } from "react";
2
2
  import type { ValidationError } from "../forms/_types";
3
3
  import TimeInput from "../inputs/TimeInput";
4
+ import type { LabelFontOption } from "../utils/field";
4
5
  type Props = ComponentProps<typeof TimeInput> & {
5
6
  description?: ReactNode;
6
7
  errors?: Array<ValidationError>;
7
8
  label: ReactNode;
8
- labelFont?: "heading" | "subheading" | "label" | "regular-bold" | "regular";
9
+ labelFont?: LabelFontOption;
9
10
  required?: boolean;
10
11
  };
11
12
  declare const TimeField: ({ autoFocus, description, disabled, errors, id, label, labelFont, onChange, required, value, step, }: Props) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,18 @@
1
+ import type { Dispatch, ReactNode } from "react";
2
+ import type { ValidationError } from "../forms/_types";
3
+ export declare const TIMEZONES: readonly ["Africa/Abidjan", "Africa/Accra", "Africa/Addis_Ababa", "Africa/Algiers", "Africa/Asmara", "Africa/Asmera", "Africa/Bamako", "Africa/Bangui", "Africa/Banjul", "Africa/Bissau", "Africa/Blantyre", "Africa/Brazzaville", "Africa/Bujumbura", "Africa/Cairo", "Africa/Casablanca", "Africa/Ceuta", "Africa/Conakry", "Africa/Dakar", "Africa/Dar_es_Salaam", "Africa/Djibouti", "Africa/Douala", "Africa/El_Aaiun", "Africa/Freetown", "Africa/Gaborone", "Africa/Harare", "Africa/Johannesburg", "Africa/Juba", "Africa/Kampala", "Africa/Khartoum", "Africa/Kigali", "Africa/Kinshasa", "Africa/Lagos", "Africa/Libreville", "Africa/Lome", "Africa/Luanda", "Africa/Lubumbashi", "Africa/Lusaka", "Africa/Malabo", "Africa/Maputo", "Africa/Maseru", "Africa/Mbabane", "Africa/Mogadishu", "Africa/Monrovia", "Africa/Nairobi", "Africa/Ndjamena", "Africa/Niamey", "Africa/Nouakchott", "Africa/Ouagadougou", "Africa/Porto-Novo", "Africa/Sao_Tome", "Africa/Timbuktu", "Africa/Tripoli", "Africa/Tunis", "Africa/Windhoek", "America/Adak", "America/Anchorage", "America/Anguilla", "America/Antigua", "America/Araguaina", "America/Argentina/Buenos_Aires", "America/Argentina/Catamarca", "America/Argentina/ComodRivadavia", "America/Argentina/Cordoba", "America/Argentina/Jujuy", "America/Argentina/La_Rioja", "America/Argentina/Mendoza", "America/Argentina/Rio_Gallegos", "America/Argentina/Salta", "America/Argentina/San_Juan", "America/Argentina/San_Luis", "America/Argentina/Tucuman", "America/Argentina/Ushuaia", "America/Aruba", "America/Asuncion", "America/Atikokan", "America/Atka", "America/Bahia", "America/Bahia_Banderas", "America/Barbados", "America/Belem", "America/Belize", "America/Blanc-Sablon", "America/Boa_Vista", "America/Bogota", "America/Boise", "America/Buenos_Aires", "America/Cambridge_Bay", "America/Campo_Grande", "America/Cancun", "America/Caracas", "America/Catamarca", "America/Cayenne", "America/Cayman", "America/Chicago", "America/Chihuahua", "America/Coral_Harbour", "America/Cordoba", "America/Costa_Rica", "America/Creston", "America/Cuiaba", "America/Curacao", "America/Danmarkshavn", "America/Dawson", "America/Dawson_Creek", "America/Denver", "America/Detroit", "America/Dominica", "America/Edmonton", "America/Eirunepe", "America/El_Salvador", "America/Ensenada", "America/Fort_Nelson", "America/Fort_Wayne", "America/Fortaleza", "America/Glace_Bay", "America/Godthab", "America/Goose_Bay", "America/Grand_Turk", "America/Grenada", "America/Guadeloupe", "America/Guatemala", "America/Guayaquil", "America/Guyana", "America/Halifax", "America/Havana", "America/Hermosillo", "America/Indiana/Indianapolis", "America/Indiana/Knox", "America/Indiana/Marengo", "America/Indiana/Petersburg", "America/Indiana/Tell_City", "America/Indiana/Vevay", "America/Indiana/Vincennes", "America/Indiana/Winamac", "America/Indianapolis", "America/Inuvik", "America/Iqaluit", "America/Jamaica", "America/Jujuy", "America/Juneau", "America/Kentucky/Louisville", "America/Kentucky/Monticello", "America/Knox_IN", "America/Kralendijk", "America/La_Paz", "America/Lima", "America/Los_Angeles", "America/Louisville", "America/Lower_Princes", "America/Maceio", "America/Managua", "America/Manaus", "America/Marigot", "America/Martinique", "America/Matamoros", "America/Mazatlan", "America/Mendoza", "America/Menominee", "America/Merida", "America/Metlakatla", "America/Mexico_City", "America/Miquelon", "America/Moncton", "America/Monterrey", "America/Montevideo", "America/Montreal", "America/Montserrat", "America/Nassau", "America/New_York", "America/Nipigon", "America/Nome", "America/Noronha", "America/North_Dakota/Beulah", "America/North_Dakota/Center", "America/North_Dakota/New_Salem", "America/Nuuk", "America/Ojinaga", "America/Panama", "America/Pangnirtung", "America/Paramaribo", "America/Phoenix", "America/Port-au-Prince", "America/Port_of_Spain", "America/Porto_Acre", "America/Porto_Velho", "America/Puerto_Rico", "America/Punta_Arenas", "America/Rainy_River", "America/Rankin_Inlet", "America/Recife", "America/Regina", "America/Resolute", "America/Rio_Branco", "America/Rosario", "America/Santa_Isabel", "America/Santarem", "America/Santiago", "America/Santo_Domingo", "America/Sao_Paulo", "America/Scoresbysund", "America/Shiprock", "America/Sitka", "America/St_Barthelemy", "America/St_Johns", "America/St_Kitts", "America/St_Lucia", "America/St_Thomas", "America/St_Vincent", "America/Swift_Current", "America/Tegucigalpa", "America/Thule", "America/Thunder_Bay", "America/Tijuana", "America/Toronto", "America/Tortola", "America/Vancouver", "America/Virgin", "America/Whitehorse", "America/Winnipeg", "America/Yakutat", "America/Yellowknife", "Antarctica/Casey", "Antarctica/Davis", "Antarctica/DumontDUrville", "Antarctica/Macquarie", "Antarctica/Mawson", "Antarctica/McMurdo", "Antarctica/Palmer", "Antarctica/Rothera", "Antarctica/South_Pole", "Antarctica/Syowa", "Antarctica/Troll", "Antarctica/Vostok", "Arctic/Longyearbyen", "Asia/Aden", "Asia/Almaty", "Asia/Amman", "Asia/Anadyr", "Asia/Aqtau", "Asia/Aqtobe", "Asia/Ashgabat", "Asia/Ashkhabad", "Asia/Atyrau", "Asia/Baghdad", "Asia/Bahrain", "Asia/Baku", "Asia/Bangkok", "Asia/Barnaul", "Asia/Beirut", "Asia/Bishkek", "Asia/Brunei", "Asia/Calcutta", "Asia/Chita", "Asia/Choibalsan", "Asia/Chongqing", "Asia/Chungking", "Asia/Colombo", "Asia/Dacca", "Asia/Damascus", "Asia/Dhaka", "Asia/Dili", "Asia/Dubai", "Asia/Dushanbe", "Asia/Famagusta", "Asia/Gaza", "Asia/Harbin", "Asia/Hebron", "Asia/Ho_Chi_Minh", "Asia/Hong_Kong", "Asia/Hovd", "Asia/Irkutsk", "Asia/Istanbul", "Asia/Jakarta", "Asia/Jayapura", "Asia/Jerusalem", "Asia/Kabul", "Asia/Kamchatka", "Asia/Karachi", "Asia/Kashgar", "Asia/Kathmandu", "Asia/Katmandu", "Asia/Khandyga", "Asia/Kolkata", "Asia/Krasnoyarsk", "Asia/Kuala_Lumpur", "Asia/Kuching", "Asia/Kuwait", "Asia/Macao", "Asia/Macau", "Asia/Magadan", "Asia/Makassar", "Asia/Manila", "Asia/Muscat", "Asia/Nicosia", "Asia/Novokuznetsk", "Asia/Novosibirsk", "Asia/Omsk", "Asia/Oral", "Asia/Phnom_Penh", "Asia/Pontianak", "Asia/Pyongyang", "Asia/Qatar", "Asia/Qostanay", "Asia/Qyzylorda", "Asia/Rangoon", "Asia/Riyadh", "Asia/Saigon", "Asia/Sakhalin", "Asia/Samarkand", "Asia/Seoul", "Asia/Shanghai", "Asia/Singapore", "Asia/Srednekolymsk", "Asia/Taipei", "Asia/Tashkent", "Asia/Tbilisi", "Asia/Tehran", "Asia/Tel_Aviv", "Asia/Thimbu", "Asia/Thimphu", "Asia/Tokyo", "Asia/Tomsk", "Asia/Ujung_Pandang", "Asia/Ulaanbaatar", "Asia/Ulan_Bator", "Asia/Urumqi", "Asia/Ust-Nera", "Asia/Vientiane", "Asia/Vladivostok", "Asia/Yakutsk", "Asia/Yangon", "Asia/Yekaterinburg", "Asia/Yerevan", "Atlantic/Azores", "Atlantic/Bermuda", "Atlantic/Canary", "Atlantic/Cape_Verde", "Atlantic/Faeroe", "Atlantic/Faroe", "Atlantic/Jan_Mayen", "Atlantic/Madeira", "Atlantic/Reykjavik", "Atlantic/South_Georgia", "Atlantic/St_Helena", "Atlantic/Stanley", "Australia/ACT", "Australia/Adelaide", "Australia/Brisbane", "Australia/Broken_Hill", "Australia/Canberra", "Australia/Currie", "Australia/Darwin", "Australia/Eucla", "Australia/Hobart", "Australia/LHI", "Australia/Lindeman", "Australia/Lord_Howe", "Australia/Melbourne", "Australia/NSW", "Australia/North", "Australia/Perth", "Australia/Queensland", "Australia/South", "Australia/Sydney", "Australia/Tasmania", "Australia/Victoria", "Australia/West", "Australia/Yancowinna", "Brazil/Acre", "Brazil/DeNoronha", "Brazil/East", "Brazil/West", "Canada/Atlantic", "Canada/Central", "Canada/Eastern", "Canada/Mountain", "Canada/Newfoundland", "Canada/Pacific", "Canada/Saskatchewan", "Canada/Yukon", "Chile/Continental", "Chile/EasterIsland", "Cuba", "Egypt", "Eire", "Europe/Amsterdam", "Europe/Andorra", "Europe/Astrakhan", "Europe/Athens", "Europe/Belfast", "Europe/Belgrade", "Europe/Berlin", "Europe/Bratislava", "Europe/Brussels", "Europe/Bucharest", "Europe/Budapest", "Europe/Busingen", "Europe/Chisinau", "Europe/Copenhagen", "Europe/Dublin", "Europe/Gibraltar", "Europe/Guernsey", "Europe/Helsinki", "Europe/Isle_of_Man", "Europe/Istanbul", "Europe/Jersey", "Europe/Kaliningrad", "Europe/Kiev", "Europe/Kirov", "Europe/Lisbon", "Europe/Ljubljana", "Europe/London", "Europe/Luxembourg", "Europe/Madrid", "Europe/Malta", "Europe/Mariehamn", "Europe/Minsk", "Europe/Monaco", "Europe/Moscow", "Europe/Nicosia", "Europe/Oslo", "Europe/Paris", "Europe/Podgorica", "Europe/Prague", "Europe/Riga", "Europe/Rome", "Europe/Samara", "Europe/San_Marino", "Europe/Sarajevo", "Europe/Saratov", "Europe/Simferopol", "Europe/Skopje", "Europe/Sofia", "Europe/Stockholm", "Europe/Tallinn", "Europe/Tirane", "Europe/Tiraspol", "Europe/Ulyanovsk", "Europe/Uzhgorod", "Europe/Vaduz", "Europe/Vatican", "Europe/Vienna", "Europe/Vilnius", "Europe/Volgograd", "Europe/Warsaw", "Europe/Zagreb", "Europe/Zaporozhye", "Europe/Zurich", "Greenwich", "Hongkong", "Iceland", "Indian/Antananarivo", "Indian/Chagos", "Indian/Christmas", "Indian/Cocos", "Indian/Comoro", "Indian/Kerguelen", "Indian/Mahe", "Indian/Maldives", "Indian/Mauritius", "Indian/Mayotte", "Indian/Reunion", "Iran", "Israel", "Jamaica", "Japan", "Kwajalein", "Libya", "Mexico/BajaNorte", "Mexico/BajaSur", "Mexico/General", "Navajo", "Pacific/Apia", "Pacific/Auckland", "Pacific/Bougainville", "Pacific/Chatham", "Pacific/Chuuk", "Pacific/Easter", "Pacific/Efate", "Pacific/Enderbury", "Pacific/Fakaofo", "Pacific/Fiji", "Pacific/Funafuti", "Pacific/Galapagos", "Pacific/Gambier", "Pacific/Guadalcanal", "Pacific/Guam", "Pacific/Honolulu", "Pacific/Johnston", "Pacific/Kiritimati", "Pacific/Kosrae", "Pacific/Kwajalein", "Pacific/Majuro", "Pacific/Marquesas", "Pacific/Midway", "Pacific/Nauru", "Pacific/Niue", "Pacific/Norfolk", "Pacific/Noumea", "Pacific/Pago_Pago", "Pacific/Palau", "Pacific/Pitcairn", "Pacific/Pohnpei", "Pacific/Ponape", "Pacific/Port_Moresby", "Pacific/Rarotonga", "Pacific/Saipan", "Pacific/Samoa", "Pacific/Tahiti", "Pacific/Tarawa", "Pacific/Tongatapu", "Pacific/Truk", "Pacific/Wake", "Pacific/Wallis", "Pacific/Yap", "Poland", "Portugal", "Singapore", "Turkey", "US/Alaska", "US/Aleutian", "US/Arizona", "US/Central", "US/East-Indiana", "US/Eastern", "US/Hawaii", "US/Indiana-Starke", "US/Michigan", "US/Mountain", "US/Pacific", "US/Samoa"];
4
+ export type Timezone = (typeof TIMEZONES)[number];
5
+ type Props = {
6
+ autoFocus?: boolean;
7
+ description?: ReactNode;
8
+ disabled?: boolean;
9
+ errors?: Array<ValidationError>;
10
+ id: string;
11
+ includeValueInTracking?: boolean;
12
+ label: ReactNode;
13
+ onChange: Dispatch<Timezone>;
14
+ required?: boolean;
15
+ value: Timezone;
16
+ };
17
+ declare const TimezoneField: ({ autoFocus, description, disabled, errors, id, includeValueInTracking, label, onChange, required, value, }: Props) => import("react/jsx-runtime").JSX.Element;
18
+ export default TimezoneField;