@dnb/eufemia 10.55.0 → 10.56.0

package/extensions/forms/Field/Date/DateDocs.d.ts

@@ -1,2 +1,10 @@
 import { PropertiesTableProps } from '../../../../shared/types';
 export declare const DateProperties: PropertiesTableProps;
+export declare const DateEvents: {
+    [x: string]: {
+        type: string | string[];
+        defaultValue?: string;
+        doc: string;
+        status: "optional" | "internal" | "required" | "deprecated";
+    };
+};

package/extensions/forms/Field/Date/DateDocs.js

@@ -1,13 +1,48 @@
-export const DateProperties = {
-  help: {
-    doc: 'Provide a help button. Object consisting of `title` and `content`.',
-    type: 'object',
-    status: 'optional'
-  },
-  range: {
-    doc: 'Defines if the Date field should support a value of two dates (starting and ending date). ' + 'The `value` needs to be a string containing two dates, separated by a pipe character (`|`) (`01-09-2024|30-09-2024`) when this is set to `true`. ' + 'Defaults to `false`.',
-    type: 'boolean',
-    status: 'optional'
-  }
-};
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+import { DatePickerProperties, DatePickerEvents } from '../../../../components/date-picker/DatePickerDocs';
+const {
+    showCancelButton,
+    showResetButton,
+    showInput,
+    range,
+    size,
+    skeleton,
+    tooltip,
+    globalStatus,
+    statusProps,
+    statusState,
+    status,
+    inputElement,
+    label,
+    labelDirection,
+    labelSrOnly,
+    suffix,
+    stretch,
+    '[Space](/uilib/layout/space/properties)': space
+  } = DatePickerProperties,
+  datePickerProperties = _objectWithoutProperties(DatePickerProperties, ["showCancelButton", "showResetButton", "showInput", "range", "size", "skeleton", "tooltip", "globalStatus", "statusProps", "statusState", "status", "inputElement", "label", "labelDirection", "labelSrOnly", "suffix", "stretch", "[Space](/uilib/layout/space/properties)"]);
+export const DateProperties = _objectSpread({
+  range: _objectSpread(_objectSpread({}, range), {}, {
+    doc: 'Defines if the Date field should support a value of two dates (starting and ending date). ' + 'The `value` needs to be a string containing two dates, separated by a pipe character (`|`) (`01-09-2024|30-09-2024`) when this is set to `true`. ' + 'Defaults to `false`.'
+  }),
+  showInput: _objectSpread(_objectSpread({}, showInput), {}, {
+    doc: 'If the input fields with the mask should be visible. Defaults to `true`.'
+  }),
+  showCancelButton: _objectSpread(_objectSpread({}, showCancelButton), {}, {
+    doc: 'If set to `true`, a cancel button will be shown. You can change the default text by using `cancelButtonText="Avbryt"` Defaults to `true`. If the `range` property is `true`, then the cancel button is shown.'
+  }),
+  showResetButton: _objectSpread(_objectSpread({}, showResetButton), {}, {
+    doc: 'If set to `true`, a reset button will be shown. You can change the default text by using `resetButtonText="Tilbakestill"` Defaults to `true`.'
+  })
+}, datePickerProperties);
+const {
+    onChange,
+    onBlur,
+    onFocus
+  } = DatePickerEvents,
+  datePickerEvents = _objectWithoutProperties(DatePickerEvents, ["onChange", "onBlur", "onFocus"]);
+export const DateEvents = datePickerEvents;
 //# sourceMappingURL=DateDocs.js.map

package/extensions/forms/Field/Date/DateDocs.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateDocs.js","names":["DateProperties","help","doc","type","status","range"],"sources":["../../../../../../src/extensions/forms/Field/Date/DateDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\n\nexport const DateProperties: PropertiesTableProps = {\n  help: {\n    doc: 'Provide a help button. Object consisting of `title` and `content`.',\n    type: 'object',\n    status: 'optional',\n  },\n  range: {\n    doc:\n      'Defines if the Date field should support a value of two dates (starting and ending date). ' +\n      'The `value` needs to be a string containing two dates, separated by a pipe character (`|`) (`01-09-2024|30-09-2024`) when this is set to `true`. ' +\n      'Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n}\n"],"mappings":"AAEA,OAAO,MAAMA,cAAoC,GAAG;EAClDC,IAAI,EAAE;IACJC,GAAG,EAAE,oEAAoE;IACzEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDC,KAAK,EAAE;IACLH,GAAG,EACD,4FAA4F,GAC5F,mJAAmJ,GACnJ,sBAAsB;IACxBC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV;AACF,CAAC"}
+{"version":3,"file":"DateDocs.js","names":["DatePickerProperties","DatePickerEvents","showCancelButton","showResetButton","showInput","range","size","skeleton","tooltip","globalStatus","statusProps","statusState","status","inputElement","label","labelDirection","labelSrOnly","suffix","stretch","space","datePickerProperties","_objectWithoutProperties","DateProperties","_objectSpread","doc","onChange","onBlur","onFocus","datePickerEvents","DateEvents"],"sources":["../../../../../../src/extensions/forms/Field/Date/DateDocs.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\nimport {\n  DatePickerProperties,\n  DatePickerEvents,\n} from '../../../../components/date-picker/DatePickerDocs'\nimport { PropertiesTableProps } from '../../../../shared/types'\n\n// Filter out properties that are handled by `useFieldProps` or has a different default value\nconst {\n  showCancelButton,\n  showResetButton,\n  showInput,\n  range,\n  size,\n  skeleton,\n  tooltip,\n  globalStatus,\n  statusProps,\n  statusState,\n  status,\n  inputElement,\n  label,\n  labelDirection,\n  labelSrOnly,\n  suffix,\n  stretch,\n  '[Space](/uilib/layout/space/properties)': space,\n  ...datePickerProperties\n} = DatePickerProperties\n\n// `range`, `showInput`, `showCancelButton` and `showResetButton` inherit from `DatePickerProperties`\n// Since they require `Field.Date` specific documentation, due to them having different default values\nexport const DateProperties: PropertiesTableProps = {\n  range: {\n    ...range,\n    doc:\n      'Defines if the Date field should support a value of two dates (starting and ending date). ' +\n      'The `value` needs to be a string containing two dates, separated by a pipe character (`|`) (`01-09-2024|30-09-2024`) when this is set to `true`. ' +\n      'Defaults to `false`.',\n  },\n  showInput: {\n    ...showInput,\n    doc: 'If the input fields with the mask should be visible. Defaults to `true`.',\n  },\n  showCancelButton: {\n    ...showCancelButton,\n    doc: 'If set to `true`, a cancel button will be shown. You can change the default text by using `cancelButtonText=\"Avbryt\"` Defaults to `true`. If the `range` property is `true`, then the cancel button is shown.',\n  },\n  showResetButton: {\n    ...showResetButton,\n    doc: 'If set to `true`, a reset button will be shown. You can change the default text by using `resetButtonText=\"Tilbakestill\"` Defaults to `true`.',\n  },\n  ...datePickerProperties,\n}\n// Filter out the events that are handled by `useFieldProps`\nconst { onChange, onBlur, onFocus, ...datePickerEvents } = DatePickerEvents\n\nexport const DateEvents = datePickerEvents\n"],"mappings":";;;;AACA,SACEA,oBAAoB,EACpBC,gBAAgB,QACX,mDAAmD;AAI1D,MAAM;IACJC,gBAAgB;IAChBC,eAAe;IACfC,SAAS;IACTC,KAAK;IACLC,IAAI;IACJC,QAAQ;IACRC,OAAO;IACPC,YAAY;IACZC,WAAW;IACXC,WAAW;IACXC,MAAM;IACNC,YAAY;IACZC,KAAK;IACLC,cAAc;IACdC,WAAW;IACXC,MAAM;IACNC,OAAO;IACP,yCAAyC,EAAEC;EAE7C,CAAC,GAAGnB,oBAAoB;EADnBoB,oBAAoB,GAAAC,wBAAA,CACrBrB,oBAAoB;AAIxB,OAAO,MAAMsB,cAAoC,GAAAC,aAAA;EAC/ClB,KAAK,EAAAkB,aAAA,CAAAA,aAAA,KACAlB,KAAK;IACRmB,GAAG,EACD,4FAA4F,GAC5F,mJAAmJ,GACnJ;EAAsB,EACzB;EACDpB,SAAS,EAAAmB,aAAA,CAAAA,aAAA,KACJnB,SAAS;IACZoB,GAAG,EAAE;EAA0E,EAChF;EACDtB,gBAAgB,EAAAqB,aAAA,CAAAA,aAAA,KACXrB,gBAAgB;IACnBsB,GAAG,EAAE;EAA+M,EACrN;EACDrB,eAAe,EAAAoB,aAAA,CAAAA,aAAA,KACVpB,eAAe;IAClBqB,GAAG,EAAE;EAA+I;AACrJ,GACEJ,oBAAoB,CACxB;AAED,MAAM;IAAEK,QAAQ;IAAEC,MAAM;IAAEC;EAA6B,CAAC,GAAG1B,gBAAgB;EAArC2B,gBAAgB,GAAAP,wBAAA,CAAKpB,gBAAgB;AAE3E,OAAO,MAAM4B,UAAU,GAAGD,gBAAgB"}

package/extensions/forms/Field/Expiry/Expiry.d.ts

@@ -1,5 +1,5 @@
-import { FieldHelpProps, FieldProps } from '../../types';
-export type ExpiryProps = FieldHelpProps & FieldProps<string, undefined | ''>;
+import { FieldProps } from '../../types';
+export type ExpiryProps = FieldProps<string, undefined | ''>;
 declare function Expiry(props: ExpiryProps): import("react/jsx-runtime").JSX.Element;
 declare namespace Expiry {
     var _supportsEufemiaSpacingProps: boolean;

package/extensions/forms/Field/Expiry/Expiry.js

@@ -7,7 +7,6 @@ import { useFieldProps } from '../../hooks';
 import classnames from 'classnames';
 import FieldBlock from '../../FieldBlock';
 import { MultiInputMask } from '../../../../components/input-masked';
-import { HelpButton } from '../../../../components';
 import { useTranslation as useSharedTranslation } from '../../../../shared';
 import useTranslation from '../../hooks/useTranslation';
 function Expiry(props) {
@@ -21,7 +20,7 @@ function Expiry(props) {
   } = useTranslation();
   const {
     DatePicker: {
-      placeholder_characters: placeholders,
+      placeholderCharacters: placeholders,
       month: monthLabel,
       year: yearLabel
     }
@@ -49,7 +48,6 @@ function Expiry(props) {
     hasError,
     info,
     warning,
-    help,
     disabled,
     value = '',
     htmlAttributes,
@@ -101,10 +99,7 @@ function Expiry(props) {
       mask: [/[0-9]/, /[0-9]/],
       placeholderCharacter: placeholders['year'],
       autoComplete: 'cc-exp-year'
-    }, htmlAttributes)],
-    suffix: help ? React.createElement(HelpButton, {
-      title: help.title
-    }, help.content) : undefined
+    }, htmlAttributes)]
   }));
 }
 Expiry._supportsEufemiaSpacingProps = true;

