@dnb/eufemia/cjs/extensions/forms/Field/PhoneNumber/PhoneNumberDocs.js

DNB Eufemia Design System UI Library

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.PhoneNumberSpecificEvents = exports.PhoneNumberProperties = exports.PhoneNumberGeneralEvents = void 0;
var _FieldDocs = require("../FieldDocs.js");
var _StringDocs = require("../String/StringDocs.js");
var _FieldDocs2 = require("../../Field/FieldDocs.js");
const PhoneNumberProperties = exports.PhoneNumberProperties = {
  countries: {
    doc: 'List only a certain set of countries: `Scandinavia`, `Nordic`, `Europe` or `Prioritized`(all countries [sorted by priority](/uilib/extensions/forms/feature-fields/SelectCountry/#filter-or-prioritize-country-listing)). Defaults to `Prioritized`.',
    type: 'string',
    status: 'optional'
  },
  filterCountries: {
    doc: 'Use this prop to filter out certain countries. The function receives the country object and should return a boolean. Returning `false` will omit the country.',
    type: 'function',
    status: 'optional'
  },
  pattern: {
    doc: 'Validation based on regex pattern for the number field e.g. `pattern="^[49]+"`.',
    type: 'string',
    status: 'optional'
  },
  omitCountryCodeField: {
    doc: 'If `true` is given, then everything related to country code is removed.',
    type: 'boolean',
    status: 'optional'
  },
  countryCodeFieldClassName: {
    doc: 'Class name for the country code component.',
    type: 'string',
    status: 'optional'
  },
  numberFieldClassName: {
    doc: 'Class name for the number component.',
    type: 'string',
    status: 'optional'
  },
  countryCodePlaceholder: {
    doc: 'Placeholder for the country code field.',
    type: 'string',
    status: 'optional'
  },
  countryCodeLabel: {
    doc: 'Label to show above / before the country code field.',
    type: 'ReactNode',
    status: 'optional'
  },
  numberLabel: {
    doc: 'Label to show above / before the number field. Defaults to the translated label from `PhoneNumber.label`.',
    type: 'ReactNode',
    status: 'optional'
  },
  numberMask: {
    doc: 'See property `mask` of the [InputMasked](/uilib/components/input-masked/properties) component.',
    type: 'Various',
    status: 'optional'
  },
  width: {
    doc: '`large` for predefined standard width, `stretch` for fill available width.',
    type: 'string | false',
    status: 'optional'
  },
  label: {
    ..._FieldDocs2.FieldProperties.label,
    doc: 'Label to show on the FieldBlock (wrapper around the phone number fields). Use `numberLabel` to customize the label for the number input field.'
  },
  labelDescription: {
    ..._FieldDocs2.FieldProperties.labelDescription,
    doc: 'Description text shown below the label on the FieldBlock (wrapper around the phone number fields).'
  },
  labelSrOnly: _FieldDocs2.FieldProperties.labelSrOnly,
  size: _StringDocs.StringProperties.size,
  '[Space](/uilib/layout/space/properties)': {
    doc: 'Spacing properties like `top` or `bottom` are supported.',
    type: ['string', 'object'],
    status: 'optional'
  }
};
const PhoneNumberSpecificEvents = exports.PhoneNumberSpecificEvents = {
  onChange: {
    doc: 'Callback on phone number and country code change. The combined value is only set when there is a phone number.',
    type: '(value?: string, additionalArgs?: { countryCode?: string, phoneNumber?: string, iso?: string }) => void',
    status: 'optional'
  },
  onCountryCodeChange: {
    doc: 'Callback on country code change.',
    type: '(value?: string) => void',
    status: 'optional'
  },
  onNumberChange: {
    doc: 'Callback on phone number change.',
    type: '(value?: string) => void',
    status: 'optional'
  }
};
const PhoneNumberGeneralEvents = exports.PhoneNumberGeneralEvents = (0, _FieldDocs.getFieldEventsWithTypes)({
  type: 'string',
  optional: true
}, {
  type: 'object'
});
//# sourceMappingURL=PhoneNumberDocs.js.map