@trackunit/react-form-components 0.1.13 → 0.1.14

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/index.cjs.js CHANGED
@@ -61,6 +61,9 @@ var defaultTranslations = {
61
61
  "phoneField.error.TOO_LONG": "The phone number is too long",
62
62
  "phoneField.error.TOO_SHORT": "The phone number is too short",
63
63
  "phoneField.error.undefined": "",
64
+ "schedule.label.active": "Active",
65
+ "schedule.label.allDay": "All Day",
66
+ "schedule.label.day": "Day",
64
67
  "urlField.error.INVALID_URL": "Please enter a valid URL",
65
68
  "urlField.error.REQUIRED": "The URL is required"
66
69
  };
@@ -388,7 +391,7 @@ const BaseInput = React__namespace.forwardRef(({ className, isInvalid, dataTestI
388
391
  className: inputClassName,
389
392
  addonBefore: addonBefore !== undefined,
390
393
  prefix: !compareReactNodes(addonBefore, prefix),
391
- }), "data-testid": dataTestId, placeholder: renderAsDisabled ? undefined : placeholder, ref: innerRef, ...rest, disabled: renderAsDisabled, readOnly: rest.readOnly || nonInteractive }), typeof rest.disabled === "object" ? (jsxRuntime.jsx("div", { className: cvaInputSuffix({
394
+ }), "data-testid": dataTestId, placeholder: renderAsDisabled ? undefined : placeholder, ref: innerRef, ...rest, disabled: Boolean(rest.disabled), readOnly: rest.readOnly || nonInteractive }), typeof rest.disabled === "object" ? (jsxRuntime.jsx("div", { className: cvaInputSuffix({
392
395
  disabled: false,
393
396
  }), "data-testid": dataTestId ? `${dataTestId}-locked` : undefined, children: jsxRuntime.jsx(DisabledForReasonsTip, { ...rest.disabled }) })) : null, suffix && addonBefore !== suffix ? (jsxRuntime.jsx("div", { className: cvaInputSuffix({
394
397
  disabled: renderAsDisabled,
@@ -1470,7 +1473,15 @@ const RadioItem = ({ label, value, dataTestId, className, description, }) => {
1470
1473
  }), "data-testid": dataTestId, id: `${groupCtx === null || groupCtx === void 0 ? void 0 : groupCtx.id}-${value}`, onChange: groupCtx === null || groupCtx === void 0 ? void 0 : groupCtx.onChange, type: "radio", value: value }), jsxRuntime.jsxs("div", { className: cvaRadioItemLabelContainer(), children: [jsxRuntime.jsx(Label, { dataTestId: dataTestId ? `${dataTestId}-Label` : undefined, disabled: groupCtx === null || groupCtx === void 0 ? void 0 : groupCtx.disabled, htmlFor: `${groupCtx === null || groupCtx === void 0 ? void 0 : groupCtx.id}-${value}`, isInvalid: groupCtx === null || groupCtx === void 0 ? void 0 : groupCtx.isInvalid, children: label }), description ? (jsxRuntime.jsx("label", { className: cvaRadioItemDescription({ disabled: groupCtx === null || groupCtx === void 0 ? void 0 : groupCtx.disabled }), "data-testid": dataTestId ? `${dataTestId}-Description` : null, htmlFor: `${groupCtx === null || groupCtx === void 0 ? void 0 : groupCtx.id}-${value}`, children: description })) : null] })] }));
1471
1474
  };
1472
1475
 
1473
- const cvaTimeRange = cssClassVarianceUtilities.cvaMerge(["flex", "flex-1", "items-center", "gap-4", "border-transparent", "rounded-md"]);
1476
+ const cvaTimeRange = cssClassVarianceUtilities.cvaMerge([
1477
+ "flex",
1478
+ "flex-1",
1479
+ "items-center",
1480
+ "gap-4",
1481
+ "max-sm:gap-2",
1482
+ "border-transparent",
1483
+ "rounded-md",
1484
+ ]);
1474
1485
 
1475
1486
  /**
1476
1487
  * TimeRange is used to create a time range entry.
@@ -1493,7 +1504,13 @@ const TimeRange = ({ id, className, dataTestId, children, range, onChange, disab
1493
1504
  return (jsxRuntime.jsxs("div", { className: cvaTimeRange({ className }), "data-testid": dataTestId, id: id, children: [jsxRuntime.jsx(BaseInput, { dataTestId: `${dataTestId}-from`, disabled: disabled, isInvalid: isInvalid, onBlur: onRangeChange, onChange: (time) => onChangeFrom(time.currentTarget.value), type: "time", value: timeRange.timeFrom }), children !== null && children !== void 0 ? children : jsxRuntime.jsx("div", { "data-testid": `${dataTestId}-separator`, children: "-" }), jsxRuntime.jsx(BaseInput, { dataTestId: `${dataTestId}-to`, disabled: disabled, isInvalid: isInvalid, onBlur: onRangeChange, onChange: (time) => onChangeTo(time.currentTarget.value), type: "time", value: timeRange.timeTo })] }));
1494
1505
  };
1495
1506
 
1496
- const cvaScheduleItem = cssClassVarianceUtilities.cvaMerge(["grid", "pb-4", "gap-2", "grid-cols-[60px,200px,60px,2fr]"]);
1507
+ const cvaScheduleItem = cssClassVarianceUtilities.cvaMerge([
1508
+ "grid",
1509
+ "pb-4",
1510
+ "gap-2",
1511
+ "grid-cols-[60px,200px,60px,2fr]",
1512
+ "max-sm:grid-cols-1",
1513
+ ]);
1497
1514
  const cvaScheduleItemText = cssClassVarianceUtilities.cvaMerge(["flex", "font-bold", "self-center"]);
1498
1515
 
1499
1516
  /**
@@ -1503,6 +1520,7 @@ const cvaScheduleItemText = cssClassVarianceUtilities.cvaMerge(["flex", "font-bo
1503
1520
  * @returns {JSX.Element} Schedule component
1504
1521
  */