package/extensions/forms/Field/Expiry/Expiry.js.map

@@ -1 +1 @@
-{"version":3,"file":"Expiry.js","names":["React","useCallback","useMemo","pickSpacingProps","useFieldProps","classnames","FieldBlock","MultiInputMask","HelpButton","useTranslation","useSharedTranslation","Expiry","props","Date","errorRequired","label","expiryLabel","DatePicker","placeholder_characters","placeholders","month","monthLabel","year","yearLabel","errorMessages","_objectSpread","validateRequired","value","_ref","required","error","undefined","preparedProps","fromInput","toExpiryString","id","path","className","hasError","info","warning","help","disabled","htmlAttributes","handleFocus","handleBlur","handleChange","setDisplayValue","expiry","_value$substring","ensureValidMonth","substring","status","fieldBlockProps","forId","createElement","stretch","values","statusState","onChange","onBlur","onFocus","delimiter","inputMode","inputs","mask","getMonthMask","placeholderCharacter","autoComplete","suffix","title","content","_supportsEufemiaSpacingProps","Object","join","firstMask","secondMask","firstDigit","charAt","isFirstDigitValid","test","secondDigit","isSecondDigitValid"],"sources":["../../../../../../src/extensions/forms/Field/Expiry/Expiry.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from 'react'\nimport { FieldHelpProps, FieldProps } from '../../types'\nimport { pickSpacingProps } from '../../../../components/flex/utils'\nimport { useFieldProps } from '../../hooks'\nimport classnames from 'classnames'\nimport FieldBlock, { Props as FieldBlockProps } from '../../FieldBlock'\nimport { MultiInputMask } from '../../../../components/input-masked'\nimport type { MultiInputMaskValue } from '../../../../components/input-masked'\nimport { HelpButton } from '../../../../components'\nimport { useTranslation as useSharedTranslation } from '../../../../shared'\nimport useTranslation from '../../hooks/useTranslation'\n\ntype ExpiryValue = MultiInputMaskValue<'month' | 'year'>\n\nexport type ExpiryProps = FieldHelpProps &\n  FieldProps<string, undefined | ''>\n\nfunction Expiry(props: ExpiryProps) {\n  const {\n    Date: { errorRequired },\n    Expiry: { label: expiryLabel },\n  } = useTranslation()\n\n  const {\n    DatePicker: {\n      placeholder_characters: placeholders,\n      month: monthLabel,\n      year: yearLabel,\n    },\n  } = useSharedTranslation()\n\n  const errorMessages = useMemo(\n    () => ({\n      'Field.errorRequired': errorRequired,\n      ...props.errorMessages,\n    }),\n    [errorRequired, props.errorMessages]\n  )\n\n  const validateRequired = useCallback(\n    (value: string, { required, error }) => {\n      return required && !value ? error : undefined\n    },\n    []\n  )\n\n  const preparedProps: ExpiryProps = {\n    ...props,\n    errorMessages,\n    fromInput: toExpiryString,\n    validateRequired,\n  }\n\n  const {\n    id,\n    path,\n    className,\n    label = expiryLabel,\n    hasError,\n    info,\n    warning,\n    help,\n    disabled,\n    value = '',\n    htmlAttributes,\n    handleFocus,\n    handleBlur,\n    handleChange,\n    setDisplayValue,\n  } = useFieldProps(preparedProps)\n\n  const expiry: ExpiryValue = useMemo(() => {\n    return {\n      month: ensureValidMonth(value?.substring(0, 2)),\n      year: value?.substring(2, 4) ?? '',\n    }\n  }, [value])\n\n  useMemo(() => {\n    if (path && expiry.month && expiry.year) {\n      setDisplayValue(path, `${expiry.month}/${expiry.year}`)\n    }\n  }, [expiry.month, expiry.year, path, setDisplayValue])\n\n  const status = hasError\n    ? 'error'\n    : warning\n    ? 'warn'\n    : info\n    ? 'info'\n    : null\n\n  const fieldBlockProps: FieldBlockProps = {\n    id,\n    forId: `${id}-input-month`,\n    className: classnames('dnb-forms-field-expiry', className),\n    label,\n    ...pickSpacingProps(props),\n  }\n\n  return (\n    <FieldBlock {...fieldBlockProps}>\n      <MultiInputMask\n        stretch\n        id={`${id}-input`}\n        values={expiry}\n        status={status}\n        statusState={disabled ? 'disabled' : undefined}\n        disabled={disabled}\n        onChange={handleChange}\n        onBlur={handleBlur}\n        onFocus={handleFocus}\n        delimiter=\"/\"\n        inputMode=\"numeric\"\n        inputs={[\n          {\n            id: 'month',\n            label: monthLabel,\n            mask: getMonthMask(expiry?.month),\n            placeholderCharacter: placeholders['month'],\n            autoComplete: 'cc-exp-month',\n            ...htmlAttributes,\n          },\n          {\n            id: 'year',\n            label: yearLabel,\n            mask: [/[0-9]/, /[0-9]/],\n            placeholderCharacter: placeholders['year'],\n            autoComplete: 'cc-exp-year',\n            ...htmlAttributes,\n          },\n        ]}\n        suffix={\n          help ? (\n            <HelpButton title={help.title}>{help.content}</HelpButton>\n          ) : undefined\n        }\n      />\n    </FieldBlock>\n  )\n}\n\nExpiry._supportsEufemiaSpacingProps = true\nexport default Expiry\n\nfunction toExpiryString(values: ExpiryValue) {\n  return Object.values(values).join('')\n}\n\nfunction ensureValidMonth(month: string) {\n  // Return empty value if no month is given\n  if (!month) {\n    return ''\n  }\n\n  const [firstMask, secondMask] = getMonthMask(month)\n\n  const firstDigit = month?.charAt(0)\n  const isFirstDigitValid = firstMask.test(firstDigit)\n\n  if (firstDigit && !isFirstDigitValid) {\n    // Return empty value if the first digit is invalid\n    return ''\n  }\n\n  const secondDigit = month?.charAt(1)\n  const isSecondDigitValid = secondMask.test(secondDigit)\n\n  if (secondDigit && !isSecondDigitValid) {\n    // Return empty value if the second digit is invalid\n    return ''\n  }\n\n  // Return given month of month value is valid\n  return month\n}\n\nfunction getMonthMask(month: string) {\n  const firstDigit = month?.charAt(0)\n\n  return [\n    /[0-1]/,\n    firstDigit === '0' || firstDigit === '' ? /[1-9]/ : /[0-2]/,\n  ]\n}\n"],"mappings":"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"}
+{"version":3,"file":"Expiry.js","names":["React","useCallback","useMemo","pickSpacingProps","useFieldProps","classnames","FieldBlock","MultiInputMask","useTranslation","useSharedTranslation","Expiry","props","Date","errorRequired","label","expiryLabel","DatePicker","placeholderCharacters","placeholders","month","monthLabel","year","yearLabel","errorMessages","_objectSpread","validateRequired","value","_ref","required","error","undefined","preparedProps","fromInput","toExpiryString","id","path","className","hasError","info","warning","disabled","htmlAttributes","handleFocus","handleBlur","handleChange","setDisplayValue","expiry","_value$substring","ensureValidMonth","substring","status","fieldBlockProps","forId","createElement","stretch","values","statusState","onChange","onBlur","onFocus","delimiter","inputMode","inputs","mask","getMonthMask","placeholderCharacter","autoComplete","_supportsEufemiaSpacingProps","Object","join","firstMask","secondMask","firstDigit","charAt","isFirstDigitValid","test","secondDigit","isSecondDigitValid"],"sources":["../../../../../../src/extensions/forms/Field/Expiry/Expiry.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from 'react'\nimport { FieldProps } from '../../types'\nimport { pickSpacingProps } from '../../../../components/flex/utils'\nimport { useFieldProps } from '../../hooks'\nimport classnames from 'classnames'\nimport FieldBlock, { Props as FieldBlockProps } from '../../FieldBlock'\nimport { MultiInputMask } from '../../../../components/input-masked'\nimport type { MultiInputMaskValue } from '../../../../components/input-masked'\nimport { useTranslation as useSharedTranslation } from '../../../../shared'\nimport useTranslation from '../../hooks/useTranslation'\n\ntype ExpiryValue = MultiInputMaskValue<'month' | 'year'>\n\nexport type ExpiryProps = FieldProps<string, undefined | ''>\n\nfunction Expiry(props: ExpiryProps) {\n  const {\n    Date: { errorRequired },\n    Expiry: { label: expiryLabel },\n  } = useTranslation()\n\n  const {\n    DatePicker: {\n      placeholderCharacters: placeholders,\n      month: monthLabel,\n      year: yearLabel,\n    },\n  } = useSharedTranslation()\n\n  const errorMessages = useMemo(\n    () => ({\n      'Field.errorRequired': errorRequired,\n      ...props.errorMessages,\n    }),\n    [errorRequired, props.errorMessages]\n  )\n\n  const validateRequired = useCallback(\n    (value: string, { required, error }) => {\n      return required && !value ? error : undefined\n    },\n    []\n  )\n\n  const preparedProps: ExpiryProps = {\n    ...props,\n    errorMessages,\n    fromInput: toExpiryString,\n    validateRequired,\n  }\n\n  const {\n    id,\n    path,\n    className,\n    label = expiryLabel,\n    hasError,\n    info,\n    warning,\n    disabled,\n    value = '',\n    htmlAttributes,\n    handleFocus,\n    handleBlur,\n    handleChange,\n    setDisplayValue,\n  } = useFieldProps(preparedProps)\n\n  const expiry: ExpiryValue = useMemo(() => {\n    return {\n      month: ensureValidMonth(value?.substring(0, 2)),\n      year: value?.substring(2, 4) ?? '',\n    }\n  }, [value])\n\n  useMemo(() => {\n    if (path && expiry.month && expiry.year) {\n      setDisplayValue(path, `${expiry.month}/${expiry.year}`)\n    }\n  }, [expiry.month, expiry.year, path, setDisplayValue])\n\n  const status = hasError\n    ? 'error'\n    : warning\n    ? 'warn'\n    : info\n    ? 'info'\n    : null\n\n  const fieldBlockProps: FieldBlockProps = {\n    id,\n    forId: `${id}-input-month`,\n    className: classnames('dnb-forms-field-expiry', className),\n    label,\n    ...pickSpacingProps(props),\n  }\n\n  return (\n    <FieldBlock {...fieldBlockProps}>\n      <MultiInputMask\n        stretch\n        id={`${id}-input`}\n        values={expiry}\n        status={status}\n        statusState={disabled ? 'disabled' : undefined}\n        disabled={disabled}\n        onChange={handleChange}\n        onBlur={handleBlur}\n        onFocus={handleFocus}\n        delimiter=\"/\"\n        inputMode=\"numeric\"\n        inputs={[\n          {\n            id: 'month',\n            label: monthLabel,\n            mask: getMonthMask(expiry?.month),\n            placeholderCharacter: placeholders['month'],\n            autoComplete: 'cc-exp-month',\n            ...htmlAttributes,\n          },\n          {\n            id: 'year',\n            label: yearLabel,\n            mask: [/[0-9]/, /[0-9]/],\n            placeholderCharacter: placeholders['year'],\n            autoComplete: 'cc-exp-year',\n            ...htmlAttributes,\n          },\n        ]}\n      />\n    </FieldBlock>\n  )\n}\n\nExpiry._supportsEufemiaSpacingProps = true\nexport default Expiry\n\nfunction toExpiryString(values: ExpiryValue) {\n  return Object.values(values).join('')\n}\n\nfunction ensureValidMonth(month: string) {\n  // Return empty value if no month is given\n  if (!month) {\n    return ''\n  }\n\n  const [firstMask, secondMask] = getMonthMask(month)\n\n  const firstDigit = month?.charAt(0)\n  const isFirstDigitValid = firstMask.test(firstDigit)\n\n  if (firstDigit && !isFirstDigitValid) {\n    // Return empty value if the first digit is invalid\n    return ''\n  }\n\n  const secondDigit = month?.charAt(1)\n  const isSecondDigitValid = secondMask.test(secondDigit)\n\n  if (secondDigit && !isSecondDigitValid) {\n    // Return empty value if the second digit is invalid\n    return ''\n  }\n\n  // Return given month of month value is valid\n  return month\n}\n\nfunction getMonthMask(month: string) {\n  const firstDigit = month?.charAt(0)\n\n  return [\n    /[0-1]/,\n    firstDigit === '0' || firstDigit === '' ? /[1-9]/ : /[0-2]/,\n  ]\n}\n"],"mappings":"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"}

