@zeniai/web-components 4.3.29 → 4.3.30

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 (65) hide show
  1. package/dist/{SessionTimeoutPopup-DXlvVpud.cjs → SessionTimeoutPopup-BwidPHWK.cjs} +13277 -13257
  2. package/dist/{SessionTimeoutPopup-jS9F5TG6.js → SessionTimeoutPopup-HwnNPD2l.js} +53323 -53220
  3. package/dist/appLocale.d.ts +1 -0
  4. package/dist/cockpit.cjs.js +5 -5
  5. package/dist/cockpit.esm.js +493 -487
  6. package/dist/components/formElements/common/common.d.ts +5 -0
  7. package/dist/components/formElements/fieldHelp/FieldHelpContext.d.ts +20 -0
  8. package/dist/components/formElements/fieldHelp/FieldHelpIcon.d.ts +13 -0
  9. package/dist/components/formElements/label/Label.d.ts +7 -1
  10. package/dist/components/formElements/labeledAutoCompleteGroupedSingleSelectCustomGroupField/LabeledAutoCompleteGroupedSingleSelectCustomGroupField.d.ts +2 -0
  11. package/dist/components/formElements/labeledAutoCompleteGroupedSingleSelectField/LabeledAutoCompleteGroupedSingleSelectField.d.ts +2 -0
  12. package/dist/components/formElements/labeledAutoCompleteGroupedSingleSelectFieldWithCOT/LabeledAutoCompleteGroupedSingleSelectFieldWithCOT.d.ts +2 -0
  13. package/dist/components/formElements/labeledAutoCompleteSingleSelectField/LabeledAutoCompleteSingleSelectField.d.ts +2 -0
  14. package/dist/components/formElements/labeledCheckBox/LabeledControlledCheckBoxField.d.ts +2 -0
  15. package/dist/components/formElements/labeledCheckBox/LabeledUnSafeCheckBoxField.d.ts +2 -0
  16. package/dist/components/formElements/labeledCountryMultiSelectField/LabeledCountryMultiSelectField.d.ts +2 -0
  17. package/dist/components/formElements/labeledCreatableAutoCompleteSingleSelectField/LabeledCreatableAutoCompleteSingleSelectField.d.ts +2 -0
  18. package/dist/components/formElements/labeledCreatableMultiSelectField/LabeledCreatableMultiSelectField.d.ts +2 -0
  19. package/dist/components/formElements/labeledCreatableSingleSelectField/LabeledCreatableSingleSelectField.d.ts +2 -0
  20. package/dist/components/formElements/labeledCurrencyAmountField/LabeledCurrencyAmountField.d.ts +2 -0
  21. package/dist/components/formElements/labeledCurrencyField/LabeledCurrencyField.d.ts +2 -0
  22. package/dist/components/formElements/labeledDatePickerWithRadioOptionsField/LabeledDatePickerWithRadioOptionsField.d.ts +2 -0
  23. package/dist/components/formElements/labeledDayOfMonthSelectorField/LabeledDayOfMonthSelectorField.d.ts +2 -0
  24. package/dist/components/formElements/labeledDocumentField/LabeledDocumentField.d.ts +2 -0
  25. package/dist/components/formElements/labeledEmailInputField/LabeledEmailInputField.d.ts +2 -0
  26. package/dist/components/formElements/labeledFormattedText/LabeledFormattedTextField.d.ts +2 -0
  27. package/dist/components/formElements/labeledGroupSingleSelectFieldWithRecommendationCheckbox/LabeledGroupSingleSelectWithRecommendationCheckboxField.d.ts +2 -0
  28. package/dist/components/formElements/labeledGroupedSingleSelectField/LabeledGroupedSingleSelectField.d.ts +2 -0
  29. package/dist/components/formElements/labeledGroupedSingleSelectWithCOT/LabeledGroupSingleSelectWithRecommendationCheckboxFieldWithCOT.d.ts +2 -0
  30. package/dist/components/formElements/labeledMonthSelectorField/LabeledMonthSelectorField.d.ts +2 -0
  31. package/dist/components/formElements/labeledMultiLineSingleSelectPickerField/LabeledMultiLineSingleSelectPickerField.d.ts +2 -0
  32. package/dist/components/formElements/labeledMultiSelectField/LabeledMultiSelectField.d.ts +2 -0
  33. package/dist/components/formElements/labeledMultiSelectWithCheckBoxField/LabeledMultiSelectWithCheckBoxField.d.ts +2 -0
  34. package/dist/components/formElements/labeledMultiTextField/LabeledMultiTextFieldMedium.d.ts +2 -0
  35. package/dist/components/formElements/labeledNameField/LabeledNameField.d.ts +2 -0
  36. package/dist/components/formElements/labeledPaymentMethodSingleSelectField/LabeledPaymentMethodSingleSelectField.d.ts +2 -0
  37. package/dist/components/formElements/labeledRadio/LabeledRadioField.d.ts +2 -0
  38. package/dist/components/formElements/labeledSingleSelectCreatablePickerField/LabeledSingleSelectCreatablePickerField.d.ts +2 -0
  39. package/dist/components/formElements/labeledSingleSelectField/LabeledSingleSelectField.d.ts +2 -0
  40. package/dist/components/formElements/labeledSingleSelectNumericField/LabeledSingleSelectNumericField.d.ts +2 -0
  41. package/dist/components/formElements/labeledSingleSelectPickerField/LabeledSingleSelectPickerField.d.ts +2 -0
  42. package/dist/components/formElements/labeledSingleSelectWithoutClearableField/LabeledSingleSelectWithoutClearableField.d.ts +2 -0
  43. package/dist/components/formElements/labeledTextWithButton/LabeledTextWithButtonField.d.ts +2 -0
  44. package/dist/components/formElements/labeledTextWithRecommendation/LabeledTextWithRecommendationsField.d.ts +2 -0
  45. package/dist/components/formElements/labeledTimeSpentField/LabeledTimeSpentField.d.ts +2 -0
  46. package/dist/components/formElements/labeledUserSingleSelectField/LabeledUserSingleSelectField.d.ts +2 -0
  47. package/dist/components/formElements/labeledUserSingleSelectWithSubtitlesField/LabeledUserSingleSelectWithSubtitlesField.d.ts +2 -0
  48. package/dist/components/formElements/staticFields/labeledAddressValue/LabeledAddressValue.d.ts +2 -0
  49. package/dist/components/formElements/staticFields/labeledItemWithLoader/LabeledItemWithLoader.d.ts +2 -0
  50. package/dist/components/formElements/staticFields/labeledItemWithMultiTextAndSubtext/LabeledItemWithMultiTextAndSubtext.d.ts +2 -0
  51. package/dist/components/formElements/staticFields/labeledItemWithTag/LabeledItemWithTag.d.ts +2 -0
  52. package/dist/components/formElements/staticFields/labeledLabelWithSubtitle/LabeledLabelWithSubtitle.d.ts +2 -0
  53. package/dist/components/formElements/staticFields/labeledLabelsWithBullets/LabeledLabelsWithBullets.d.ts +2 -0
  54. package/dist/components/formElements/staticFields/labeledUserAvatars/LabeledUserAvatars.d.ts +2 -0
  55. package/dist/components/invoicing/catalogForm/InvoicingCatalogItemFormPage.d.ts +7 -1
  56. package/dist/components/invoicing/common/InvoicingDetailScaffold.d.ts +3 -1
  57. package/dist/components/invoicing/common/InvoicingFormRows.d.ts +3 -1
  58. package/dist/components/invoicing/subscriptionDetail/InvoicingSubscriptionDetailPage.d.ts +1 -2
  59. package/dist/components/invoicing/subscriptionForm/InvoicingSubscriptionFormPage.d.ts +1 -2
  60. package/dist/components/invoicing/subscriptionForm/subscriptionForm.shared.d.ts +17 -11
  61. package/dist/index.cjs.js +1 -1
  62. package/dist/index.d.ts +3 -0
  63. package/dist/index.esm.js +317 -314
  64. package/dist/strings/strings.d.ts +1 -0
  65. package/package.json +7 -5