1505
1522
  const Schedule = ({ className, dataTestId, schedule, onChange, invalidKeys = [] }) => {
1523
+ const [t] = useTranslation();
1506
1524
  const onRangeChange = (range, index) => {
1507
1525
  const newSchedule = schedule.map((day, dayIndex) => (index === dayIndex ? { ...day, range: { ...range } } : day));
1508
1526
  onChange(newSchedule);
@@ -1522,7 +1540,7 @@ const Schedule = ({ className, dataTestId, schedule, onChange, invalidKeys = []
1522
1540
  onChange(newSchedule);
1523
1541
  };
1524
1542
  return (jsxRuntime.jsx("div", { className: className, "data-testid": dataTestId, children: schedule.map(({ label, range, isActive, key, checkboxLabel, isAllDayActive }, index) => {
1525
- return (jsxRuntime.jsxs("div", { className: cvaScheduleItem(), children: [jsxRuntime.jsx(Checkbox, { checked: isActive, dataTestId: `${dataTestId}-${key}-checkbox`, label: checkboxLabel, onChange: (event) => onActiveChange(Boolean(event.currentTarget.checked), index) }), jsxRuntime.jsx(reactComponents.Text, { className: cvaScheduleItemText(), size: "medium", subtle: !isActive, children: label }), jsxRuntime.jsx(Checkbox, { checked: isAllDayActive ? isActive : undefined, dataTestId: `${dataTestId}-${key}-allday-checkbox`, disabled: !isActive, onChange: (event) => onAllDayChange(Boolean(event.currentTarget.checked), index) }), jsxRuntime.jsx(TimeRange, { dataTestId: `${dataTestId}-${key}-range`, disabled: !isActive || isAllDayActive, isInvalid: !!invalidKeys.find((invalidKey) => invalidKey === key), onChange: (newRange) => onRangeChange(newRange, index), range: range })] }, key + label));
1543
+ return (jsxRuntime.jsxs("div", { className: cvaScheduleItem(), children: [jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4 sm:hidden", children: [jsxRuntime.jsx(reactComponents.Text, { className: "font-medium text-gray-500", children: t("schedule.label.day") }), jsxRuntime.jsx(reactComponents.Text, { className: cvaScheduleItemText(), size: "medium", subtle: !isActive, children: label }), jsxRuntime.jsx(reactComponents.Text, { className: "font-medium text-gray-500", children: t("schedule.label.active") }), jsxRuntime.jsx(Checkbox, { checked: isActive, label: checkboxLabel, onChange: (event) => onActiveChange(Boolean(event.currentTarget.checked), index) }), jsxRuntime.jsx(reactComponents.Text, { className: "font-medium text-gray-500", children: t("schedule.label.allDay") }), jsxRuntime.jsx(Checkbox, { checked: isAllDayActive ? isActive : undefined, disabled: !isActive, onChange: (event) => onAllDayChange(Boolean(event.currentTarget.checked), index) }), jsxRuntime.jsx(TimeRange, { disabled: !isActive || isAllDayActive, isInvalid: !!invalidKeys.find((invalidKey) => invalidKey === key), onChange: (newRange) => onRangeChange(newRange, index), range: range })] }), jsxRuntime.jsxs("div", { className: "max-sm:hidden sm:grid sm:grid-cols-[60px,200px,60px,2fr] sm:gap-2", children: [jsxRuntime.jsx(Checkbox, { checked: isActive, dataTestId: `${dataTestId}-${key}-checkbox`, label: checkboxLabel, onChange: (event) => onActiveChange(Boolean(event.currentTarget.checked), index) }), jsxRuntime.jsx(reactComponents.Text, { className: cvaScheduleItemText(), size: "medium", subtle: !isActive, children: label }), jsxRuntime.jsx(Checkbox, { checked: isAllDayActive ? isActive : undefined, dataTestId: `${dataTestId}-${key}-allday-checkbox`, disabled: !isActive, onChange: (event) => onAllDayChange(Boolean(event.currentTarget.checked), index) }), jsxRuntime.jsx(TimeRange, { dataTestId: `${dataTestId}-${key}-range`, disabled: !isActive || isAllDayActive, isInvalid: !!invalidKeys.find((invalidKey) => invalidKey === key), onChange: (newRange) => onRangeChange(newRange, index), range: range })] })] }, key + label));
1526
1544
  }) }));
1527
1545
  };
1528
1546
 
package/index.esm.js CHANGED
@@ -42,6 +42,9 @@ var defaultTranslations = {
42
42
  "phoneField.error.TOO_LONG": "The phone number is too long",
43
43
  "phoneField.error.TOO_SHORT": "The phone number is too short",
44
44
  "phoneField.error.undefined": "",
45
+ "schedule.label.active": "Active",
46
+ "schedule.label.allDay": "All Day",
47
+ "schedule.label.day": "Day",
45
48
  "urlField.error.INVALID_URL": "Please enter a valid URL",
46
49
  "urlField.error.REQUIRED": "The URL is required"
47
50
  };
@@ -369,7 +372,7 @@ const BaseInput = React.forwardRef(({ className, isInvalid, dataTestId, prefix,
369
372
  className: inputClassName,
370
373
  addonBefore: addonBefore !== undefined,
371
374
  prefix: !compareReactNodes(addonBefore, prefix),
372
- }), "data-testid": dataTestId, placeholder: renderAsDisabled ? undefined : placeholder, ref: innerRef, ...rest, disabled: renderAsDisabled, readOnly: rest.readOnly || nonInteractive }), typeof rest.disabled === "object" ? (jsx("div", { className: cvaInputSuffix({
375
+ }), "data-testid": dataTestId, placeholder: renderAsDisabled ? undefined : placeholder, ref: innerRef, ...rest, disabled: Boolean(rest.disabled), readOnly: rest.readOnly || nonInteractive }), typeof rest.disabled === "object" ? (jsx("div", { className: cvaInputSuffix({
373
376
  disabled: false,
374
377
  }), "data-testid": dataTestId ? `${dataTestId}-locked` : undefined, children: jsx(DisabledForReasonsTip, { ...rest.disabled }) })) : null, suffix && addonBefore !== suffix ? (jsx("div", { className: cvaInputSuffix({
375
378
  disabled: renderAsDisabled,
@@ -1451,7 +1454,15 @@ const RadioItem = ({ label, value, dataTestId, className, description, }) => {
1451
1454
  }), "data-testid": dataTestId, id: `${groupCtx === null || groupCtx === void 0 ? void 0 : groupCtx.id}-${value}`, onChange: groupCtx === null || groupCtx === void 0 ? void 0 : groupCtx.onChange, type: "radio", value: value }), jsxs("div", { className: cvaRadioItemLabelContainer(), children: [jsx(Label, { dataTestId: dataTestId ? `${dataTestId}-Label` : undefined, disabled: groupCtx === null || groupCtx === void 0 ? void 0 : groupCtx.disabled, htmlFor: `${groupCtx === null || groupCtx === void 0 ? void 0 : groupCtx.id}-${value}`, isInvalid: groupCtx === null || groupCtx === void 0 ? void 0 : groupCtx.isInvalid, children: label }), description ? (jsx("label", { className: cvaRadioItemDescription({ disabled: groupCtx === null || groupCtx === void 0 ? void 0 : groupCtx.disabled }), "data-testid": dataTestId ? `${dataTestId}-Description` : null, htmlFor: `${groupCtx === null || groupCtx === void 0 ? void 0 : groupCtx.id}-${value}`, children: description })) : null] })] }));
1452
1455
  };
1453
1456
 
1454
- const cvaTimeRange = cvaMerge(["flex", "flex-1", "items-center", "gap-4", "border-transparent", "rounded-md"]);
1457
+ const cvaTimeRange = cvaMerge([
1458
+ "flex",
1459
+ "flex-1",
1460
+ "items-center",
1461
+ "gap-4",
1462
+ "max-sm:gap-2",
1463
+ "border-transparent",
1464
+ "rounded-md",
1465
+ ]);
1455
1466
 
1456
1467
  /**
1457
1468
  * TimeRange is used to create a time range entry.
@@ -1474,7 +1485,13 @@ const TimeRange = ({ id, className, dataTestId, children, range, onChange, disab
1474
1485
  return (jsxs("div", { className: cvaTimeRange({ className }), "data-testid": dataTestId, id: id, children: [jsx(BaseInput, { dataTestId: `${dataTestId}-from`, disabled: disabled, isInvalid: isInvalid, onBlur: onRangeChange, onChange: (time) => onChangeFrom(time.currentTarget.value), type: "time", value: timeRange.timeFrom }), children !== null && children !== void 0 ? children : jsx("div", { "data-testid": `${dataTestId}-separator`, children: "-" }), jsx(BaseInput, { dataTestId: `${dataTestId}-to`, disabled: disabled, isInvalid: isInvalid, onBlur: onRangeChange, onChange: (time) => onChangeTo(time.currentTarget.value), type: "time", value: timeRange.timeTo })] }));
1475
1486
  };
1476
1487
 
1477
- const cvaScheduleItem = cvaMerge(["grid", "pb-4", "gap-2", "grid-cols-[60px,200px,60px,2fr]"]);
1488
+ const cvaScheduleItem = cvaMerge([
1489
+ "grid",
1490
+ "pb-4",
1491
+ "gap-2",
1492
+ "grid-cols-[60px,200px,60px,2fr]",
1493
+ "max-sm:grid-cols-1",
1494
+ ]);
1478
1495
  const cvaScheduleItemText = cvaMerge(["flex", "font-bold", "self-center"]);
1479
1496
 
1480
1497
  /**
@@ -1484,6 +1501,7 @@ const cvaScheduleItemText = cvaMerge(["flex", "font-bold", "self-center"]);
1484
1501
  * @returns {JSX.Element} Schedule component
1485
1502
  */
1486
1503
  const Schedule = ({ className, dataTestId, schedule, onChange, invalidKeys = [] }) => {
1504
+ const [t] = useTranslation();
1487
1505
  const onRangeChange = (range, index) => {
1488
1506
  const newSchedule = schedule.map((day, dayIndex) => (index === dayIndex ? { ...day, range: { ...range } } : day));
1489
1507
  onChange(newSchedule);
@@ -1503,7 +1521,7 @@ const Schedule = ({ className, dataTestId, schedule, onChange, invalidKeys = []
1503
1521
  onChange(newSchedule);
1504
1522
  };
1505
1523
  return (jsx("div", { className: className, "data-testid": dataTestId, children: schedule.map(({ label, range, isActive, key, checkboxLabel, isAllDayActive }, index) => {
1506
- return (jsxs("div", { className: cvaScheduleItem(), children: [jsx(Checkbox, { checked: isActive, dataTestId: `${dataTestId}-${key}-checkbox`, label: checkboxLabel, onChange: (event) => onActiveChange(Boolean(event.currentTarget.checked), index) }), jsx(Text, { className: cvaScheduleItemText(), size: "medium", subtle: !isActive, children: label }), jsx(Checkbox, { checked: isAllDayActive ? isActive : undefined, dataTestId: `${dataTestId}-${key}-allday-checkbox`, disabled: !isActive, onChange: (event) => onAllDayChange(Boolean(event.currentTarget.checked), index) }), jsx(TimeRange, { dataTestId: `${dataTestId}-${key}-range`, disabled: !isActive || isAllDayActive, isInvalid: !!invalidKeys.find((invalidKey) => invalidKey === key), onChange: (newRange) => onRangeChange(newRange, index), range: range })] }, key + label));
1524
+ return (jsxs("div", { className: cvaScheduleItem(), children: [jsxs("div", { className: "grid grid-cols-2 gap-4 sm:hidden", children: [jsx(Text, { className: "font-medium text-gray-500", children: t("schedule.label.day") }), jsx(Text, { className: cvaScheduleItemText(), size: "medium", subtle: !isActive, children: label }), jsx(Text, { className: "font-medium text-gray-500", children: t("schedule.label.active") }), jsx(Checkbox, { checked: isActive, label: checkboxLabel, onChange: (event) => onActiveChange(Boolean(event.currentTarget.checked), index) }), jsx(Text, { className: "font-medium text-gray-500", children: t("schedule.label.allDay") }), jsx(Checkbox, { checked: isAllDayActive ? isActive : undefined, disabled: !isActive, onChange: (event) => onAllDayChange(Boolean(event.currentTarget.checked), index) }), jsx(TimeRange, { disabled: !isActive || isAllDayActive, isInvalid: !!invalidKeys.find((invalidKey) => invalidKey === key), onChange: (newRange) => onRangeChange(newRange, index), range: range })] }), jsxs("div", { className: "max-sm:hidden sm:grid sm:grid-cols-[60px,200px,60px,2fr] sm:gap-2", children: [jsx(Checkbox, { checked: isActive, dataTestId: `${dataTestId}-${key}-checkbox`, label: checkboxLabel, onChange: (event) => onActiveChange(Boolean(event.currentTarget.checked), index) }), jsx(Text, { className: cvaScheduleItemText(), size: "medium", subtle: !isActive, children: label }), jsx(Checkbox, { checked: isAllDayActive ? isActive : undefined, dataTestId: `${dataTestId}-${key}-allday-checkbox`, disabled: !isActive, onChange: (event) => onAllDayChange(Boolean(event.currentTarget.checked), index) }), jsx(TimeRange, { dataTestId: `${dataTestId}-${key}-range`, disabled: !isActive || isAllDayActive, isInvalid: !!invalidKeys.find((invalidKey) => invalidKey === key), onChange: (newRange) => onRangeChange(newRange, index), range: range })] })] }, key + label));
1507
1525
  }) }));
1508
1526
  };
1509
1527
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@trackunit/react-form-components",
3
- "version": "0.1.13",
3
+ "version": "0.1.14",
4
4
  "repository": "https://github.com/Trackunit/manager",
5
5
  "license": "SEE LICENSE IN LICENSE.txt",
6
6
  "engines": {
@@ -14,8 +14,8 @@ export declare const translations: TranslationResource<TranslationKeys>;
14
14
  /**
15
15
  * Local useTranslation for this specific library
16
16
  */
17
- export declare const useTranslation: () => [TransForLibs<"clearIndicator.icon.tooltip.clearAll" | "colorField.error.INVALID_HEX_CODE" | "colorField.error.REQUIRED" | "dropzone.input.title" | "dropzone.label.default" | "emailField.error.INVALID_EMAIL" | "emailField.error.REQUIRED" | "field.notEditable.tooltip" | "field.required.asterisk.tooltip" | "numberField.error.GREATER_THAN" | "numberField.error.INVALID_NUMBER" | "numberField.error.LESS_THAN" | "numberField.error.NOT_IN_BETWEEN" | "numberField.error.REQUIRED" | "phoneField.error.INVALID_COUNTRY" | "phoneField.error.INVALID_LENGTH" | "phoneField.error.INVALID_NUMBER" | "phoneField.error.NOT_A_NUMBER" | "phoneField.error.REQUIRED" | "phoneField.error.REQUIRED_COUNTRY" | "phoneField.error.TOO_LONG" | "phoneField.error.TOO_SHORT" | "phoneField.error.undefined" | "urlField.error.INVALID_URL" | "urlField.error.REQUIRED">, import("i18next").i18n, boolean] & {
18
- t: TransForLibs<"clearIndicator.icon.tooltip.clearAll" | "colorField.error.INVALID_HEX_CODE" | "colorField.error.REQUIRED" | "dropzone.input.title" | "dropzone.label.default" | "emailField.error.INVALID_EMAIL" | "emailField.error.REQUIRED" | "field.notEditable.tooltip" | "field.required.asterisk.tooltip" | "numberField.error.GREATER_THAN" | "numberField.error.INVALID_NUMBER" | "numberField.error.LESS_THAN" | "numberField.error.NOT_IN_BETWEEN" | "numberField.error.REQUIRED" | "phoneField.error.INVALID_COUNTRY" | "phoneField.error.INVALID_LENGTH" | "phoneField.error.INVALID_NUMBER" | "phoneField.error.NOT_A_NUMBER" | "phoneField.error.REQUIRED" | "phoneField.error.REQUIRED_COUNTRY" | "phoneField.error.TOO_LONG" | "phoneField.error.TOO_SHORT" | "phoneField.error.undefined" | "urlField.error.INVALID_URL" | "urlField.error.REQUIRED">;
17
+ export declare const useTranslation: () => [TransForLibs<"clearIndicator.icon.tooltip.clearAll" | "colorField.error.INVALID_HEX_CODE" | "colorField.error.REQUIRED" | "dropzone.input.title" | "dropzone.label.default" | "emailField.error.INVALID_EMAIL" | "emailField.error.REQUIRED" | "field.notEditable.tooltip" | "field.required.asterisk.tooltip" | "numberField.error.GREATER_THAN" | "numberField.error.INVALID_NUMBER" | "numberField.error.LESS_THAN" | "numberField.error.NOT_IN_BETWEEN" | "numberField.error.REQUIRED" | "phoneField.error.INVALID_COUNTRY" | "phoneField.error.INVALID_LENGTH" | "phoneField.error.INVALID_NUMBER" | "phoneField.error.NOT_A_NUMBER" | "phoneField.error.REQUIRED" | "phoneField.error.REQUIRED_COUNTRY" | "phoneField.error.TOO_LONG" | "phoneField.error.TOO_SHORT" | "phoneField.error.undefined" | "schedule.label.active" | "schedule.label.allDay" | "schedule.label.day" | "urlField.error.INVALID_URL" | "urlField.error.REQUIRED">, import("i18next").i18n, boolean] & {
18
+ t: TransForLibs<"clearIndicator.icon.tooltip.clearAll" | "colorField.error.INVALID_HEX_CODE" | "colorField.error.REQUIRED" | "dropzone.input.title" | "dropzone.label.default" | "emailField.error.INVALID_EMAIL" | "emailField.error.REQUIRED" | "field.notEditable.tooltip" | "field.required.asterisk.tooltip" | "numberField.error.GREATER_THAN" | "numberField.error.INVALID_NUMBER" | "numberField.error.LESS_THAN" | "numberField.error.NOT_IN_BETWEEN" | "numberField.error.REQUIRED" | "phoneField.error.INVALID_COUNTRY" | "phoneField.error.INVALID_LENGTH" | "phoneField.error.INVALID_NUMBER" | "phoneField.error.NOT_A_NUMBER" | "phoneField.error.REQUIRED" | "phoneField.error.REQUIRED_COUNTRY" | "phoneField.error.TOO_LONG" | "phoneField.error.TOO_SHORT" | "phoneField.error.undefined" | "schedule.label.active" | "schedule.label.allDay" | "schedule.label.day" | "urlField.error.INVALID_URL" | "urlField.error.REQUIRED">;
19
19
  i18n: import("i18next").i18n;
20
20
  ready: boolean;
21
21
  };
@@ -24,6 +24,9 @@ var translation = {
24
24
  "phoneField.error.TOO_LONG": "Die Telefonnummer ist zu lang",
25
25
  "phoneField.error.TOO_SHORT": "Die Telefonnummer ist zu kurz",
26
26
  "phoneField.error.undefined": "",
27
+ "schedule.label.active": "Active",
28
+ "schedule.label.allDay": "All Day",
29
+ "schedule.label.day": "Day",
27
30
  "urlField.error.INVALID_URL": "Please enter a valid URL",
28
31
  "urlField.error.REQUIRED": "The URL is required"
29
32
  };
@@ -24,6 +24,9 @@ var translation = {
24
24
  "phoneField.error.TOO_LONG": "Numer telefonu jest zbyt długi",
25
25
  "phoneField.error.TOO_SHORT": "Numer telefonu jest zbyt krótki",
26
26
  "phoneField.error.undefined": "",
27
+ "schedule.label.active": "Active",
28
+ "schedule.label.allDay": "All Day",
29
+ "schedule.label.day": "Day",
27
30
  "urlField.error.INVALID_URL": "Please enter a valid URL",
28
31
  "urlField.error.REQUIRED": "The URL is required"
29
32
  };
@@ -24,6 +24,9 @@ var translation = {
24
24
  "phoneField.error.TOO_LONG": "O número de telefone é demasiado longo",
25
25
  "phoneField.error.TOO_SHORT": "O número de telefone é demasiado curto",
26
26
  "phoneField.error.undefined": "",
27
+ "schedule.label.active": "Active",
28
+ "schedule.label.allDay": "All Day",
29
+ "schedule.label.day": "Day",
27
30
  "urlField.error.INVALID_URL": "Please enter a valid URL",
28
31
  "urlField.error.REQUIRED": "The URL is required"
29
32
  };
@@ -24,6 +24,9 @@ var translation = {
24
24
  "phoneField.error.TOO_LONG": "Номер телефона слишком длинный",
25
25
  "phoneField.error.TOO_SHORT": "Номер телефона слишком короткий",
26
26
  "phoneField.error.undefined": "",
27
+ "schedule.label.active": "Active",
28
+ "schedule.label.allDay": "All Day",
29
+ "schedule.label.day": "Day",
27
30
  "urlField.error.INVALID_URL": "Please enter a valid URL",
28
31
  "urlField.error.REQUIRED": "The URL is required"
29
32
  };
@@ -24,6 +24,9 @@ var translation = {
24
24
  "phoneField.error.TOO_LONG": "Numărul de telefon este prea lung",
25
25
  "phoneField.error.TOO_SHORT": "Numărul de telefon este prea scurt",
26
26
  "phoneField.error.undefined": "",
27
+ "schedule.label.active": "Active",
28
+ "schedule.label.allDay": "All Day",
29
+ "schedule.label.day": "Day",
27
30
  "urlField.error.INVALID_URL": "Please enter a valid URL",
28
31
  "urlField.error.REQUIRED": "The URL is required"
29
32
  };
@@ -24,6 +24,9 @@ var translation = {
24
24
  "phoneField.error.TOO_LONG": "El número de teléfono es demasiado largo",
25
25
  "phoneField.error.TOO_SHORT": "El número de teléfono es demasiado corto",
26
26
  "phoneField.error.undefined": "",
27
+ "schedule.label.active": "Active",
28
+ "schedule.label.allDay": "All Day",
29
+ "schedule.label.day": "Day",
27
30
  "urlField.error.INVALID_URL": "Please enter a valid URL",
28
31
  "urlField.error.REQUIRED": "The URL is required"
29
32
  };
@@ -24,6 +24,9 @@ var translation = {
24
24
  "phoneField.error.TOO_LONG": "Telefonnumret är för långt",
25
25
  "phoneField.error.TOO_SHORT": "Telefonnumret är för kort",
26
26
  "phoneField.error.undefined": "",
27
+ "schedule.label.active": "Active",
28
+ "schedule.label.allDay": "All Day",
29
+ "schedule.label.day": "Day",
27
30
  "urlField.error.INVALID_URL": "Please enter a valid URL",
28
31
  "urlField.error.REQUIRED": "The URL is required"
29
32
  };
@@ -24,6 +24,9 @@ var translation = {
24
24
  "phoneField.error.TOO_LONG": "電話番号が長すぎます",
25
25
  "phoneField.error.TOO_SHORT": "電話番号が短すぎます",
26
26
  "phoneField.error.undefined": "",
27
+ "schedule.label.active": "Active",
28
+ "schedule.label.allDay": "All Day",
29
+ "schedule.label.day": "Day",
27
30
  "urlField.error.INVALID_URL": "Please enter a valid URL",
28
31
  "urlField.error.REQUIRED": "The URL is required"
29
32
  };
@@ -24,6 +24,9 @@ var translation = {
24
24
  "phoneField.error.TOO_LONG": "หมายเลขโทรศัพท์ยาวเกินไป",
25
25
  "phoneField.error.TOO_SHORT": "หมายเลขโทรศัพท์สั้นเกินไป",
26
26
  "phoneField.error.undefined": "",
27
+ "schedule.label.active": "Active",
28
+ "schedule.label.allDay": "All Day",
29
+ "schedule.label.day": "Day",
27
30
  "urlField.error.INVALID_URL": "Please enter a valid URL",
28
31
  "urlField.error.REQUIRED": "The URL is required"
29
32
  };
@@ -24,6 +24,9 @@ var translation = {
24
24
  "phoneField.error.TOO_LONG": "Telefonnummeret er for langt.",
25
25
  "phoneField.error.TOO_SHORT": "Telefonnummeret er for kort.",
26
26
  "phoneField.error.undefined": "",
27
+ "schedule.label.active": "Active",
28
+ "schedule.label.allDay": "All Day",
29
+ "schedule.label.day": "Day",
27
30
  "urlField.error.INVALID_URL": "Please enter a valid URL",
28
31
  "urlField.error.REQUIRED": "The URL is required"
29
32
  };
@@ -24,6 +24,9 @@ var translation = {
24
24
  "phoneField.error.TOO_LONG": "Telefonní číslo je příliš dlouhé",
25
25
  "phoneField.error.TOO_SHORT": "Telefonní číslo je příliš krátké",
26
26
  "phoneField.error.undefined": "",
27
+ "schedule.label.active": "Active",
28
+ "schedule.label.allDay": "All Day",
29
+ "schedule.label.day": "Day",
27
30
  "urlField.error.INVALID_URL": "Please enter a valid URL",
28
31
  "urlField.error.REQUIRED": "The URL is required"
29
32
  };
@@ -24,6 +24,9 @@ var translation = {
24
24
  "phoneField.error.TOO_LONG": "Het telefoonnummer is te lang",
25
25
  "phoneField.error.TOO_SHORT": "Het telefoonnummer is te kort",
26
26
  "phoneField.error.undefined": "",
27
+ "schedule.label.active": "Active",
28
+ "schedule.label.allDay": "All Day",
29
+ "schedule.label.day": "Day",
27
30
  "urlField.error.INVALID_URL": "Please enter a valid URL",
28
31
  "urlField.error.REQUIRED": "The URL is required"
29
32
  };
@@ -24,6 +24,9 @@ var translation = {
24
24
  "phoneField.error.TOO_LONG": "Le numéro de téléphone est trop long",
25
25
  "phoneField.error.TOO_SHORT": "Le numéro de téléphone est trop court",
26
26
  "phoneField.error.undefined": "",
27
+ "schedule.label.active": "Active",
28
+ "schedule.label.allDay": "All Day",
29
+ "schedule.label.day": "Day",
27
30
  "urlField.error.INVALID_URL": "Please enter a valid URL",
28
31
  "urlField.error.REQUIRED": "The URL is required"
29
32
  };
@@ -24,6 +24,9 @@ var translation = {
24
24
  "phoneField.error.TOO_LONG": "Puhelinnumero on liian pitkä",
25
25
  "phoneField.error.TOO_SHORT": "Puhelinnumero on liian lyhyt",
26
26
  "phoneField.error.undefined": "",
27
+ "schedule.label.active": "Active",
28
+ "schedule.label.allDay": "All Day",
29
+ "schedule.label.day": "Day",
27
30
  "urlField.error.INVALID_URL": "Please enter a valid URL",
28
31
  "urlField.error.REQUIRED": "The URL is required"
29
32
  };
@@ -24,6 +24,9 @@ var translation = {
24
24
  "phoneField.error.TOO_LONG": "A telefonszám túl hosszú",
25
25
  "phoneField.error.TOO_SHORT": "A telefonszám túl rövid",
26
26
  "phoneField.error.undefined": "",
27
+ "schedule.label.active": "Active",
28
+ "schedule.label.allDay": "All Day",
29
+ "schedule.label.day": "Day",
27
30
  "urlField.error.INVALID_URL": "Please enter a valid URL",
28
31
  "urlField.error.REQUIRED": "The URL is required"
29
32
  };
@@ -24,6 +24,9 @@ var translation = {
24
24
  "phoneField.error.TOO_LONG": "Il numero di telefono è troppo lungo",
25
25
  "phoneField.error.TOO_SHORT": "Il numero di telefono è troppo corto",
26
26
  "phoneField.error.undefined": "",
27
+ "schedule.label.active": "Active",
28
+ "schedule.label.allDay": "All Day",
29
+ "schedule.label.day": "Day",
27
30
  "urlField.error.INVALID_URL": "Please enter a valid URL",
28
31
  "urlField.error.REQUIRED": "The URL is required"
29
32
  };
@@ -24,6 +24,9 @@ var translation = {
24
24
  "phoneField.error.TOO_LONG": "Telefonnummeret er for langt",
25
25
  "phoneField.error.TOO_SHORT": "Telefonnummeret er for kort",
26
26
  "phoneField.error.undefined": "",
27
+ "schedule.label.active": "Active",
28
+ "schedule.label.allDay": "All Day",
29
+ "schedule.label.day": "Day",
27
30
  "urlField.error.INVALID_URL": "Please enter a valid URL",
28
31
  "urlField.error.REQUIRED": "The URL is required"
29
32
  };
@@ -22,6 +22,9 @@ var translation = {
22
22
  "phoneField.error.TOO_LONG": "Die Telefonnummer ist zu lang",
23
23
  "phoneField.error.TOO_SHORT": "Die Telefonnummer ist zu kurz",
24
24
  "phoneField.error.undefined": "",
25
+ "schedule.label.active": "Active",
26
+ "schedule.label.allDay": "All Day",
27
+ "schedule.label.day": "Day",
25
28
  "urlField.error.INVALID_URL": "Please enter a valid URL",
26
29
  "urlField.error.REQUIRED": "The URL is required"
27
30
  };
@@ -22,6 +22,9 @@ var translation = {
22
22
  "phoneField.error.TOO_LONG": "Numer telefonu jest zbyt długi",
23
23
  "phoneField.error.TOO_SHORT": "Numer telefonu jest zbyt krótki",
24
24
  "phoneField.error.undefined": "",
25
+ "schedule.label.active": "Active",
26
+ "schedule.label.allDay": "All Day",
27
+ "schedule.label.day": "Day",
25
28
  "urlField.error.INVALID_URL": "Please enter a valid URL",
26
29
  "urlField.error.REQUIRED": "The URL is required"
27
30
  };
@@ -22,6 +22,9 @@ var translation = {
22
22
  "phoneField.error.TOO_LONG": "O número de telefone é demasiado longo",
23
23
  "phoneField.error.TOO_SHORT": "O número de telefone é demasiado curto",
24
24
  "phoneField.error.undefined": "",
25
+ "schedule.label.active": "Active",
26
+ "schedule.label.allDay": "All Day",
27
+ "schedule.label.day": "Day",
25
28
  "urlField.error.INVALID_URL": "Please enter a valid URL",
26
29
  "urlField.error.REQUIRED": "The URL is required"
27
30
  };
@@ -22,6 +22,9 @@ var translation = {
22
22
  "phoneField.error.TOO_LONG": "Номер телефона слишком длинный",
23
23
  "phoneField.error.TOO_SHORT": "Номер телефона слишком короткий",
24
24
  "phoneField.error.undefined": "",
25
+ "schedule.label.active": "Active",
26
+ "schedule.label.allDay": "All Day",
27
+ "schedule.label.day": "Day",
25
28
  "urlField.error.INVALID_URL": "Please enter a valid URL",
26
29
  "urlField.error.REQUIRED": "The URL is required"
27
30
  };
@@ -22,6 +22,9 @@ var translation = {
22
22
  "phoneField.error.TOO_LONG": "Numărul de telefon este prea lung",
23
23
  "phoneField.error.TOO_SHORT": "Numărul de telefon este prea scurt",
24
24
  "phoneField.error.undefined": "",
25
+ "schedule.label.active": "Active",
26
+ "schedule.label.allDay": "All Day",
27
+ "schedule.label.day": "Day",
25
28
  "urlField.error.INVALID_URL": "Please enter a valid URL",
26
29
  "urlField.error.REQUIRED": "The URL is required"
27
30
  };
@@ -22,6 +22,9 @@ var translation = {
22
22
  "phoneField.error.TOO_LONG": "El número de teléfono es demasiado largo",
23
23
  "phoneField.error.TOO_SHORT": "El número de teléfono es demasiado corto",
24
24
  "phoneField.error.undefined": "",
25
+ "schedule.label.active": "Active",
26
+ "schedule.label.allDay": "All Day",
27
+ "schedule.label.day": "Day",
25
28
  "urlField.error.INVALID_URL": "Please enter a valid URL",
26
29
  "urlField.error.REQUIRED": "The URL is required"
27
30
  };
@@ -22,6 +22,9 @@ var translation = {
22
22
  "phoneField.error.TOO_LONG": "Telefonnumret är för långt",
23
23
  "phoneField.error.TOO_SHORT": "Telefonnumret är för kort",
24
24
  "phoneField.error.undefined": "",
25
+ "schedule.label.active": "Active",
26
+ "schedule.label.allDay": "All Day",
27
+ "schedule.label.day": "Day",
25
28
  "urlField.error.INVALID_URL": "Please enter a valid URL",
26
29
  "urlField.error.REQUIRED": "The URL is required"
27
30
  };
@@ -22,6 +22,9 @@ var translation = {
22
22
  "phoneField.error.TOO_LONG": "電話番号が長すぎます",
23
23
  "phoneField.error.TOO_SHORT": "電話番号が短すぎます",
24
24
  "phoneField.error.undefined": "",
25
+ "schedule.label.active": "Active",
26
+ "schedule.label.allDay": "All Day",
27
+ "schedule.label.day": "Day",
25
28
  "urlField.error.INVALID_URL": "Please enter a valid URL",
26
29
  "urlField.error.REQUIRED": "The URL is required"
27
30
  };
@@ -22,6 +22,9 @@ var translation = {
22
22
  "phoneField.error.TOO_LONG": "หมายเลขโทรศัพท์ยาวเกินไป",
23
23
  "phoneField.error.TOO_SHORT": "หมายเลขโทรศัพท์สั้นเกินไป",
24
24
  "phoneField.error.undefined": "",
25
+ "schedule.label.active": "Active",
26
+ "schedule.label.allDay": "All Day",
27
+ "schedule.label.day": "Day",
25
28
  "urlField.error.INVALID_URL": "Please enter a valid URL",
26
29
  "urlField.error.REQUIRED": "The URL is required"
27
30
  };
@@ -22,6 +22,9 @@ var translation = {
22
22
  "phoneField.error.TOO_LONG": "Telefonnummeret er for langt.",
23
23
  "phoneField.error.TOO_SHORT": "Telefonnummeret er for kort.",
24
24
  "phoneField.error.undefined": "",
25
+ "schedule.label.active": "Active",
26
+ "schedule.label.allDay": "All Day",
27
+ "schedule.label.day": "Day",
25
28
  "urlField.error.INVALID_URL": "Please enter a valid URL",
26
29
  "urlField.error.REQUIRED": "The URL is required"
27
30
  };
@@ -22,6 +22,9 @@ var translation = {
22
22
  "phoneField.error.TOO_LONG": "Telefonní číslo je příliš dlouhé",
23
23
  "phoneField.error.TOO_SHORT": "Telefonní číslo je příliš krátké",
24
24
  "phoneField.error.undefined": "",
25
+ "schedule.label.active": "Active",
26
+ "schedule.label.allDay": "All Day",
27
+ "schedule.label.day": "Day",
25
28
  "urlField.error.INVALID_URL": "Please enter a valid URL",
26
29
  "urlField.error.REQUIRED": "The URL is required"
27
30
  };
@@ -22,6 +22,9 @@ var translation = {
22
22
  "phoneField.error.TOO_LONG": "Het telefoonnummer is te lang",
23
23
  "phoneField.error.TOO_SHORT": "Het telefoonnummer is te kort",
24
24
  "phoneField.error.undefined": "",
25
+ "schedule.label.active": "Active",
26
+ "schedule.label.allDay": "All Day",
27
+ "schedule.label.day": "Day",
25
28
  "urlField.error.INVALID_URL": "Please enter a valid URL",
26
29
  "urlField.error.REQUIRED": "The URL is required"
27
30
  };
@@ -22,6 +22,9 @@ var translation = {
22
22
  "phoneField.error.TOO_LONG": "Le numéro de téléphone est trop long",
23
23
  "phoneField.error.TOO_SHORT": "Le numéro de téléphone est trop court",
24
24
  "phoneField.error.undefined": "",
25
+ "schedule.label.active": "Active",
26
+ "schedule.label.allDay": "All Day",
27
+ "schedule.label.day": "Day",
25
28
  "urlField.error.INVALID_URL": "Please enter a valid URL",
26
29
  "urlField.error.REQUIRED": "The URL is required"
27
30
  };
@@ -22,6 +22,9 @@ var translation = {
22
22
  "phoneField.error.TOO_LONG": "Puhelinnumero on liian pitkä",
23
23
  "phoneField.error.TOO_SHORT": "Puhelinnumero on liian lyhyt",
24
24
  "phoneField.error.undefined": "",
25
+ "schedule.label.active": "Active",
26
+ "schedule.label.allDay": "All Day",
27
+ "schedule.label.day": "Day",
25
28
  "urlField.error.INVALID_URL": "Please enter a valid URL",
26
29
  "urlField.error.REQUIRED": "The URL is required"
27
30
  };
@@ -22,6 +22,9 @@ var translation = {
22
22
  "phoneField.error.TOO_LONG": "A telefonszám túl hosszú",
23
23
  "phoneField.error.TOO_SHORT": "A telefonszám túl rövid",
24
24
  "phoneField.error.undefined": "",
25
+ "schedule.label.active": "Active",
26
+ "schedule.label.allDay": "All Day",
27
+ "schedule.label.day": "Day",
25
28
  "urlField.error.INVALID_URL": "Please enter a valid URL",
26
29
  "urlField.error.REQUIRED": "The URL is required"
27
30
  };
@@ -22,6 +22,9 @@ var translation = {
22
22
  "phoneField.error.TOO_LONG": "Il numero di telefono è troppo lungo",
23
23
  "phoneField.error.TOO_SHORT": "Il numero di telefono è troppo corto",
24
24
  "phoneField.error.undefined": "",
25
+ "schedule.label.active": "Active",
26
+ "schedule.label.allDay": "All Day",
27
+ "schedule.label.day": "Day",
25
28
  "urlField.error.INVALID_URL": "Please enter a valid URL",
26
29
  "urlField.error.REQUIRED": "The URL is required"
27
30
  };
@@ -22,6 +22,9 @@ var translation = {
22
22
  "phoneField.error.TOO_LONG": "Telefonnummeret er for langt",
23
23
  "phoneField.error.TOO_SHORT": "Telefonnummeret er for kort",
24
24
  "phoneField.error.undefined": "",
25
+ "schedule.label.active": "Active",
26
+ "schedule.label.allDay": "All Day",
27
+ "schedule.label.day": "Day",
25
28
  "urlField.error.INVALID_URL": "Please enter a valid URL",
26
29
  "urlField.error.REQUIRED": "The URL is required"
27
30
  };
@@ -1,20 +0,0 @@
1
- import * as React from "react";
2
- export interface SelectContainerProps {
3
- children: React.ReactElement;
4
- label?: string;
5
- hideLabel?: boolean;
6
- hasError?: boolean;
7
- id?: string;
8
- description?: string;
9
- error?: React.ReactNode;
10
- info?: React.ReactNode;
11
- dataTestId?: string;
12
- isDisabled?: boolean;
13
- }
14
- /**
15
- * The SelectContainer component.
16
- *
17
- * @param {SelectContainerProps} props - The props for the SelectContainer component
18
- * @returns {JSX.Element} SelectContainer component
19
- */
20
- export declare const SelectContainer: ({ children, label, hideLabel, id, hasError, error, description, info, dataTestId, isDisabled, }: SelectContainerProps) => import("react/jsx-runtime").JSX.Element;