package/extensions/forms/Field/NationalIdentityNumber/NationalIdentityNumberDocs.js

@@ -4,11 +4,6 @@ export const NationalIdentityNumberProperties = {
     type: 'boolean',
     status: 'optional'
   },
-  help: {
-    doc: 'Provide a help button. Object consisting of `title` and `content`.',
-    type: 'object',
-    status: 'optional'
-  },
   onBlurValidator: {
     doc: 'Custom validator function that is triggered when the user leaves a field (e.g., blurring a text input or closing a dropdown). The function can be either asynchronous or synchronous. The first parameter is the value, and the second parameter returns an object containing { errorMessages, connectWithPath, validators }. Defaults to validation of the identification number(national identity numbers and D numbers), using `dnrAndFnrValidator`. Can be disabled using `false`.',
     type: 'function',

package/extensions/forms/Field/NationalIdentityNumber/NationalIdentityNumberDocs.js.map

@@ -1 +1 @@
-{"version":3,"file":"NationalIdentityNumberDocs.js","names":["NationalIdentityNumberProperties","validate","doc","type","status","help","onBlurValidator"],"sources":["../../../../../../src/extensions/forms/Field/NationalIdentityNumber/NationalIdentityNumberDocs.tsx"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\n\nexport const NationalIdentityNumberProperties: PropertiesTableProps = {\n  validate: {\n    doc: 'Using this prop you can disable the default validation.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  help: {\n    doc: 'Provide a help button. Object consisting of `title` and `content`.',\n    type: 'object',\n    status: 'optional',\n  },\n  onBlurValidator: {\n    doc: 'Custom validator function that is triggered when the user leaves a field (e.g., blurring a text input or closing a dropdown). The function can be either asynchronous or synchronous. The first parameter is the value, and the second parameter returns an object containing { errorMessages, connectWithPath, validators }. Defaults to validation of the identification number(national identity numbers and D numbers), using `dnrAndFnrValidator`. Can be disabled using `false`.',\n    type: 'function',\n    status: 'optional',\n  },\n}\n"],"mappings":"AAEA,OAAO,MAAMA,gCAAsD,GAAG;EACpEC,QAAQ,EAAE;IACRC,GAAG,EAAE,yDAAyD;IAC9DC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDC,IAAI,EAAE;IACJH,GAAG,EAAE,oEAAoE;IACzEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDE,eAAe,EAAE;IACfJ,GAAG,EAAE,wdAAwd;IAC7dC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV;AACF,CAAC"}
+{"version":3,"file":"NationalIdentityNumberDocs.js","names":["NationalIdentityNumberProperties","validate","doc","type","status","onBlurValidator"],"sources":["../../../../../../src/extensions/forms/Field/NationalIdentityNumber/NationalIdentityNumberDocs.tsx"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\n\nexport const NationalIdentityNumberProperties: PropertiesTableProps = {\n  validate: {\n    doc: 'Using this prop you can disable the default validation.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  onBlurValidator: {\n    doc: 'Custom validator function that is triggered when the user leaves a field (e.g., blurring a text input or closing a dropdown). The function can be either asynchronous or synchronous. The first parameter is the value, and the second parameter returns an object containing { errorMessages, connectWithPath, validators }. Defaults to validation of the identification number(national identity numbers and D numbers), using `dnrAndFnrValidator`. Can be disabled using `false`.',\n    type: 'function',\n    status: 'optional',\n  },\n}\n"],"mappings":"AAEA,OAAO,MAAMA,gCAAsD,GAAG;EACpEC,QAAQ,EAAE;IACRC,GAAG,EAAE,yDAAyD;IAC9DC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDC,eAAe,EAAE;IACfH,GAAG,EAAE,wdAAwd;IAC7dC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV;AACF,CAAC"}

package/extensions/forms/Field/Number/Number.d.ts

@@ -2,8 +2,8 @@ import React from 'react';
 import { InputMaskedProps } from '../../../../components/InputMasked';
 import type { InputAlign, InputSize } from '../../../../components/Input';
 import { FieldBlockWidth } from '../../FieldBlock';
-import { FieldProps, FieldHelpProps } from '../../types';
-export type Props = FieldHelpProps & FieldProps<number, undefined | number> & {
+import { FieldProps } from '../../types';
+export type Props = FieldProps<number, undefined | number> & {
     innerRef?: React.RefObject<HTMLInputElement>;
     inputClassName?: string;
     currency?: InputMaskedProps['as_currency'];

package/extensions/forms/Field/Number/Number.js

@@ -5,7 +5,7 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import React, { useContext, useMemo, useCallback, useEffect, useRef } from 'react';
-import { InputMasked, HelpButton, Button } from '../../../../components';
+import { InputMasked, Button } from '../../../../components';
 import SharedContext from '../../../../shared/Context';
 import FieldBlockContext from '../../FieldBlock/FieldBlockContext';
 import classnames from 'classnames';
@@ -86,7 +86,6 @@ function NumberComponent(props) {
     disabled,
     htmlAttributes,
     hasError,
-    help,
     size,
     width,
     align,
@@ -225,10 +224,7 @@ function NumberComponent(props) {
     disabled
   }, htmlAttributes), {}, {
     status: hasError ? 'error' : undefined,
-    stretch: Boolean(width),
-    suffix: help && !showStepControls ? React.createElement(HelpButton, {
-      title: help.title
-    }, help.content) : undefined
+    stretch: Boolean(width)
   });
   Object.assign(inputProps, ariaParams);
   if (showStepControls) {
@@ -236,10 +232,7 @@ function NumberComponent(props) {
       asFieldset: false
     }), React.createElement("span", {
       className: "dnb-input__border dnb-input__border--root"
-    }, React.createElement(Button, decreaseProps), React.createElement(InputMasked, inputProps), React.createElement(Button, increaseProps)), help && React.createElement(HelpButton, {
-      left: "x-small",
-      title: help.title
-    }, help.content));
+    }, React.createElement(Button, decreaseProps), React.createElement(InputMasked, inputProps), React.createElement(Button, increaseProps)));
   }
   return React.createElement(FieldBlock, _extends({}, fieldBlockProps, {
     asFieldset: false

package/extensions/forms/Field/Number/Number.js.map

@@ -1 +1 @@
-{"version":3,"file":"Number.js","names":["React","useContext","useMemo","useCallback","useEffect","useRef","InputMasked","HelpButton","Button","SharedContext","FieldBlockContext","classnames","FieldBlock","useFieldProps","pickSpacingProps","clamp","DataContext","defaultMinimum","Number","MIN_SAFE_INTEGER","defaultMaximum","MAX_SAFE_INTEGER","NumberComponent","props","_props$width","_props$innerRef","_dataContext$props2","_sharedContext$transl","_sharedContext$transl2","dataContext","fieldBlockContext","sharedContext","currency","currencyDisplay","percent","mask","step","decimalLimit","allowNegative","disallowLeadingZeroes","prefix","prefixProp","suffix","suffixProp","showStepControls","schema","_props$schema","_props$minimum","_props$maximum","type","minimum","maximum","exclusiveMinimum","exclusiveMaximum","multipleOf","toInput","external","undefined","fromInput","_ref","value","numberValue","emptyValue","ref","preparedProps","_objectSpread","valueType","width","composition","innerRef","id","name","className","inputClassName","autoComplete","placeholder","startWith","disabled","htmlAttributes","hasError","help","size","align","handleFocus","handleBlur","handleChange","setDisplayValue","_innerRef$current","path","current","handleSubmit","onKeyDownHandler","e","_dataContext$props","event","isolate","key","_event$preventDefault","preventDefault","call","persist","fieldBlockProps","forId","contentClassName","contentWidth","increaseClickHandler","increaseProps","variant","icon","tabIndex","onClick","title","translation","Slider","addTitle","replace","String","decreaseClickHandler","decreaseProps","subtractTitle","maskProps","mask_options","as_currency","currency_mask","as_percent","as_number","number_mask","ariaParams","role","inputProps","inner_ref","onKeyDown","onFocus","onBlur","onChange","status","stretch","Boolean","createElement","content","Object","assign","_extends","asFieldset","left","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Field/Number/Number.tsx"],"sourcesContent":["import React, {\n  useContext,\n  useMemo,\n  useCallback,\n  useEffect,\n  useRef,\n} from 'react'\nimport { InputMasked, HelpButton, Button } from '../../../../components'\nimport { InputMaskedProps } from '../../../../components/InputMasked'\nimport type {\n  InputAlign,\n  InputProps,\n  InputSize,\n} from '../../../../components/Input'\nimport SharedContext from '../../../../shared/Context'\nimport FieldBlockContext from '../../FieldBlock/FieldBlockContext'\nimport classnames from 'classnames'\nimport FieldBlock, {\n  Props as FieldBlockProps,\n  FieldBlockWidth,\n} from '../../FieldBlock'\nimport { useFieldProps } from '../../hooks'\nimport {\n  FieldProps,\n  FieldHelpProps,\n  AllJSONSchemaVersions,\n} from '../../types'\nimport { pickSpacingProps } from '../../../../components/flex/utils'\nimport { ButtonProps, ButtonSize } from '../../../../components/Button'\nimport { clamp } from '../../../../components/slider/SliderHelpers'\nimport DataContext from '../../DataContext/Context'\n\nexport type Props = FieldHelpProps &\n  FieldProps<number, undefined | number> & {\n    innerRef?: React.RefObject<HTMLInputElement>\n    inputClassName?: string\n    currency?: InputMaskedProps['as_currency']\n    currencyDisplay?: 'code' | 'symbol' | 'narrowSymbol' | 'name'\n    percent?: InputMaskedProps['as_percent']\n    mask?: InputMaskedProps['mask']\n    step?: number\n    startWith?: number\n    // Formatting\n    decimalLimit?: number\n    allowNegative?: boolean\n    disallowLeadingZeroes?: boolean\n    prefix?: string | ((value: number) => string)\n    suffix?: string | ((value: number) => string)\n    // Validation\n    minimum?: number // aka greater than or equal to\n    maximum?: number // aka less than or equal to\n    exclusiveMinimum?: number // aka greater than\n    exclusiveMaximum?: number // aka less than\n    multipleOf?: number\n    // Styling\n    size?: InputSize\n    width?: FieldBlockWidth\n    align?: InputAlign\n    showStepControls?: boolean\n  }\n\nconst defaultMinimum = Number.MIN_SAFE_INTEGER\nconst defaultMaximum = Number.MAX_SAFE_INTEGER\n\nfunction NumberComponent(props: Props) {\n  const dataContext = useContext(DataContext)\n  const fieldBlockContext = useContext(FieldBlockContext)\n  const sharedContext = useContext(SharedContext)\n\n  const {\n    currency,\n    currencyDisplay,\n    percent,\n    mask,\n    step = 1,\n    decimalLimit = 12,\n    allowNegative = true,\n    disallowLeadingZeroes = false,\n    prefix: prefixProp,\n    suffix: suffixProp,\n    showStepControls,\n  } = props\n\n  const schema = useMemo<AllJSONSchemaVersions>(\n    () =>\n      props.schema ?? {\n        type: 'number',\n        minimum: props.minimum ?? defaultMinimum,\n        maximum: props.maximum ?? defaultMaximum,\n        exclusiveMinimum: props.exclusiveMinimum,\n        exclusiveMaximum: props.exclusiveMaximum,\n        multipleOf: props.multipleOf,\n      },\n    [\n      props.schema,\n      props.minimum,\n      props.maximum,\n      props.exclusiveMinimum,\n      props.exclusiveMaximum,\n      props.multipleOf,\n    ]\n  )\n\n  const toInput = useCallback((external: number | undefined) => {\n    if (external === undefined) {\n      return null\n    }\n    return external\n  }, [])\n  const fromInput = useCallback(\n    ({ value, numberValue }: { value: string; numberValue: number }) => {\n      if (value === '') {\n        return props.emptyValue\n      }\n      return numberValue\n    },\n    [props.emptyValue]\n  )\n\n  const ref = useRef<HTMLInputElement>()\n  const preparedProps: Props = {\n    valueType: 'number',\n    ...props,\n    schema,\n    toInput,\n    fromInput,\n    width:\n      props.width ??\n      (fieldBlockContext?.composition ? 'stretch' : 'medium'),\n    innerRef: props.innerRef ?? ref,\n  }\n\n  const {\n    id,\n    name,\n    className,\n    innerRef,\n    inputClassName,\n    autoComplete,\n    placeholder,\n    value,\n    startWith = null,\n    minimum = defaultMinimum,\n    maximum = defaultMaximum,\n    disabled,\n    htmlAttributes,\n    hasError,\n    help,\n    size,\n    width,\n    align,\n    handleFocus,\n    handleBlur,\n    handleChange,\n    setDisplayValue,\n  } = useFieldProps(preparedProps)\n\n  useEffect(() => {\n    setDisplayValue(props.path, innerRef.current?.value)\n  }, [innerRef, props.path, setDisplayValue, value])\n\n  const { handleSubmit } = dataContext ?? {}\n  const onKeyDownHandler = useCallback(\n    (e: React.KeyboardEvent<HTMLInputElement>) => {\n      const { event } = e as unknown as {\n        event: React.KeyboardEvent<HTMLInputElement>\n      }\n      if (dataContext?.props?.isolate && event.key === 'Enter') {\n        handleSubmit() // So we commit the data to the outer context\n        event.preventDefault?.() // And prevent the default form submit\n      }\n\n      if (!showStepControls) {\n        return\n      }\n\n      let numberValue = null\n\n      switch (event.key) {\n        case 'ArrowUp':\n          numberValue = clamp(\n            (value ?? startWith) + step,\n            minimum,\n            maximum\n          )\n          break\n        case 'ArrowDown':\n          numberValue = clamp(\n            (value ?? startWith) - step,\n            minimum,\n            maximum\n          )\n          break\n      }\n\n      if (numberValue !== null) {\n        event.persist()\n        event.preventDefault()\n        handleChange({ numberValue })\n      }\n    },\n    [\n      dataContext?.props?.isolate,\n      handleChange,\n      handleSubmit,\n      maximum,\n      minimum,\n      showStepControls,\n      startWith,\n      step,\n      value,\n    ]\n  )\n\n  const fieldBlockProps: FieldBlockProps = {\n    forId: id,\n    className: classnames(\n      'dnb-forms-field-number',\n      'dnb-input__border--tokens', // Used by \"dnb-input__border\"\n      className\n    ),\n    contentClassName: classnames(\n      'dnb-forms-field-number__contents',\n      showStepControls && 'dnb-forms-field-number__contents--has-controls',\n      hasError && 'dnb-input__status--error', // Also used by \"dnb-input__border\"\n      disabled && 'dnb-input--disabled' // Also used by \"dnb-input__border\"\n    ),\n    width:\n      (width === 'stretch' || fieldBlockContext?.composition) &&\n      !showStepControls\n        ? width\n        : undefined,\n    contentWidth: width !== false ? width : undefined,\n    ...pickSpacingProps(props),\n  }\n\n  const increaseClickHandler = useCallback(() => {\n    handleChange({\n      numberValue: clamp((value ?? startWith) + step, minimum, maximum),\n    })\n  }, [handleChange, maximum, minimum, startWith, step, value])\n\n  const increaseProps: ButtonProps = showStepControls && {\n    'aria-hidden': true,\n    className: 'dnb-button--control-after',\n    variant: 'secondary',\n    icon: 'add',\n    size: (size || 'small') as ButtonSize,\n    tabIndex: -1,\n    disabled: disabled || value >= maximum,\n    onClick: increaseClickHandler,\n    title: sharedContext?.translation.Slider.addTitle?.replace(\n      '%s',\n      String(value + step)\n    ),\n  }\n\n  const decreaseClickHandler = useCallback(() => {\n    handleChange({\n      numberValue: clamp((value ?? startWith) - step, minimum, maximum),\n    })\n  }, [handleChange, maximum, minimum, startWith, step, value])\n\n  const decreaseProps: ButtonProps = showStepControls && {\n    ...increaseProps,\n    className: 'dnb-button--control-before',\n    icon: 'subtract',\n    size: (size || 'small') as ButtonSize,\n    disabled: disabled || value <= minimum,\n    onClick: decreaseClickHandler,\n    title: sharedContext?.translation.Slider.subtractTitle?.replace(\n      '%s',\n      String(value - step)\n    ),\n  }\n\n  const prefix =\n    typeof prefixProp === 'function' ? prefixProp(value) : prefixProp\n  const suffix =\n    typeof suffixProp === 'function' ? suffixProp(value) : suffixProp\n\n  const maskProps: Partial<InputMaskedProps> = useMemo(() => {\n    const mask_options = {\n      prefix,\n      suffix,\n      decimalLimit,\n      allowNegative,\n      disallowLeadingZeroes,\n    }\n\n    if (currency) {\n      return {\n        as_currency: currency,\n        mask_options,\n        currency_mask: {\n          currencyDisplay,\n          decimalLimit,\n        },\n      }\n    }\n\n    if (percent) {\n      return {\n        as_percent: percent,\n        mask_options,\n      }\n    }\n\n    // Custom mask based on props\n    return {\n      as_number: true,\n      mask,\n      number_mask: {\n        ...mask_options,\n      },\n    }\n  }, [\n    currency,\n    currencyDisplay,\n    decimalLimit,\n    mask,\n    percent,\n    prefix,\n    suffix,\n    allowNegative,\n    disallowLeadingZeroes,\n  ])\n\n  const ariaParams = showStepControls && {\n    role: 'spinbutton',\n    'aria-valuemin': String(minimum),\n    'aria-valuemax': String(maximum),\n    'aria-valuenow': String(value), // without it, VO will read an invalid value\n    'aria-valuetext': String(value), // without it, VO will read %\n  }\n\n  const inputProps: InputProps = {\n    id,\n    name,\n    inner_ref: innerRef,\n    autoComplete,\n    className: classnames(\n      'dnb-forms-field-number__input',\n      `dnb-input--${size}`,\n      inputClassName\n    ),\n    step: showStepControls ? step : undefined,\n    placeholder,\n    value,\n    align: showStepControls ? 'center' : align,\n    ...maskProps,\n    onKeyDown: onKeyDownHandler,\n    onFocus: handleFocus,\n    onBlur: handleBlur,\n    onChange: handleChange,\n    disabled,\n    ...htmlAttributes,\n    status: hasError ? 'error' : undefined,\n    stretch: Boolean(width),\n    suffix:\n      help && !showStepControls ? (\n        <HelpButton title={help.title}>{help.content}</HelpButton>\n      ) : undefined,\n  }\n  Object.assign(inputProps, ariaParams)\n\n  if (showStepControls) {\n    return (\n      <FieldBlock {...fieldBlockProps} asFieldset={false}>\n        <span className=\"dnb-input__border dnb-input__border--root\">\n          {<Button {...decreaseProps} />}\n          <InputMasked {...inputProps} />\n          {<Button {...increaseProps} />}\n        </span>\n        {help && (\n          <HelpButton left=\"x-small\" title={help.title}>\n            {help.content}\n          </HelpButton>\n        )}\n      </FieldBlock>\n    )\n  }\n\n  return (\n    <FieldBlock {...fieldBlockProps} asFieldset={false}>\n      <InputMasked {...inputProps} />\n    </FieldBlock>\n  )\n}\n\nNumberComponent._supportsSpacingProps = true\nexport default NumberComponent\n"],"mappings":"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"}
+{"version":3,"file":"Number.js","names":["React","useContext","useMemo","useCallback","useEffect","useRef","InputMasked","Button","SharedContext","FieldBlockContext","classnames","FieldBlock","useFieldProps","pickSpacingProps","clamp","DataContext","defaultMinimum","Number","MIN_SAFE_INTEGER","defaultMaximum","MAX_SAFE_INTEGER","NumberComponent","props","_props$width","_props$innerRef","_dataContext$props2","_sharedContext$transl","_sharedContext$transl2","dataContext","fieldBlockContext","sharedContext","currency","currencyDisplay","percent","mask","step","decimalLimit","allowNegative","disallowLeadingZeroes","prefix","prefixProp","suffix","suffixProp","showStepControls","schema","_props$schema","_props$minimum","_props$maximum","type","minimum","maximum","exclusiveMinimum","exclusiveMaximum","multipleOf","toInput","external","undefined","fromInput","_ref","value","numberValue","emptyValue","ref","preparedProps","_objectSpread","valueType","width","composition","innerRef","id","name","className","inputClassName","autoComplete","placeholder","startWith","disabled","htmlAttributes","hasError","size","align","handleFocus","handleBlur","handleChange","setDisplayValue","_innerRef$current","path","current","handleSubmit","onKeyDownHandler","e","_dataContext$props","event","isolate","key","_event$preventDefault","preventDefault","call","persist","fieldBlockProps","forId","contentClassName","contentWidth","increaseClickHandler","increaseProps","variant","icon","tabIndex","onClick","title","translation","Slider","addTitle","replace","String","decreaseClickHandler","decreaseProps","subtractTitle","maskProps","mask_options","as_currency","currency_mask","as_percent","as_number","number_mask","ariaParams","role","inputProps","inner_ref","onKeyDown","onFocus","onBlur","onChange","status","stretch","Boolean","Object","assign","createElement","_extends","asFieldset","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Field/Number/Number.tsx"],"sourcesContent":["import React, {\n  useContext,\n  useMemo,\n  useCallback,\n  useEffect,\n  useRef,\n} from 'react'\nimport { InputMasked, Button } from '../../../../components'\nimport { InputMaskedProps } from '../../../../components/InputMasked'\nimport type {\n  InputAlign,\n  InputProps,\n  InputSize,\n} from '../../../../components/Input'\nimport SharedContext from '../../../../shared/Context'\nimport FieldBlockContext from '../../FieldBlock/FieldBlockContext'\nimport classnames from 'classnames'\nimport FieldBlock, {\n  Props as FieldBlockProps,\n  FieldBlockWidth,\n} from '../../FieldBlock'\nimport { useFieldProps } from '../../hooks'\nimport { FieldProps, AllJSONSchemaVersions } from '../../types'\nimport { pickSpacingProps } from '../../../../components/flex/utils'\nimport { ButtonProps, ButtonSize } from '../../../../components/Button'\nimport { clamp } from '../../../../components/slider/SliderHelpers'\nimport DataContext from '../../DataContext/Context'\n\nexport type Props = FieldProps<number, undefined | number> & {\n  innerRef?: React.RefObject<HTMLInputElement>\n  inputClassName?: string\n  currency?: InputMaskedProps['as_currency']\n  currencyDisplay?: 'code' | 'symbol' | 'narrowSymbol' | 'name'\n  percent?: InputMaskedProps['as_percent']\n  mask?: InputMaskedProps['mask']\n  step?: number\n  startWith?: number\n  // Formatting\n  decimalLimit?: number\n  allowNegative?: boolean\n  disallowLeadingZeroes?: boolean\n  prefix?: string | ((value: number) => string)\n  suffix?: string | ((value: number) => string)\n  // Validation\n  minimum?: number // aka greater than or equal to\n  maximum?: number // aka less than or equal to\n  exclusiveMinimum?: number // aka greater than\n  exclusiveMaximum?: number // aka less than\n  multipleOf?: number\n  // Styling\n  size?: InputSize\n  width?: FieldBlockWidth\n  align?: InputAlign\n  showStepControls?: boolean\n}\n\nconst defaultMinimum = Number.MIN_SAFE_INTEGER\nconst defaultMaximum = Number.MAX_SAFE_INTEGER\n\nfunction NumberComponent(props: Props) {\n  const dataContext = useContext(DataContext)\n  const fieldBlockContext = useContext(FieldBlockContext)\n  const sharedContext = useContext(SharedContext)\n\n  const {\n    currency,\n    currencyDisplay,\n    percent,\n    mask,\n    step = 1,\n    decimalLimit = 12,\n    allowNegative = true,\n    disallowLeadingZeroes = false,\n    prefix: prefixProp,\n    suffix: suffixProp,\n    showStepControls,\n  } = props\n\n  const schema = useMemo<AllJSONSchemaVersions>(\n    () =>\n      props.schema ?? {\n        type: 'number',\n        minimum: props.minimum ?? defaultMinimum,\n        maximum: props.maximum ?? defaultMaximum,\n        exclusiveMinimum: props.exclusiveMinimum,\n        exclusiveMaximum: props.exclusiveMaximum,\n        multipleOf: props.multipleOf,\n      },\n    [\n      props.schema,\n      props.minimum,\n      props.maximum,\n      props.exclusiveMinimum,\n      props.exclusiveMaximum,\n      props.multipleOf,\n    ]\n  )\n\n  const toInput = useCallback((external: number | undefined) => {\n    if (external === undefined) {\n      return null\n    }\n    return external\n  }, [])\n  const fromInput = useCallback(\n    ({ value, numberValue }: { value: string; numberValue: number }) => {\n      if (value === '') {\n        return props.emptyValue\n      }\n      return numberValue\n    },\n    [props.emptyValue]\n  )\n\n  const ref = useRef<HTMLInputElement>()\n  const preparedProps: Props = {\n    valueType: 'number',\n    ...props,\n    schema,\n    toInput,\n    fromInput,\n    width:\n      props.width ??\n      (fieldBlockContext?.composition ? 'stretch' : 'medium'),\n    innerRef: props.innerRef ?? ref,\n  }\n\n  const {\n    id,\n    name,\n    className,\n    innerRef,\n    inputClassName,\n    autoComplete,\n    placeholder,\n    value,\n    startWith = null,\n    minimum = defaultMinimum,\n    maximum = defaultMaximum,\n    disabled,\n    htmlAttributes,\n    hasError,\n    size,\n    width,\n    align,\n    handleFocus,\n    handleBlur,\n    handleChange,\n    setDisplayValue,\n  } = useFieldProps(preparedProps)\n\n  useEffect(() => {\n    setDisplayValue(props.path, innerRef.current?.value)\n  }, [innerRef, props.path, setDisplayValue, value])\n\n  const { handleSubmit } = dataContext ?? {}\n  const onKeyDownHandler = useCallback(\n    (e: React.KeyboardEvent<HTMLInputElement>) => {\n      const { event } = e as unknown as {\n        event: React.KeyboardEvent<HTMLInputElement>\n      }\n      if (dataContext?.props?.isolate && event.key === 'Enter') {\n        handleSubmit() // So we commit the data to the outer context\n        event.preventDefault?.() // And prevent the default form submit\n      }\n\n      if (!showStepControls) {\n        return\n      }\n\n      let numberValue = null\n\n      switch (event.key) {\n        case 'ArrowUp':\n          numberValue = clamp(\n            (value ?? startWith) + step,\n            minimum,\n            maximum\n          )\n          break\n        case 'ArrowDown':\n          numberValue = clamp(\n            (value ?? startWith) - step,\n            minimum,\n            maximum\n          )\n          break\n      }\n\n      if (numberValue !== null) {\n        event.persist()\n        event.preventDefault()\n        handleChange({ numberValue })\n      }\n    },\n    [\n      dataContext?.props?.isolate,\n      handleChange,\n      handleSubmit,\n      maximum,\n      minimum,\n      showStepControls,\n      startWith,\n      step,\n      value,\n    ]\n  )\n\n  const fieldBlockProps: FieldBlockProps = {\n    forId: id,\n    className: classnames(\n      'dnb-forms-field-number',\n      'dnb-input__border--tokens', // Used by \"dnb-input__border\"\n      className\n    ),\n    contentClassName: classnames(\n      'dnb-forms-field-number__contents',\n      showStepControls && 'dnb-forms-field-number__contents--has-controls',\n      hasError && 'dnb-input__status--error', // Also used by \"dnb-input__border\"\n      disabled && 'dnb-input--disabled' // Also used by \"dnb-input__border\"\n    ),\n    width:\n      (width === 'stretch' || fieldBlockContext?.composition) &&\n      !showStepControls\n        ? width\n        : undefined,\n    contentWidth: width !== false ? width : undefined,\n    ...pickSpacingProps(props),\n  }\n\n  const increaseClickHandler = useCallback(() => {\n    handleChange({\n      numberValue: clamp((value ?? startWith) + step, minimum, maximum),\n    })\n  }, [handleChange, maximum, minimum, startWith, step, value])\n\n  const increaseProps: ButtonProps = showStepControls && {\n    'aria-hidden': true,\n    className: 'dnb-button--control-after',\n    variant: 'secondary',\n    icon: 'add',\n    size: (size || 'small') as ButtonSize,\n    tabIndex: -1,\n    disabled: disabled || value >= maximum,\n    onClick: increaseClickHandler,\n    title: sharedContext?.translation.Slider.addTitle?.replace(\n      '%s',\n      String(value + step)\n    ),\n  }\n\n  const decreaseClickHandler = useCallback(() => {\n    handleChange({\n      numberValue: clamp((value ?? startWith) - step, minimum, maximum),\n    })\n  }, [handleChange, maximum, minimum, startWith, step, value])\n\n  const decreaseProps: ButtonProps = showStepControls && {\n    ...increaseProps,\n    className: 'dnb-button--control-before',\n    icon: 'subtract',\n    size: (size || 'small') as ButtonSize,\n    disabled: disabled || value <= minimum,\n    onClick: decreaseClickHandler,\n    title: sharedContext?.translation.Slider.subtractTitle?.replace(\n      '%s',\n      String(value - step)\n    ),\n  }\n\n  const prefix =\n    typeof prefixProp === 'function' ? prefixProp(value) : prefixProp\n  const suffix =\n    typeof suffixProp === 'function' ? suffixProp(value) : suffixProp\n\n  const maskProps: Partial<InputMaskedProps> = useMemo(() => {\n    const mask_options = {\n      prefix,\n      suffix,\n      decimalLimit,\n      allowNegative,\n      disallowLeadingZeroes,\n    }\n\n    if (currency) {\n      return {\n        as_currency: currency,\n        mask_options,\n        currency_mask: {\n          currencyDisplay,\n          decimalLimit,\n        },\n      }\n    }\n\n    if (percent) {\n      return {\n        as_percent: percent,\n        mask_options,\n      }\n    }\n\n    // Custom mask based on props\n    return {\n      as_number: true,\n      mask,\n      number_mask: {\n        ...mask_options,\n      },\n    }\n  }, [\n    currency,\n    currencyDisplay,\n    decimalLimit,\n    mask,\n    percent,\n    prefix,\n    suffix,\n    allowNegative,\n    disallowLeadingZeroes,\n  ])\n\n  const ariaParams = showStepControls && {\n    role: 'spinbutton',\n    'aria-valuemin': String(minimum),\n    'aria-valuemax': String(maximum),\n    'aria-valuenow': String(value), // without it, VO will read an invalid value\n    'aria-valuetext': String(value), // without it, VO will read %\n  }\n\n  const inputProps: InputProps = {\n    id,\n    name,\n    inner_ref: innerRef,\n    autoComplete,\n    className: classnames(\n      'dnb-forms-field-number__input',\n      `dnb-input--${size}`,\n      inputClassName\n    ),\n    step: showStepControls ? step : undefined,\n    placeholder,\n    value,\n    align: showStepControls ? 'center' : align,\n    ...maskProps,\n    onKeyDown: onKeyDownHandler,\n    onFocus: handleFocus,\n    onBlur: handleBlur,\n    onChange: handleChange,\n    disabled,\n    ...htmlAttributes,\n    status: hasError ? 'error' : undefined,\n    stretch: Boolean(width),\n  }\n  Object.assign(inputProps, ariaParams)\n\n  if (showStepControls) {\n    return (\n      <FieldBlock {...fieldBlockProps} asFieldset={false}>\n        <span className=\"dnb-input__border dnb-input__border--root\">\n          {<Button {...decreaseProps} />}\n          <InputMasked {...inputProps} />\n          {<Button {...increaseProps} />}\n        </span>\n      </FieldBlock>\n    )\n  }\n\n  return (\n    <FieldBlock {...fieldBlockProps} asFieldset={false}>\n      <InputMasked {...inputProps} />\n    </FieldBlock>\n  )\n}\n\nNumberComponent._supportsSpacingProps = true\nexport default NumberComponent\n"],"mappings":"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"}

package/extensions/forms/Field/Number/NumberDocs.js

@@ -61,11 +61,6 @@ export const numberProperties = {
     type: 'string',
     status: 'optional'
   },
-  help: {
-    doc: 'Provide a help button. Object consisting of `title` and `content`.',
-    type: 'object',
-    status: 'optional'
-  },
   autoComplete: {
     doc: 'For HTML `autocomplete` attributes.',
     type: ['on', 'string'],

package/extensions/forms/Field/Number/NumberDocs.js.map

@@ -1 +1 @@
-{"version":3,"file":"NumberDocs.js","names":["inputProperties","numberProperties","decimalLimit","doc","type","status","percent","currency","allowNegative","disallowLeadingZeroes","minimum","maximum","exclusiveMinimum","exclusiveMaximum","multipleOf","width","size","align","help","autoComplete","prefix","suffix","step","startWith","showStepControls"],"sources":["../../../../../../src/extensions/forms/Field/Number/NumberDocs.ts"],"sourcesContent":["import { inputProperties } from '../../../../components/input/InputDocs'\nimport { PropertiesTableProps } from '../../../../shared/types'\n\nexport const numberProperties: PropertiesTableProps = {\n  decimalLimit: {\n    doc: 'Max number of decimals. Values with more decimals will be rounded. Defaults to `12`.',\n    type: 'number',\n    status: 'optional',\n  },\n  percent: {\n    doc: 'Format a number as percentage.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  currency: {\n    doc: 'Currency code (ISO 4217) or `true` to use the default `NOK`. Uses two decimals by default.',\n    type: ['boolean', 'string'],\n    status: 'optional',\n  },\n  allowNegative: {\n    doc: 'Whether or not to allow negative numbers. Defaults to `true`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  disallowLeadingZeroes: {\n    doc: 'Whether or not to allow leading zeroes. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  minimum: {\n    doc: 'Validation for inclusive minimum number value (greater than or equal). Defaults to `Number.MIN_SAFE_INTEGER`.',\n    type: 'number',\n    status: 'optional',\n  },\n  maximum: {\n    doc: 'Validation for inclusive maximum number value (less than or equal). Defaults to `Number.MAX_SAFE_INTEGER`.',\n    type: 'number',\n    status: 'optional',\n  },\n  exclusiveMinimum: {\n    doc: 'Validation for exclusive minimum number value (greater than).',\n    type: 'number',\n    status: 'optional',\n  },\n  exclusiveMaximum: {\n    doc: 'Validation for exclusive maximum number value (less than).',\n    type: 'number',\n    status: 'optional',\n  },\n  multipleOf: {\n    doc: 'Validation that requires the number to be a multiple of given value.',\n    type: 'number',\n    status: 'optional',\n  },\n  width: {\n    doc: '`false` for no width (use browser default), `small`, `medium` or `large` for predefined standard widths, `stretch` for fill available width.',\n    type: ['string', 'false'],\n    status: 'optional',\n  },\n  size: inputProperties.size,\n  align: {\n    doc: 'Lateral alignment of contents of input field, one of `left` (default), `center`, or `right`.',\n    type: 'string',\n    status: 'optional',\n  },\n  help: {\n    doc: 'Provide a help button. Object consisting of `title` and `content`.',\n    type: 'object',\n    status: 'optional',\n  },\n  autoComplete: {\n    doc: 'For HTML `autocomplete` attributes.',\n    type: ['on', 'string'],\n    status: 'optional',\n  },\n  prefix: {\n    doc: 'Text added before the value input.',\n    type: 'string',\n    status: 'optional',\n  },\n  suffix: {\n    doc: 'Text added after the value input.',\n    type: 'string',\n    status: 'optional',\n  },\n  step: {\n    doc: 'Determines step granularity when in/decreasing value input through step controls buttons or arrow keys. Defaults to 1.',\n    type: 'number',\n    status: 'optional',\n  },\n  startWith: {\n    doc: 'When no `value` or `defaultValue` is given, start with a given value when in/decreasing value input through step controls buttons or arrow keys. Defaults to `null`.',\n    type: 'number',\n    status: 'optional',\n  },\n  showStepControls: {\n    doc: 'Show buttons that in/decreases value input by the step value.',\n    type: 'boolean',\n    status: 'optional',\n  },\n}\n"],"mappings":"AAAA,SAASA,eAAe,QAAQ,wCAAwC;AAGxE,OAAO,MAAMC,gBAAsC,GAAG;EACpDC,YAAY,EAAE;IACZC,GAAG,EAAE,sFAAsF;IAC3FC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDC,OAAO,EAAE;IACPH,GAAG,EAAE,gCAAgC;IACrCC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDE,QAAQ,EAAE;IACRJ,GAAG,EAAE,4FAA4F;IACjGC,IAAI,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC;IAC3BC,MAAM,EAAE;EACV,CAAC;EACDG,aAAa,EAAE;IACbL,GAAG,EAAE,+DAA+D;IACpEC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDI,qBAAqB,EAAE;IACrBN,GAAG,EAAE,8DAA8D;IACnEC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDK,OAAO,EAAE;IACPP,GAAG,EAAE,+GAA+G;IACpHC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDM,OAAO,EAAE;IACPR,GAAG,EAAE,4GAA4G;IACjHC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDO,gBAAgB,EAAE;IAChBT,GAAG,EAAE,+DAA+D;IACpEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDQ,gBAAgB,EAAE;IAChBV,GAAG,EAAE,4DAA4D;IACjEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDS,UAAU,EAAE;IACVX,GAAG,EAAE,sEAAsE;IAC3EC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDU,KAAK,EAAE;IACLZ,GAAG,EAAE,8IAA8I;IACnJC,IAAI,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC;IACzBC,MAAM,EAAE;EACV,CAAC;EACDW,IAAI,EAAEhB,eAAe,CAACgB,IAAI;EAC1BC,KAAK,EAAE;IACLd,GAAG,EAAE,8FAA8F;IACnGC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDa,IAAI,EAAE;IACJf,GAAG,EAAE,oEAAoE;IACzEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDc,YAAY,EAAE;IACZhB,GAAG,EAAE,qCAAqC;IAC1CC,IAAI,EAAE,CAAC,IAAI,EAAE,QAAQ,CAAC;IACtBC,MAAM,EAAE;EACV,CAAC;EACDe,MAAM,EAAE;IACNjB,GAAG,EAAE,oCAAoC;IACzCC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDgB,MAAM,EAAE;IACNlB,GAAG,EAAE,mCAAmC;IACxCC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDiB,IAAI,EAAE;IACJnB,GAAG,EAAE,wHAAwH;IAC7HC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDkB,SAAS,EAAE;IACTpB,GAAG,EAAE,sKAAsK;IAC3KC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDmB,gBAAgB,EAAE;IAChBrB,GAAG,EAAE,+DAA+D;IACpEC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV;AACF,CAAC"}
+{"version":3,"file":"NumberDocs.js","names":["inputProperties","numberProperties","decimalLimit","doc","type","status","percent","currency","allowNegative","disallowLeadingZeroes","minimum","maximum","exclusiveMinimum","exclusiveMaximum","multipleOf","width","size","align","autoComplete","prefix","suffix","step","startWith","showStepControls"],"sources":["../../../../../../src/extensions/forms/Field/Number/NumberDocs.ts"],"sourcesContent":["import { inputProperties } from '../../../../components/input/InputDocs'\nimport { PropertiesTableProps } from '../../../../shared/types'\n\nexport const numberProperties: PropertiesTableProps = {\n  decimalLimit: {\n    doc: 'Max number of decimals. Values with more decimals will be rounded. Defaults to `12`.',\n    type: 'number',\n    status: 'optional',\n  },\n  percent: {\n    doc: 'Format a number as percentage.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  currency: {\n    doc: 'Currency code (ISO 4217) or `true` to use the default `NOK`. Uses two decimals by default.',\n    type: ['boolean', 'string'],\n    status: 'optional',\n  },\n  allowNegative: {\n    doc: 'Whether or not to allow negative numbers. Defaults to `true`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  disallowLeadingZeroes: {\n    doc: 'Whether or not to allow leading zeroes. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  minimum: {\n    doc: 'Validation for inclusive minimum number value (greater than or equal). Defaults to `Number.MIN_SAFE_INTEGER`.',\n    type: 'number',\n    status: 'optional',\n  },\n  maximum: {\n    doc: 'Validation for inclusive maximum number value (less than or equal). Defaults to `Number.MAX_SAFE_INTEGER`.',\n    type: 'number',\n    status: 'optional',\n  },\n  exclusiveMinimum: {\n    doc: 'Validation for exclusive minimum number value (greater than).',\n    type: 'number',\n    status: 'optional',\n  },\n  exclusiveMaximum: {\n    doc: 'Validation for exclusive maximum number value (less than).',\n    type: 'number',\n    status: 'optional',\n  },\n  multipleOf: {\n    doc: 'Validation that requires the number to be a multiple of given value.',\n    type: 'number',\n    status: 'optional',\n  },\n  width: {\n    doc: '`false` for no width (use browser default), `small`, `medium` or `large` for predefined standard widths, `stretch` for fill available width.',\n    type: ['string', 'false'],\n    status: 'optional',\n  },\n  size: inputProperties.size,\n  align: {\n    doc: 'Lateral alignment of contents of input field, one of `left` (default), `center`, or `right`.',\n    type: 'string',\n    status: 'optional',\n  },\n  autoComplete: {\n    doc: 'For HTML `autocomplete` attributes.',\n    type: ['on', 'string'],\n    status: 'optional',\n  },\n  prefix: {\n    doc: 'Text added before the value input.',\n    type: 'string',\n    status: 'optional',\n  },\n  suffix: {\n    doc: 'Text added after the value input.',\n    type: 'string',\n    status: 'optional',\n  },\n  step: {\n    doc: 'Determines step granularity when in/decreasing value input through step controls buttons or arrow keys. Defaults to 1.',\n    type: 'number',\n    status: 'optional',\n  },\n  startWith: {\n    doc: 'When no `value` or `defaultValue` is given, start with a given value when in/decreasing value input through step controls buttons or arrow keys. Defaults to `null`.',\n    type: 'number',\n    status: 'optional',\n  },\n  showStepControls: {\n    doc: 'Show buttons that in/decreases value input by the step value.',\n    type: 'boolean',\n    status: 'optional',\n  },\n}\n"],"mappings":"AAAA,SAASA,eAAe,QAAQ,wCAAwC;AAGxE,OAAO,MAAMC,gBAAsC,GAAG;EACpDC,YAAY,EAAE;IACZC,GAAG,EAAE,sFAAsF;IAC3FC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDC,OAAO,EAAE;IACPH,GAAG,EAAE,gCAAgC;IACrCC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDE,QAAQ,EAAE;IACRJ,GAAG,EAAE,4FAA4F;IACjGC,IAAI,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC;IAC3BC,MAAM,EAAE;EACV,CAAC;EACDG,aAAa,EAAE;IACbL,GAAG,EAAE,+DAA+D;IACpEC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDI,qBAAqB,EAAE;IACrBN,GAAG,EAAE,8DAA8D;IACnEC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDK,OAAO,EAAE;IACPP,GAAG,EAAE,+GAA+G;IACpHC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDM,OAAO,EAAE;IACPR,GAAG,EAAE,4GAA4G;IACjHC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDO,gBAAgB,EAAE;IAChBT,GAAG,EAAE,+DAA+D;IACpEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDQ,gBAAgB,EAAE;IAChBV,GAAG,EAAE,4DAA4D;IACjEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDS,UAAU,EAAE;IACVX,GAAG,EAAE,sEAAsE;IAC3EC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDU,KAAK,EAAE;IACLZ,GAAG,EAAE,8IAA8I;IACnJC,IAAI,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC;IACzBC,MAAM,EAAE;EACV,CAAC;EACDW,IAAI,EAAEhB,eAAe,CAACgB,IAAI;EAC1BC,KAAK,EAAE;IACLd,GAAG,EAAE,8FAA8F;IACnGC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDa,YAAY,EAAE;IACZf,GAAG,EAAE,qCAAqC;IAC1CC,IAAI,EAAE,CAAC,IAAI,EAAE,QAAQ,CAAC;IACtBC,MAAM,EAAE;EACV,CAAC;EACDc,MAAM,EAAE;IACNhB,GAAG,EAAE,oCAAoC;IACzCC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDe,MAAM,EAAE;IACNjB,GAAG,EAAE,mCAAmC;IACxCC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDgB,IAAI,EAAE;IACJlB,GAAG,EAAE,wHAAwH;IAC7HC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDiB,SAAS,EAAE;IACTnB,GAAG,EAAE,sKAAsK;IAC3KC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDkB,gBAAgB,EAAE;IAChBpB,GAAG,EAAE,+DAA+D;IACpEC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV;AACF,CAAC"}

package/extensions/forms/Field/Number/style/dnb-number.css

@@ -124,4 +124,9 @@ html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-control
 }
 .dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-stretch .dnb-input__border {
   flex-grow: 1;
+}
+@media screen and (max-width: xx-small0) {
+  .dnb-forms-field-number .dnb-input__shell {
+    width: 90%;
+  }
 }

package/extensions/forms/Field/Number/style/dnb-number.min.css

@@ -1 +1 @@
-.dnb-forms-field-number{--number-control-button-border-color:#000;--number-control-button-border-color--hover:#a9a9a9;--number-control-button-border-color--focus:#a9a9a9;--number-control-button-border-width--focus:0.125rem;--number-control-button-background-color--hover:grey;--number-control-button-color--hover:#000;--number-control-button-background-color--active:#000;--number-control-button-color--active:#d3d3d3;--number-control-button--error:red;--number-control-button--error-contrast:#fff;--number-control-button-width--small:2rem;--number-control-button-width--medium:2.5rem;--number-control-button-width--large:3rem;--forms-field-block--number-control-buttons-width--small:calc(var(--number-control-button-width--small)*2);--forms-field-block--number-control-buttons-width--medium:calc(var(--number-control-button-width--medium)*2);--forms-field-block--number-control-buttons-width--large:calc(var(--number-control-button-width--large)*2)}.dnb-forms-field-number__contents--has-controls .dnb-input__input{align-items:center}.dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border{border-radius:0}.dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border,.dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border:focus-within,.dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border:hover,html[data-whatinput=keyboard] .dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border:focus-within{box-shadow:none}.dnb-forms-field-number__contents--has-controls>.dnb-input__border--root{--input-border-inset: ;--input-border-inset--hover: ;--input-border-inset--active: ;--input-border-inset--focus: ;--input-border-inset--disabled: }html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-after:hover[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-before:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-after:hover:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-before:hover:not([disabled]){background-color:var(--number-control-button-background-color--hover);color:var(--number-control-button-color--hover)}.dnb-forms-field-number__contents--has-controls .dnb-button--control-after:active[disabled],.dnb-forms-field-number__contents--has-controls .dnb-button--control-before:active[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-after:active[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-before:active[disabled]{cursor:not-allowed}.dnb-forms-field-number__contents--has-controls .dnb-button--control-after:active:not([disabled]),.dnb-forms-field-number__contents--has-controls .dnb-button--control-before:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-after:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-before:active:not([disabled]){background-color:var(--number-control-button-background-color--active);color:var(--number-control-button-color--active)}.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after,.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before{color:var(--number-control-button--error)}html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:hover[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:hover:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:hover:not([disabled]){background-color:var(--number-control-button--error-contrast);color:var(--number-control-button--error)}.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:active[disabled],.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:active[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:active[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:active[disabled]{cursor:not-allowed}.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:active:not([disabled]),.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:active:not([disabled]){background-color:var(--number-control-button--error);color:var(--number-control-button--error-contrast)}.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after[disabled],.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before[disabled]{color:var(--number-control-button--error-contrast)}.dnb-forms-field-number__contents--has-controls.dnb-input--disabled .dnb-button--control-after[disabled],.dnb-forms-field-number__contents--has-controls.dnb-input--disabled .dnb-button--control-before[disabled]{background-color:var(--color-black-3);color:var(--color-black-20)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-small{width:calc(var(--forms-field-width--small) + var(--forms-field-block--number-control-buttons-width--small))}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-small .dnb-button--control-after,.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-small .dnb-button--control-before{width:var(--number-control-button-width--small)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-medium{width:calc(var(--forms-field-width--medium) + var(--forms-field-block--number-control-buttons-width--medium))}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-medium .dnb-button--control-after,.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-medium .dnb-button--control-before{width:var(--number-control-button-width--medium)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-large{width:calc(var(--forms-field-width--large) + var(--forms-field-block--number-control-buttons-width--large))}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-large .dnb-button--control-after,.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-large .dnb-button--control-before{width:var(--number-control-button-width--large)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-stretch .dnb-button--control-after,.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-stretch .dnb-button--control-before{width:var(--number-control-button-width--large)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-stretch .dnb-input__border{flex-grow:1}
+.dnb-forms-field-number{--number-control-button-border-color:#000;--number-control-button-border-color--hover:#a9a9a9;--number-control-button-border-color--focus:#a9a9a9;--number-control-button-border-width--focus:0.125rem;--number-control-button-background-color--hover:grey;--number-control-button-color--hover:#000;--number-control-button-background-color--active:#000;--number-control-button-color--active:#d3d3d3;--number-control-button--error:red;--number-control-button--error-contrast:#fff;--number-control-button-width--small:2rem;--number-control-button-width--medium:2.5rem;--number-control-button-width--large:3rem;--forms-field-block--number-control-buttons-width--small:calc(var(--number-control-button-width--small)*2);--forms-field-block--number-control-buttons-width--medium:calc(var(--number-control-button-width--medium)*2);--forms-field-block--number-control-buttons-width--large:calc(var(--number-control-button-width--large)*2)}.dnb-forms-field-number__contents--has-controls .dnb-input__input{align-items:center}.dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border{border-radius:0}.dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border,.dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border:focus-within,.dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border:hover,html[data-whatinput=keyboard] .dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border:focus-within{box-shadow:none}.dnb-forms-field-number__contents--has-controls>.dnb-input__border--root{--input-border-inset: ;--input-border-inset--hover: ;--input-border-inset--active: ;--input-border-inset--focus: ;--input-border-inset--disabled: }html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-after:hover[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-before:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-after:hover:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-before:hover:not([disabled]){background-color:var(--number-control-button-background-color--hover);color:var(--number-control-button-color--hover)}.dnb-forms-field-number__contents--has-controls .dnb-button--control-after:active[disabled],.dnb-forms-field-number__contents--has-controls .dnb-button--control-before:active[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-after:active[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-before:active[disabled]{cursor:not-allowed}.dnb-forms-field-number__contents--has-controls .dnb-button--control-after:active:not([disabled]),.dnb-forms-field-number__contents--has-controls .dnb-button--control-before:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-after:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-before:active:not([disabled]){background-color:var(--number-control-button-background-color--active);color:var(--number-control-button-color--active)}.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after,.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before{color:var(--number-control-button--error)}html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:hover[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:hover:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:hover:not([disabled]){background-color:var(--number-control-button--error-contrast);color:var(--number-control-button--error)}.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:active[disabled],.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:active[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:active[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:active[disabled]{cursor:not-allowed}.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:active:not([disabled]),.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:active:not([disabled]){background-color:var(--number-control-button--error);color:var(--number-control-button--error-contrast)}.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after[disabled],.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before[disabled]{color:var(--number-control-button--error-contrast)}.dnb-forms-field-number__contents--has-controls.dnb-input--disabled .dnb-button--control-after[disabled],.dnb-forms-field-number__contents--has-controls.dnb-input--disabled .dnb-button--control-before[disabled]{background-color:var(--color-black-3);color:var(--color-black-20)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-small{width:calc(var(--forms-field-width--small) + var(--forms-field-block--number-control-buttons-width--small))}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-small .dnb-button--control-after,.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-small .dnb-button--control-before{width:var(--number-control-button-width--small)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-medium{width:calc(var(--forms-field-width--medium) + var(--forms-field-block--number-control-buttons-width--medium))}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-medium .dnb-button--control-after,.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-medium .dnb-button--control-before{width:var(--number-control-button-width--medium)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-large{width:calc(var(--forms-field-width--large) + var(--forms-field-block--number-control-buttons-width--large))}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-large .dnb-button--control-after,.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-large .dnb-button--control-before{width:var(--number-control-button-width--large)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-stretch .dnb-button--control-after,.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-stretch .dnb-button--control-before{width:var(--number-control-button-width--large)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-stretch .dnb-input__border{flex-grow:1}@media screen and (max-width:xx-small0){.dnb-forms-field-number .dnb-input__shell{width:90%}}

package/extensions/forms/Field/Number/style/dnb-number.scss

@@ -137,4 +137,11 @@
       }
     }
   }
+
+  // Ensure inputs to not overflow on xx-small (defined above), but exclude e.g. Autocomplete
+  @include allBelow(xx-small) {
+    .dnb-input__shell {
+      width: 90%;
+    }
+  }
 }

package/extensions/forms/Field/Option/Option.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import type { FieldHelpProps, FieldProps } from '../../types';
-export type Props = FieldHelpProps & FieldProps<number | string> & {
+import type { FieldProps } from '../../types';
+export type Props = FieldProps<number | string> & {
     title?: React.ReactNode;
     text?: React.ReactNode;
     children?: React.ReactNode;

package/extensions/forms/Field/Option/Option.js.map

@@ -1 +1 @@
-{"version":3,"file":"Option.js","names":["React","classnames","Option","_ref","className","title","text","children","createElement","role"],"sources":["../../../../../../src/extensions/forms/Field/Option/Option.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport type { FieldHelpProps, FieldProps } from '../../types'\n\nexport type Props = FieldHelpProps &\n  FieldProps<number | string> & {\n    title?: React.ReactNode\n    text?: React.ReactNode\n    children?: React.ReactNode\n  }\n\nexport default function Option({\n  className,\n  title,\n  text,\n  children,\n}: Props) {\n  return (\n    <span\n      className={classnames('dnb-forms-field-option', className)}\n      // eslint-disable-next-line jsx-a11y/role-has-required-aria-props\n      role=\"option\"\n    >\n      {children ?? title}\n      {text}\n    </span>\n  )\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AAUnC,eAAe,SAASC,MAAMA,CAAAC,IAAA,EAKpB;EAAA,IALqB;IAC7BC,SAAS;IACTC,KAAK;IACLC,IAAI;IACJC;EACK,CAAC,GAAAJ,IAAA;EACN,OACEH,KAAA,CAAAQ,aAAA;IACEJ,SAAS,EAAEH,UAAU,CAAC,wBAAwB,EAAEG,SAAS,CAAE;IAE3DK,IAAI,EAAC;EAAQ,GAEZF,QAAQ,aAARA,QAAQ,cAARA,QAAQ,GAAIF,KAAK,EACjBC,IACG,CAAC;AAEX"}
+{"version":3,"file":"Option.js","names":["React","classnames","Option","_ref","className","title","text","children","createElement","role"],"sources":["../../../../../../src/extensions/forms/Field/Option/Option.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport type { FieldProps } from '../../types'\n\nexport type Props = FieldProps<number | string> & {\n  title?: React.ReactNode\n  text?: React.ReactNode\n  children?: React.ReactNode\n}\n\nexport default function Option({\n  className,\n  title,\n  text,\n  children,\n}: Props) {\n  return (\n    <span\n      className={classnames('dnb-forms-field-option', className)}\n      // eslint-disable-next-line jsx-a11y/role-has-required-aria-props\n      role=\"option\"\n    >\n      {children ?? title}\n      {text}\n    </span>\n  )\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AASnC,eAAe,SAASC,MAAMA,CAAAC,IAAA,EAKpB;EAAA,IALqB;IAC7BC,SAAS;IACTC,KAAK;IACLC,IAAI;IACJC;EACK,CAAC,GAAAJ,IAAA;EACN,OACEH,KAAA,CAAAQ,aAAA;IACEJ,SAAS,EAAEH,UAAU,CAAC,wBAAwB,EAAEG,SAAS,CAAE;IAE3DK,IAAI,EAAC;EAAQ,GAEZF,QAAQ,aAARA,QAAQ,cAARA,QAAQ,GAAIF,KAAK,EACjBC,IACG,CAAC;AAEX"}

package/extensions/forms/Field/Option/OptionDocs.d.ts

@@ -0,0 +1,2 @@
+import { PropertiesTableProps } from '../../../../shared/types';
+export declare const OptionProperties: PropertiesTableProps;

package/extensions/forms/Field/Option/OptionDocs.js

@@ -0,0 +1,25 @@
+import { FieldProperties } from '../FieldDocs';
+export const OptionProperties = {
+  value: {
+    doc: 'Value for this option.',
+    type: ['string', 'number'],
+    status: 'optional'
+  },
+  title: {
+    doc: 'Text title for the option.',
+    type: 'string',
+    status: 'optional'
+  },
+  text: {
+    doc: 'Secondary text.',
+    type: 'string',
+    status: 'optional'
+  },
+  help: FieldProperties.help,
+  children: {
+    doc: 'Optional way to provide `title`.',
+    type: 'React.Node',
+    status: 'optional'
+  }
+};
+//# sourceMappingURL=OptionDocs.js.map

package/extensions/forms/Field/Option/OptionDocs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OptionDocs.js","names":["FieldProperties","OptionProperties","value","doc","type","status","title","text","help","children"],"sources":["../../../../../../src/extensions/forms/Field/Option/OptionDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\nimport { FieldProperties } from '../FieldDocs'\n\nexport const OptionProperties: PropertiesTableProps = {\n  value: {\n    doc: 'Value for this option.',\n    type: ['string', 'number'],\n    status: 'optional',\n  },\n  title: {\n    doc: 'Text title for the option.',\n    type: 'string',\n    status: 'optional',\n  },\n  text: {\n    doc: 'Secondary text.',\n    type: 'string',\n    status: 'optional',\n  },\n  help: FieldProperties.help,\n  children: {\n    doc: 'Optional way to provide `title`.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n}\n"],"mappings":"AACA,SAASA,eAAe,QAAQ,cAAc;AAE9C,OAAO,MAAMC,gBAAsC,GAAG;EACpDC,KAAK,EAAE;IACLC,GAAG,EAAE,wBAAwB;IAC7BC,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC1BC,MAAM,EAAE;EACV,CAAC;EACDC,KAAK,EAAE;IACLH,GAAG,EAAE,4BAA4B;IACjCC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDE,IAAI,EAAE;IACJJ,GAAG,EAAE,iBAAiB;IACtBC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDG,IAAI,EAAER,eAAe,CAACQ,IAAI;EAC1BC,QAAQ,EAAE;IACRN,GAAG,EAAE,kCAAkC;IACvCC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV;AACF,CAAC"}

package/extensions/forms/Field/OrganizationNumber/OrganizationNumberDocs.js

@@ -4,11 +4,6 @@ export const OrganizationNumberProperties = {
     type: 'boolean',
     status: 'optional'
   },
-  help: {
-    doc: 'Provide a help button. Object consisting of `title` and `content`.',
-    type: 'object',
-    status: 'optional'
-  },
   onBlurValidator: {
     doc: 'Custom validator function that is triggered when the user leaves a field (e.g., blurring a text input or closing a dropdown). The function can be either asynchronous or synchronous. The first parameter is the value, and the second parameter returns an object containing { errorMessages, connectWithPath, validators }. Defaults to organization number validation, using `organizationNumberValidator`. Can be disabled using `false`.',
     type: 'function',

package/extensions/forms/Field/OrganizationNumber/OrganizationNumberDocs.js.map

@@ -1 +1 @@
-{"version":3,"file":"OrganizationNumberDocs.js","names":["OrganizationNumberProperties","validate","doc","type","status","help","onBlurValidator"],"sources":["../../../../../../src/extensions/forms/Field/OrganizationNumber/OrganizationNumberDocs.tsx"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\n\nexport const OrganizationNumberProperties: PropertiesTableProps = {\n  validate: {\n    doc: 'Using this prop you can disable the default validation.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  help: {\n    doc: 'Provide a help button. Object consisting of `title` and `content`.',\n    type: 'object',\n    status: 'optional',\n  },\n  onBlurValidator: {\n    doc: 'Custom validator function that is triggered when the user leaves a field (e.g., blurring a text input or closing a dropdown). The function can be either asynchronous or synchronous. The first parameter is the value, and the second parameter returns an object containing { errorMessages, connectWithPath, validators }. Defaults to organization number validation, using `organizationNumberValidator`. Can be disabled using `false`.',\n    type: 'function',\n    status: 'optional',\n  },\n}\n"],"mappings":"AAEA,OAAO,MAAMA,4BAAkD,GAAG;EAChEC,QAAQ,EAAE;IACRC,GAAG,EAAE,yDAAyD;IAC9DC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDC,IAAI,EAAE;IACJH,GAAG,EAAE,oEAAoE;IACzEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDE,eAAe,EAAE;IACfJ,GAAG,EAAE,+aAA+a;IACpbC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV;AACF,CAAC"}
+{"version":3,"file":"OrganizationNumberDocs.js","names":["OrganizationNumberProperties","validate","doc","type","status","onBlurValidator"],"sources":["../../../../../../src/extensions/forms/Field/OrganizationNumber/OrganizationNumberDocs.tsx"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\n\nexport const OrganizationNumberProperties: PropertiesTableProps = {\n  validate: {\n    doc: 'Using this prop you can disable the default validation.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  onBlurValidator: {\n    doc: 'Custom validator function that is triggered when the user leaves a field (e.g., blurring a text input or closing a dropdown). The function can be either asynchronous or synchronous. The first parameter is the value, and the second parameter returns an object containing { errorMessages, connectWithPath, validators }. Defaults to organization number validation, using `organizationNumberValidator`. Can be disabled using `false`.',\n    type: 'function',\n    status: 'optional',\n  },\n}\n"],"mappings":"AAEA,OAAO,MAAMA,4BAAkD,GAAG;EAChEC,QAAQ,EAAE;IACRC,GAAG,EAAE,yDAAyD;IAC9DC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDC,eAAe,EAAE;IACfH,GAAG,EAAE,+aAA+a;IACpbC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV;AACF,CAAC"}

package/extensions/forms/Field/PhoneNumber/PhoneNumber.d.ts

@@ -2,9 +2,9 @@ import React from 'react';
 import { InputMaskedProps } from '../../../../components/InputMasked';
 import { type CountryType } from '../../constants/countries';
 import { Props as StringFieldProps } from '../String';
-import { FieldHelpProps, FieldPropsWithExtraValue } from '../../types';
+import { FieldPropsWithExtraValue } from '../../types';
 import { CountryFilterSet } from '../SelectCountry';
-export type Props = FieldHelpProps & Omit<FieldPropsWithExtraValue<string, {
+export type Props = Omit<FieldPropsWithExtraValue<string, {
     country: string;
     phone: string;
 }, undefined | string>, 'layout' | 'layoutOptions'> & {