@@ -1,6 +1,11 @@
1
1
  export type DisableMode = "readonly" | "disabled";
2
2
  export type LabelProps = {
3
3
  label: string;
4
+ /**
5
+ * Backend field-help code. A field inside a `FieldHelpProvider` shows the
6
+ * label's info tooltip when the server has copy for this code.
7
+ */
8
+ fieldCode?: string;
4
9
  showBullet?: boolean;
5
10
  style?: React.CSSProperties;
6
11
  width?: number;
@@ -0,0 +1,20 @@
1
+ import { ReactNode } from 'react';
2
+ /** Help copy for the fields in scope, keyed by backend field code. */
3
+ export type FieldHelpByCode = Record<string, string>;
4
+ export interface FieldHelpProviderProps {
5
+ children: ReactNode;
6
+ /** The `code -> description` map for the fields rendered below. */
7
+ fieldHelp?: FieldHelpByCode;
8
+ }
9
+ /**
10
+ * Supplies help copy to every labeled field beneath it, so a screen declares
11
+ * its copy once and each field names only its own code. Threading a `helpText`
12
+ * prop through instead would touch every field on every form for what is one
13
+ * value per screen.
14
+ */
15
+ export declare function FieldHelpProvider({ children, fieldHelp, }: Readonly<FieldHelpProviderProps>): import("react/jsx-runtime").JSX.Element;
16
+ /**
17
+ * Help copy for a field code, or `undefined` when there is none. Blank copy is
18
+ * already dropped upstream, so any value returned here is renderable.
19
+ */
20
+ export declare function useFieldHelp(fieldCode: string | undefined): string | undefined;
@@ -0,0 +1,13 @@
1
+ export interface FieldHelpIconProps {
2
+ /** Field label, used for the icon's accessible name. */
3
+ label: string;
4
+ /** Backend field code; nothing renders when the server has no copy for it. */
5
+ fieldCode?: string;
6
+ }
7
+ /**
8
+ * The info icon beside a field label, for labels that do not go through
9
+ * {@link Label} — detail-page rows, most notably. Matches `Label`'s own tooltip
10
+ * so both sides of a screen look identical. Renders nothing without copy: an
11
+ * icon that opens an empty tooltip is worse than no icon.
12
+ */
13
+ export declare function FieldHelpIcon({ fieldCode, label, }: Readonly<FieldHelpIconProps>): import("react/jsx-runtime").JSX.Element | null;
@@ -5,6 +5,12 @@ import { DisableMode } from '../common/common';
5
5
  */
6
6
  export interface Props {
7
7
  label: string | React.ReactNode;
8
+ /**
9
+ * Backend field-help code. When help copy exists for it, the label shows
10
+ * its info tooltip without the caller passing `showTooltip`/`tooltipTitle` —
11
+ * the copy is server-owned, so the form should not have to know it.
12
+ */
13
+ fieldCode?: string;
8
14
  htmlFor?: string;
9
15
  isDisabled?: DisableMode;
10
16
  isOptional?: boolean;
@@ -16,4 +22,4 @@ export interface Props {
16
22
  tooltipTitle?: string | ReactFragment | React.ReactElement;
17
23
  toolTipWidth?: string;
18
24
  }
19
- export declare function Label({ label, htmlFor, style, labelStyle, showTooltip, syncBackgroundWithAncestor, tooltipTitle, toolTipWidth, isOptional, showBullet, }: Props): import("react/jsx-runtime").JSX.Element;
25
+ export declare function Label({ label, fieldCode, htmlFor, style, labelStyle, showTooltip, syncBackgroundWithAncestor, tooltipTitle, toolTipWidth, isOptional, showBullet, }: Props): import("react/jsx-runtime").JSX.Element;
@@ -5,6 +5,8 @@ import { AutoCompleteGroupedSingleSelectCustomGroupFieldProps } from '../autoCom
5
5
  export interface Props {
6
6
  label: {
7
7
  label: string;
8
+ /** Backend field-help code; shows the label's info tooltip when copy exists. */
9
+ fieldCode?: string;
8
10
  width?: number;
9
11
  };
10
12
  selectFieldProps: AutoCompleteGroupedSingleSelectCustomGroupFieldProps;
@@ -7,6 +7,8 @@ export interface Props {
7
7
  autoCompleteGroupedSingleSelectField: AutoCompleteGroupedSingleSelectFieldProps;
8
8
  label: {
9
9
  label: string;
10
+ /** Backend field-help code; shows the label's info tooltip when copy exists. */
11
+ fieldCode?: string;
10
12
  width?: number;
11
13
  };
12
14
  additionalLabelInfo?: string;
@@ -14,6 +14,8 @@ export interface Props {
14
14
  isRecommendedSelected: boolean;
15
15
  label: {
16
16
  label: string;
17
+ /** Backend field-help code; shows the label's info tooltip when copy exists. */
18
+ fieldCode?: string;
17
19
  width?: number;
18
20
  };
19
21
  pageSource: TransactionPage;
@@ -7,6 +7,8 @@ export interface Props {
7
7
  autoCompleteSingleSelectField: AutoCompleteSingleSelectFieldProps;
8
8
  label: {
9
9
  label: string;
10
+ /** Backend field-help code; shows the label's info tooltip when copy exists. */
11
+ fieldCode?: string;
10
12
  width?: number;
11
13
  };
12
14
  controlWidth?: number;
@@ -8,6 +8,8 @@ export interface Props {
8
8
  checkBoxField: ControlledCheckBoxFieldProps;
9
9
  label: {
10
10
  label: string | React.ReactNode;
11
+ /** Backend field-help code; shows the label's info tooltip when copy exists. */
12
+ fieldCode?: string;
11
13
  style?: React.CSSProperties;
12
14
  width?: number;
13
15
  };
@@ -8,6 +8,8 @@ export interface Props {
8
8
  checkBoxField: UnSafeCheckBoxFieldProps;
9
9
  label: {
10
10
  label: string | React.ReactNode;
11
+ /** Backend field-help code; shows the label's info tooltip when copy exists. */
12
+ fieldCode?: string;
11
13
  style?: React.CSSProperties;
12
14
  width?: number;
13
15
  };
@@ -6,6 +6,8 @@ import { CountryMultiSelectFieldProps } from '../countryMultiSelectField/Country
6
6
  export interface Props {
7
7
  label: {
8
8
  label: string;
9
+ /** Backend field-help code; shows the label's info tooltip when copy exists. */
10
+ fieldCode?: string;
9
11
  style?: React.CSSProperties;
10
12
  width?: number;
11
13
  };
@@ -7,6 +7,8 @@ export interface Props {
7
7
  autoCompleteSingleSelectField: CreatableAutoCompleteSingleSelectFieldProps;
8
8
  label: {
9
9
  label: string;
10
+ /** Backend field-help code; shows the label's info tooltip when copy exists. */
11
+ fieldCode?: string;
10
12
  width?: number;
11
13
  };
12
14
  addIconInCreateLabel?: boolean;
@@ -7,6 +7,8 @@ export interface Props {
7
7
  creatableMultiSelectField: CreatableMultiSelectFieldProps;
8
8
  label: {
9
9
  label: string;
10
+ /** Backend field-help code; shows the label's info tooltip when copy exists. */
11
+ fieldCode?: string;
10
12
  width?: number;
11
13
  };
12
14
  errorInfoLabel?: string;
@@ -8,6 +8,8 @@ export interface Props {
8
8
  creatableSingleSelectField: CreatableSingleSelectFieldProps;
9
9
  label: {
10
10
  label: string;
11
+ /** Backend field-help code; shows the label's info tooltip when copy exists. */
12
+ fieldCode?: string;
11
13
  width?: number;
12
14
  };
13
15
  addIconInCreateLabel?: boolean;
@@ -7,6 +7,8 @@ export interface Props {
7
7
  currencyAmountField: CurrencyAmountFieldProps;
8
8
  label: {
9
9
  label: string;
10
+ /** Backend field-help code; shows the label's info tooltip when copy exists. */
11
+ fieldCode?: string;
10
12
  width?: number;
11
13
  };
12
14
  additionalInfoLabel?: string;
@@ -7,6 +7,8 @@ export interface Props {
7
7
  currencySelectField: CurrencySelectFieldProps;
8
8
  label: {
9
9
  label: string;
10
+ /** Backend field-help code; shows the label's info tooltip when copy exists. */
11
+ fieldCode?: string;
10
12
  width?: number;
11
13
  };
12
14
  additionalInfoLabel?: string;
@@ -7,6 +7,8 @@ export interface Props {
7
7
  dateField: DatePickerFieldWithRadioOptionsProps;
8
8
  label: {
9
9
  label: string;
10
+ /** Backend field-help code; shows the label's info tooltip when copy exists. */
11
+ fieldCode?: string;
10
12
  width?: number;
11
13
  };
12
14
  additionalInfoLabel?: string;
@@ -7,6 +7,8 @@ export interface Props {
7
7
  dayOfMonthField: DayOfMonthSelectorProps;
8
8
  label: {
9
9
  label: string;
10
+ /** Backend field-help code; shows the label's info tooltip when copy exists. */
11
+ fieldCode?: string;
10
12
  width?: number;
11
13
  };
12
14
  isDisabled?: DisableMode;
@@ -12,6 +12,8 @@ export interface Props {
12
12
  filesEndPoint: string;
13
13
  label: {
14
14
  label: string;
15
+ /** Backend field-help code; shows the label's info tooltip when copy exists. */
16
+ fieldCode?: string;
15
17
  style?: React.CSSProperties;
16
18
  width?: number;
17
19
  };
@@ -6,6 +6,8 @@ export interface Props {
6
6
  export default function LabeledEmailInputField({ name, label, style, additionalInfoLabel, showAdditionalInfoLabel, isSaveError, showErrorInfoLabel, errorInfoLabel, showTickIcon, placeholder, registerOptions, }: {
7
7
  label: {
8
8
  label: string;
9
+ /** Backend field-help code; shows the label's info tooltip when copy exists. */
10
+ fieldCode?: string;
9
11
  width?: number;
10
12
  };
11
13
  name: string;
@@ -8,6 +8,8 @@ export interface Props {
8
8
  formattedTextField: FormattedTextFieldProps;
9
9
  label: {
10
10
  label: string;
11
+ /** Backend field-help code; shows the label's info tooltip when copy exists. */
12
+ fieldCode?: string;
11
13
  style?: React.CSSProperties;
12
14
  width?: number;
13
15
  };
@@ -9,6 +9,8 @@ export interface Props {
9
9
  isLoading: boolean;
10
10
  label: {
11
11
  label: string;
12
+ /** Backend field-help code; shows the label's info tooltip when copy exists. */
13
+ fieldCode?: string;
12
14
  style?: React.CSSProperties;
13
15
  width?: number;
14
16
  };
@@ -7,6 +7,8 @@ export interface Props {
7
7
  groupedSingleSelectField: GroupedSingleSelectFieldProps;
8
8
  label: {
9
9
  label: string;
10
+ /** Backend field-help code; shows the label's info tooltip when copy exists. */
11
+ fieldCode?: string;
10
12
  width?: number;
11
13
  };
12
14
  additionalLabelInfo?: string;
@@ -14,6 +14,8 @@ export interface Props {
14
14
  isRecommendedSelected: boolean;
15
15
  label: {
16
16
  label: string;
17
+ /** Backend field-help code; shows the label's info tooltip when copy exists. */
18
+ fieldCode?: string;
17
19
  style?: React.CSSProperties;
18
20
  width?: number;
19
21
  };
@@ -6,6 +6,8 @@ import { MonthSelectorFieldProps } from '../monthSelectorField/MonthSelectorFiel
6
6
  export interface Props {
7
7
  label: {
8
8
  label: string | React.ReactNode;
9
+ /** Backend field-help code; shows the label's info tooltip when copy exists. */
10
+ fieldCode?: string;
9
11
  style?: React.CSSProperties;
10
12
  width?: number;
11
13
  };
@@ -8,6 +8,8 @@ export interface Props {
8
8
  defaultValues: string[];
9
9
  label: {
10
10
  label: string;
11
+ /** Backend field-help code; shows the label's info tooltip when copy exists. */
12
+ fieldCode?: string;
11
13
  width?: number;
12
14
  };
13
15
  singleSelectPickerField: Omit<SingleSelectPickerFieldProps, "defaultValue">;
@@ -6,6 +6,8 @@ import { MultiSelectFieldProps } from '../multiSelectField/MultiSelectField';
6
6
  export interface Props {
7
7
  label: {
8
8
  label: string;
9
+ /** Backend field-help code; shows the label's info tooltip when copy exists. */
10
+ fieldCode?: string;
9
11
  style?: React.CSSProperties;
10
12
  width?: number;
11
13
  };
@@ -5,6 +5,8 @@ import { MultiSelectWithCheckBoxFieldProps } from '../multiSelectWithCheckBoxFie
5
5
  export interface Props {
6
6
  label: {
7
7
  label: string;
8
+ /** Backend field-help code; shows the label's info tooltip when copy exists. */
9
+ fieldCode?: string;
8
10
  width?: number;
9
11
  };
10
12
  multiSelectWithCheckBoxField: MultiSelectWithCheckBoxFieldProps;
@@ -35,6 +35,8 @@ export interface LabeledMultiTextFieldProps {
35
35
  };
36
36
  label: {
37
37
  label: string;
38
+ /** Backend field-help code; shows the label's info tooltip when copy exists. */
39
+ fieldCode?: string;
38
40
  width?: number;
39
41
  };
40
42
  secondText: {
@@ -7,6 +7,8 @@ import { NameFieldProps } from '../nameField/NameField';
7
7
  export interface Props {
8
8
  label: {
9
9
  label: string;
10
+ /** Backend field-help code; shows the label's info tooltip when copy exists. */
11
+ fieldCode?: string;
10
12
  width?: number;
11
13
  };
12
14
  nameField: NameFieldProps;
@@ -3,6 +3,8 @@ import { DisableMode } from '../common/common';
3
3
  export interface Props {
4
4
  label: {
5
5
  label: string;
6
+ /** Backend field-help code; shows the label's info tooltip when copy exists. */
7
+ fieldCode?: string;
6
8
  width?: number;
7
9
  };
8
10
  paymentSingleSelectField: PaymentMethodSingleSelectFieldProps;
@@ -6,6 +6,8 @@ import { RadioFieldProps } from '../radioField/RadioField';
6
6
  export interface Props {
7
7
  label: {
8
8
  label: string | React.ReactNode;
9
+ /** Backend field-help code; shows the label's info tooltip when copy exists. */
10
+ fieldCode?: string;
9
11
  width?: number;
10
12
  };
11
13
  radioField: RadioFieldProps;
@@ -7,6 +7,8 @@ import { SingleSelectCreatablePickerFieldProps } from '../singleSelectCreatableP
7
7
  export interface Props {
8
8
  label: {
9
9
  label: string;
10
+ /** Backend field-help code; shows the label's info tooltip when copy exists. */
11
+ fieldCode?: string;
10
12
  labelIcon?: ReactElement;
11
13
  style?: React.CSSProperties;
12
14
  width?: number;
@@ -6,6 +6,8 @@ import { DisableMode } from '../common/common';
6
6
  export interface Props {
7
7
  label: {
8
8
  label: string;
9
+ /** Backend field-help code; shows the label's info tooltip when copy exists. */
10
+ fieldCode?: string;
9
11
  width?: number;
10
12
  };
11
13
  singleSelectField: SingleSelectFieldProps;
@@ -6,6 +6,8 @@ import { SingleSelectNumericFieldProps } from '../singleSelectNumericField/Singl
6
6
  export interface Props {
7
7
  label: {
8
8
  label: string;
9
+ /** Backend field-help code; shows the label's info tooltip when copy exists. */
10
+ fieldCode?: string;
9
11
  labelIcon?: ReactElement;
10
12
  style?: React.CSSProperties;
11
13
  width?: number;
@@ -7,6 +7,8 @@ import { SingleSelectPickerFieldProps } from '../singleSelectPickerField/SingleS
7
7
  export interface Props {
8
8
  label: {
9
9
  label: string;
10
+ /** Backend field-help code; shows the label's info tooltip when copy exists. */
11
+ fieldCode?: string;
10
12
  labelIcon?: ReactElement;
11
13
  style?: React.CSSProperties;
12
14
  width?: number;
@@ -7,6 +7,8 @@ import { DisableMode } from '../common/common';
7
7
  export interface Props {
8
8
  label: {
9
9
  label: string;
10
+ /** Backend field-help code; shows the label's info tooltip when copy exists. */
11
+ fieldCode?: string;
10
12
  width?: number;
11
13
  };
12
14
  singleSelectWithoutClearableField: SingleSelectWithoutClearableFieldProps;
@@ -8,6 +8,8 @@ import { TextFieldWithButtonProps } from '../textFieldWithButton/TextFieldWithBu
8
8
  export interface Props {
9
9
  label: {
10
10
  label: string;
11
+ /** Backend field-help code; shows the label's info tooltip when copy exists. */
12
+ fieldCode?: string;
11
13
  width?: number;
12
14
  };
13
15
  text: TextFieldWithButtonProps;
@@ -14,6 +14,8 @@ export interface Props {
14
14
  checkBoxFields: CheckBoxFieldProps[];
15
15
  label: {
16
16
  label: string;
17
+ /** Backend field-help code; shows the label's info tooltip when copy exists. */
18
+ fieldCode?: string;
17
19
  width?: number;
18
20
  };
19
21
  textField: TextFieldProps;
@@ -6,6 +6,8 @@ import { DisableMode } from '../common/common';
6
6
  export interface Props {
7
7
  label: {
8
8
  label: string;
9
+ /** Backend field-help code; shows the label's info tooltip when copy exists. */
10
+ fieldCode?: string;
9
11
  width?: number;
10
12
  };
11
13
  name: string;
@@ -6,6 +6,8 @@ import { UserSingleSelectFieldProps } from './UserSingleSelectField';
6
6
  export interface Props {
7
7
  label: {
8
8
  label: string;
9
+ /** Backend field-help code; shows the label's info tooltip when copy exists. */
10
+ fieldCode?: string;
9
11
  width?: number;
10
12
  };
11
13
  userSingleSelectField: UserSingleSelectFieldProps;
@@ -7,6 +7,8 @@ import { Props as UserSingleSelectWithSubtitlesFieldProps } from '../userSingleS
7
7
  export interface Props {
8
8
  label: {
9
9
  label: string;
10
+ /** Backend field-help code; shows the label's info tooltip when copy exists. */
11
+ fieldCode?: string;
10
12
  width?: number;
11
13
  };
12
14
  userSingleSelectWithSubTitlesField: UserSingleSelectWithSubtitlesFieldProps;
@@ -7,6 +7,8 @@ export interface Props {
7
7
  addressValue: AddressValueProps;
8
8
  label: {
9
9
  label: string;
10
+ /** Backend field-help code; shows the label's info tooltip when copy exists. */
11
+ fieldCode?: string;
10
12
  width?: number;
11
13
  };
12
14
  additionalInfoLabel?: string;
@@ -6,6 +6,8 @@ import { ItemWithLoaderProps } from '../itemWithLoader/ItemWithLoader';
6
6
  export interface Props {
7
7
  label: {
8
8
  label: string;
9
+ /** Backend field-help code; shows the label's info tooltip when copy exists. */
10
+ fieldCode?: string;
9
11
  width?: number;
10
12
  };
11
13
  loader: ItemWithLoaderProps;
@@ -7,6 +7,8 @@ export interface Props {
7
7
  addOns: SubscriptionAddOn[];
8
8
  label: {
9
9
  label: string;
10
+ /** Backend field-help code; shows the label's info tooltip when copy exists. */
11
+ fieldCode?: string;
10
12
  width?: number;
11
13
  };
12
14
  isDisabled?: DisableMode;
@@ -6,6 +6,8 @@ import { Props as ItemWithTagProps } from '../itemWithTag/ItemWithTag';
6
6
  export interface Props {
7
7
  label: {
8
8
  label: string;
9
+ /** Backend field-help code; shows the label's info tooltip when copy exists. */
10
+ fieldCode?: string;
9
11
  width?: number;
10
12
  };
11
13
  tag: ItemWithTagProps;
@@ -6,6 +6,8 @@ import { LabelWithSubtitleProps } from '../labelWithSubtitle/LabelWithSubtitle';
6
6
  export interface Props {
7
7
  label: {
8
8
  label: string;
9
+ /** Backend field-help code; shows the label's info tooltip when copy exists. */
10
+ fieldCode?: string;
9
11
  width?: number;
10
12
  };
11
13
  labelWithSubtitle: LabelWithSubtitleProps;
@@ -7,6 +7,8 @@ export interface Props {
7
7
  bullettedLabels: LabelsWithBulletsProps;
8
8
  label: {
9
9
  label: string;
10
+ /** Backend field-help code; shows the label's info tooltip when copy exists. */
11
+ fieldCode?: string;
10
12
  width?: number;
11
13
  };
12
14
  isDisabled?: DisableMode;
@@ -8,6 +8,8 @@ export interface Props {
8
8
  avatarLabels: UserAvatarProps;
9
9
  label: {
10
10
  label: string;
11
+ /** Backend field-help code; shows the label's info tooltip when copy exists. */
12
+ fieldCode?: string;
11
13
  width?: number;
12
14
  };
13
15
  isDisabled?: DisableMode;
@@ -1,4 +1,5 @@
1
1
  import { InvoicingCatalogItemFormLocalData, InvoicingNamedOption, InvoicingNamedOptionsByKey, InvoicingQboAccountOption } from '@zeniai/client-epic-state';
2
+ import { FieldHelpByCode } from '../../formElements/fieldHelp/FieldHelpContext';
2
3
  /**
3
4
  * Catalog item types as shown to the user. All three are parent catalog items;
4
5
  * the type controls the parent and nested sub-family payload fields.
@@ -29,6 +30,11 @@ export interface InvoicingCatalogItemFormPageProps {
29
30
  */
30
31
  defaultType?: CatalogFormType;
31
32
  errorMessage?: string;
33
+ /**
34
+ * Backend help copy for the `catalog` field group, keyed by field code.
35
+ * Absent means no help is available, and no icons render.
36
+ */
37
+ fieldHelp?: FieldHelpByCode;
32
38
  qboClasses?: InvoicingQboAccountOption[];
33
39
  qboIncomeAccounts?: InvoicingQboAccountOption[];
34
40
  /**
@@ -48,5 +54,5 @@ export interface InvoicingCatalogItemFormPageProps {
48
54
  * invoicing forms. The whole form syncs back to the CES draft (`localData`) on
49
55
  * every change; the save payload is derived from the draft in CES.
50
56
  */
51
- export declare function InvoicingCatalogItemFormPage({ applicabilityValues, applicableItemOptions, defaultType, errorMessage, isSubmitting, localData, mode, onBack, onCancel, onChange, onSubmit, periodUnitOptions, pricingModelValues, prorationValues, qboClasses, qboIncomeAccounts, tierTypeOptionsByPricingModel, tierTypeValues, trialEndActionOptions, trialUnitOptions, typeOptions, }: Readonly<InvoicingCatalogItemFormPageProps>): import("react/jsx-runtime").JSX.Element;
57
+ export declare function InvoicingCatalogItemFormPage({ applicabilityValues, fieldHelp, applicableItemOptions, defaultType, errorMessage, isSubmitting, localData, mode, onBack, onCancel, onChange, onSubmit, periodUnitOptions, pricingModelValues, prorationValues, qboClasses, qboIncomeAccounts, tierTypeOptionsByPricingModel, tierTypeValues, trialEndActionOptions, trialUnitOptions, typeOptions, }: Readonly<InvoicingCatalogItemFormPageProps>): import("react/jsx-runtime").JSX.Element;
52
58
  export default InvoicingCatalogItemFormPage;
@@ -59,11 +59,13 @@ export declare function InvoicingDetailSection({ action, children, plain, title,
59
59
  export interface InvoicingDetailRowProps {
60
60
  label: string;
61
61
  value: ReactNode;
62
+ /** Backend field-help code; the i-icon appears only when config has copy. */
63
+ fieldCode?: string;
62
64
  /** Optional semantic color for the value text. */
63
65
  valueTone?: "alert" | "muted" | "primary" | "success";
64
66
  }
65
67
  /** Figma-style detail row: label on the left, value right-aligned. */
66
- export declare function InvoicingDetailRow({ label, value, valueTone, }: Readonly<InvoicingDetailRowProps>): import("react/jsx-runtime").JSX.Element;
68
+ export declare function InvoicingDetailRow({ fieldCode, label, value, valueTone, }: Readonly<InvoicingDetailRowProps>): import("react/jsx-runtime").JSX.Element;
67
69
  export interface InvoicingDetailToggleRowProps {
68
70
  checked: boolean;
69
71
  label: string;
@@ -38,10 +38,12 @@ export declare function FormSection({ children, bare, description, title, }: Rea
38
38
  export interface FormRowProps {
39
39
  children: ReactNode;
40
40
  label: string;
41
+ /** Backend field-help code; the i-icon appears only when config has copy. */
42
+ fieldCode?: string;
41
43
  hint?: string;
42
44
  optional?: boolean;
43
45
  }
44
- export declare function FormRow({ children, hint, label, optional, }: Readonly<FormRowProps>): import("react/jsx-runtime").JSX.Element;
46
+ export declare function FormRow({ children, fieldCode, hint, label, optional, }: Readonly<FormRowProps>): import("react/jsx-runtime").JSX.Element;
45
47
  export interface RowVerifiedInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
46
48
  verified?: boolean;
47
49
  }
@@ -9,7 +9,6 @@ export interface InvoicingSubscriptionDetailPageProps {
9
9
  /** Addon price options for commercial inline edit. */
10
10
  addons?: InvoicingSubscriptionFormOption[];
11
11
  /** Billing-frequency value set for commercial inline edit. */
12
- billingFrequencyValues?: string[];
13
12
  /**
14
13
  * When true, commercial fields (plan / qty / addons / coupon / frequency) are
15
14
  * editable in edit mode. Metadata (PO / auto collection / shipping) stays
@@ -50,5 +49,5 @@ export interface InvoicingSubscriptionDetailPageProps {
50
49
  onSaveEdit?: (localData: InvoicingSubscriptionFormLocalData) => void;
51
50
  onViewInvoices?: () => void;
52
51
  }
53
- export declare function InvoicingSubscriptionDetailPage({ addons: addonOptions, billingFrequencyValues, canEditCommercial, coupons: couponOptions, editErrorMessage, initialEditMode, isLoading, isRunningAction, isSaving, lifecycleActionOptions, localData, onBack, onCancelEdit, onChange, onCustomerClick, onEdit, onChangeTermEnd, onLifecycleAction, onOpenAddress, onSaveEdit, onViewInvoices, plans: planOptions, shippingAddressLabel, subscription, subscriptionId, }: Readonly<InvoicingSubscriptionDetailPageProps>): import("react/jsx-runtime").JSX.Element;
52
+ export declare function InvoicingSubscriptionDetailPage({ addons: addonOptions, canEditCommercial, coupons: couponOptions, editErrorMessage, initialEditMode, isLoading, isRunningAction, isSaving, lifecycleActionOptions, localData, onBack, onCancelEdit, onChange, onCustomerClick, onEdit, onChangeTermEnd, onLifecycleAction, onOpenAddress, onSaveEdit, onViewInvoices, plans: planOptions, shippingAddressLabel, subscription, subscriptionId, }: Readonly<InvoicingSubscriptionDetailPageProps>): import("react/jsx-runtime").JSX.Element;
54
53
  export default InvoicingSubscriptionDetailPage;
@@ -2,7 +2,6 @@ import { InvoicingSubscriptionFormLocalData } from '@zeniai/client-epic-state';
2
2
  import { InvoicingSubscriptionFormOption } from './subscriptionForm.shared';
3
3
  export type { InvoicingSubscriptionFormOption } from './subscriptionForm.shared';
4
4
  export interface InvoicingSubscriptionFormPageProps {
5
- billingFrequencyValues: string[];
6
5
  isSubmitting: boolean;
7
6
  localData: InvoicingSubscriptionFormLocalData;
8
7
  mode: "create" | "edit";
@@ -25,5 +24,5 @@ export interface InvoicingSubscriptionFormPageProps {
25
24
  * primitives. The draft flows from CES (`localData`) and is synced back on every
26
25
  * change; the shipping address is captured via the shared Address screen.
27
26
  */
28
- export declare function InvoicingSubscriptionFormPage({ addons, billingFrequencyValues, charges, coupons, customers, errorMessage, isSubmitting, localData, mode, onBack, onCancel, onChange, onOpenAddress, onSubmit, plans, shippingAddressLabel, }: Readonly<InvoicingSubscriptionFormPageProps>): import("react/jsx-runtime").JSX.Element;
27
+ export declare function InvoicingSubscriptionFormPage({ addons, charges, coupons, customers, errorMessage, isSubmitting, localData, mode, onBack, onCancel, onChange, onOpenAddress, onSubmit, plans, shippingAddressLabel, }: Readonly<InvoicingSubscriptionFormPageProps>): import("react/jsx-runtime").JSX.Element;
29
28
  export default InvoicingSubscriptionFormPage;