TSFF-460 - Endrer bruk av default props (#6086)

* TSFF-460 - Endrer bruk av default props

* Endrer default props i klassekomponenter

Author: hallvardastark

packages/behandling-felles/src/components/paVent/BehandlingPaVent.tsx

@@ -20,7 +20,7 @@ const BehandlingPaVent = ({
   aksjonspunkter,
   kodeverk,
   settPaVent,
-  erTilbakekreving,
+  erTilbakekreving = false,
 }: BehandlingPaVentProps) => {
   const [skalViseModal, setVisModal] = useState(behandling.behandlingPaaVent);
   const skjulModal = useCallback(() => setVisModal(false), []);
@@ -74,8 +74,4 @@ const BehandlingPaVent = ({
   );
 };
 
-BehandlingPaVent.defaultProps = {
-  erTilbakekreving: false,
-};
-
 export default BehandlingPaVent;

packages/fakta-feilutbetaling/src/components/FeilutbetalingPerioderForm.jsx

@@ -14,7 +14,7 @@ const getHendelseUndertyper = (årsakNavn, årsaker) => {
 
 export const FeilutbetalingPerioderFormImpl = ({
   periode,
-  årsak,
+  årsak = null,
   elementId,
   årsaker,
   readOnly,
@@ -62,10 +62,6 @@ export const FeilutbetalingPerioderFormImpl = ({
   );
 };
 
-FeilutbetalingPerioderFormImpl.defaultProps = {
-  årsak: null,
-};
-
 FeilutbetalingPerioderFormImpl.propTypes = {
   periode: PropTypes.shape().isRequired,
   elementId: PropTypes.number.isRequired,

packages/fakta-felles/src/components/FaktaBegrunnelseTextField.tsx

@@ -45,8 +45,8 @@ const FaktaBegrunnelseTextField = ({
   isSubmittable,
   hasBegrunnelse,
   label,
-  hasVurderingText,
-  name,
+  hasVurderingText = false,
+  name = 'begrunnelse',
 }: OwnProps) => {
   const code = hasVurderingText ? 'FaktaBegrunnelseTextField.Vurdering' : 'FaktaBegrunnelseTextField.BegrunnEndringene';
   const textAreaLabel = label || { id: code };
@@ -68,11 +68,6 @@ const FaktaBegrunnelseTextField = ({
   );
 };
 
-FaktaBegrunnelseTextField.defaultProps = {
-  name: 'begrunnelse',
-  hasVurderingText: false,
-};
-
 const getBegrunnelse = (aksjonspunkt: Aksjonspunkt[] | Aksjonspunkt): string => {
   if (aksjonspunkt && Array.isArray(aksjonspunkt)) {
     return aksjonspunkt.length > 0 ? aksjonspunkt[0].begrunnelse : '';

packages/fakta-medlemskap/src/components/oppholdInntektOgPerioder/MedlemskapEndringerTabell.tsx

@@ -22,7 +22,7 @@ interface MedlemskapEndringerTabellProps {
 }
 
 const MedlemskapEndringerTabellImpl = ({
-  perioder,
+  perioder = [],
   velgPeriodeCallback,
   selectedId,
 }: MedlemskapEndringerTabellProps) => {
@@ -80,9 +80,4 @@ const mapStateToPropsFactory = (initialState, initialOwnProps) => {
 
 const MedlemskapEndringerTabell = connect(mapStateToPropsFactory)(MedlemskapEndringerTabellImpl);
 
-MedlemskapEndringerTabellImpl.defaultProps = {
-  perioder: [],
-  selectedId: undefined,
-};
-
 export default MedlemskapEndringerTabell;

packages/fakta-medlemskap/src/components/oppholdInntektOgPerioder/OppholdINorgeOgAdresserFaktaPanel.jsx

@@ -53,8 +53,8 @@ const OppholdINorgeOgAdresserFaktaPanel = ({
   readOnly,
   hasBosattAksjonspunkt,
   isBosattAksjonspunktClosed,
-  opphold,
-  foreldre,
+  opphold = {},
+  foreldre = [],
   alleKodeverk,
   alleMerknaderFraBeslutter,
 }) => (
@@ -131,11 +131,6 @@ OppholdINorgeOgAdresserFaktaPanel.propTypes = {
   }).isRequired,
 };
 
-OppholdINorgeOgAdresserFaktaPanel.defaultProps = {
-  opphold: {},
-  foreldre: [],
-};
-
 const mapStateToProps = (state, ownProps) => {
   const { behandlingId, behandlingVersjon } = ownProps;
   const formName = `OppholdInntektOgPeriodeForm-${ownProps.id}`;

packages/fakta-medlemskap/src/components/oppholdInntektOgPerioder/OppholdInntektOgPeriodeForm.jsx

@@ -126,10 +126,6 @@ OppholdInntektOgPeriodeForm.propTypes = {
   behandlingVersjon: PropTypes.number.isRequired,
 };
 
-OppholdInntektOgPeriodeForm.defaultProps = {
-  selectedId: undefined,
-};
-
 const transformValues = values => ({
   begrunnelse: values.begrunnelse || '---',
   ...values,

packages/fakta-medlemskap/src/components/oppholdInntektOgPerioder/PerioderMedMedlemskapFaktaPanel.jsx

@@ -36,7 +36,7 @@ export const PerioderMedMedlemskapFaktaPanel = ({
   readOnly,
   hasPeriodeAksjonspunkt,
   isPeriodAksjonspunktClosed,
-  fixedMedlemskapPerioder,
+  fixedMedlemskapPerioder = [],
   fodselsdato,
   vurderingTypes,
   alleMerknaderFraBeslutter,
@@ -132,11 +132,6 @@ PerioderMedMedlemskapFaktaPanel.propTypes = {
   }).isRequired,
 };
 
-PerioderMedMedlemskapFaktaPanel.defaultProps = {
-  fodselsdato: undefined,
-  fixedMedlemskapPerioder: [],
-};
-
 export const getAksjonspunkter = createSelector([ownProps => ownProps.alleKodeverk], alleKodeverk => {
   const vurderingTypes = alleKodeverk[kodeverkTyper.MEDLEMSKAP_MANUELL_VURDERING_TYPE];
   return vurderingTypes.sort((a, b) => {

packages/fakta-opptjening-oms/src/OpptjeningFaktaIndex.tsx

@@ -1,14 +1,14 @@
 import {
   Aksjonspunkt,
+  ArbeidsgiverOpplysningerPerId,
   Opptjening,
   OpptjeningBehandling,
   SubmitCallback,
   UtlandDokStatus,
-  ArbeidsgiverOpplysningerPerId,
 } from '@k9-sak-web/types';
 import AlleKodeverk from '@k9-sak-web/types/src/kodeverk';
 import React from 'react';
-import { createIntl, createIntlCache, RawIntlProvider } from 'react-intl';
+import { RawIntlProvider, createIntl, createIntlCache } from 'react-intl';
 import messages from '../i18n/nb_NO.json';
 import OpptjeningInfoPanel from './components/OpptjeningInfoPanel';
 
@@ -67,9 +67,4 @@ const OpptjeningFaktaIndex = ({
   </RawIntlProvider>
 );
 
-OpptjeningFaktaIndex.defaultProps = {
-  opptjening: undefined,
-  utlandDokStatus: undefined,
-};
-
 export default OpptjeningFaktaIndex;

packages/fakta-opptjening-oms/src/components/activity/ActivityDataSubPanel.tsx

@@ -145,8 +145,4 @@ const ActivityDataSubPanel = ({
   </>
 );
 
-ActivityDataSubPanel.defaultProps = {
-  selectedActivityType: {},
-};
-
 export default ActivityDataSubPanel;

packages/fakta-verge/src/VergeFaktaIndex.jsx

@@ -1,23 +1,26 @@
-import React from 'react';
 import PropTypes from 'prop-types';
+import React from 'react';
 import { createIntl, createIntlCache, RawIntlProvider } from 'react-intl';
 
+import messages from '../i18n/nb_NO.json';
 import RegistrereVergeInfoPanel from './components/RegistrereVergeInfoPanel';
 import vergeAksjonspunkterPropType from './propTypes/vergeAksjonspunkterPropType';
-import vergeVergePropType from './propTypes/vergeVergePropType';
 import vergeBehandlingPropType from './propTypes/vergeBehandlingPropType';
-import messages from '../i18n/nb_NO.json';
+import vergeVergePropType from './propTypes/vergeVergePropType';
 
 const cache = createIntlCache();
 
-const intl = createIntl({
-  locale: 'nb-NO',
-  messages,
-}, cache);
+const intl = createIntl(
+  {
+    locale: 'nb-NO',
+    messages,
+  },
+  cache,
+);
 
 const VergeFaktaIndex = ({
   behandling,
-  verge,
+  verge = {},
   aksjonspunkter,
   alleMerknaderFraBeslutter,
   alleKodeverk,
@@ -54,8 +57,4 @@ VergeFaktaIndex.propTypes = {
   submittable: PropTypes.bool.isRequired,
 };
 
-VergeFaktaIndex.defaultProps = {
-  verge: {},
-};
-
 export default VergeFaktaIndex;

packages/fakta-verge/src/components/RegistrereVergeFaktaForm.jsx

@@ -14,7 +14,13 @@ import vergeType from '../kodeverk/vergeType';
  *
  * Formkomponent. Registrering og oppdatering av verge.
  */
-export const RegistrereVergeFaktaForm = ({ intl, readOnly, vergetyper, alleMerknaderFraBeslutter, valgtVergeType }) => (
+export const RegistrereVergeFaktaForm = ({
+  intl,
+  readOnly,
+  vergetyper = [],
+  alleMerknaderFraBeslutter,
+  valgtVergeType,
+}) => (
   <FaktaGruppe merknaderFraBeslutter={alleMerknaderFraBeslutter[aksjonspunktCodes.AVKLAR_VERGE]}>
     <div>
       <HGrid gap="1" columns={{ xs: '5fr 7fr' }}>
@@ -98,11 +104,6 @@ RegistrereVergeFaktaForm.propTypes = {
   valgtVergeType: PropTypes.string,
 };
 
-RegistrereVergeFaktaForm.defaultProps = {
-  vergetyper: [],
-  valgtVergeType: undefined,
-};
-
 RegistrereVergeFaktaForm.buildInitialValues = verge => ({
   navn: verge.navn,
   gyldigFom: verge.gyldigFom,

packages/fakta-verge/src/components/RegistrereVergeInfoPanel.jsx

@@ -20,9 +20,9 @@ import vergeAksjonspunkterPropType from '../propTypes/vergeAksjonspunkterPropTyp
 export const RegistrereVergeInfoPanelImpl = ({
   intl,
   hasOpenAksjonspunkter,
-  submittable,
+  submittable = true,
   readOnly,
-  initialValues,
+  initialValues = {},
   aksjonspunkt,
   behandlingId,
   behandlingVersjon,
@@ -72,11 +72,6 @@ RegistrereVergeInfoPanelImpl.propTypes = {
   behandlingVersjon: PropTypes.number.isRequired,
 };
 
-RegistrereVergeInfoPanelImpl.defaultProps = {
-  initialValues: {},
-  submittable: true,
-};
-
 const buildInitialValues = createSelector(
   [ownProps => ownProps.verge, ownProps => ownProps.aksjonspunkter],
   (verge, aksjonspunkter) => ({

packages/form/src/DatepickerField.tsx

@@ -48,7 +48,15 @@ const acceptedFormatToIso = (string: string): string => {
 
 export const RenderDatepickerField = renderNavField(Datepicker);
 
-const DatepickerField = ({ name, label, readOnly, format, parse, isEdited, ...otherProps }: DatepickerFieldProps) => (
+const DatepickerField = ({
+  name,
+  label = '',
+  readOnly = false,
+  format = value => value,
+  parse = value => value,
+  isEdited = false,
+  ...otherProps
+}: DatepickerFieldProps) => (
   <Field
     name={name}
     component={readOnly ? ReadOnlyField : RenderDatepickerField}
@@ -62,11 +70,4 @@ const DatepickerField = ({ name, label, readOnly, format, parse, isEdited, ...ot
   />
 );
 
-DatepickerField.defaultProps = {
-  readOnly: false,
-  isEdited: false,
-  format: value => value,
-  parse: value => value,
-};
-
 export default DatepickerField;

packages/form/src/DecimalField.tsx

@@ -78,11 +78,11 @@ const NormalizeOnBlurField = createNormalizeOnBlurField(reduxFormField);
 
 const DecimalField = ({
   name,
-  type,
-  label,
-  validate,
-  readOnly,
-  isEdited,
+  type = 'number',
+  label = '',
+  validate = null,
+  readOnly = false,
+  isEdited = false,
   normalizeOnBlur,
   ...otherProps
 }: DecimalFieldProps) => (
@@ -102,12 +102,4 @@ const DecimalField = ({
   />
 );
 
-DecimalField.defaultProps = {
-  type: 'number',
-  validate: null,
-  readOnly: false,
-  label: '',
-  isEdited: false,
-};
-
 export default DecimalField;

packages/form/src/InputField.tsx

@@ -27,11 +27,12 @@ interface InputFieldProps {
 
 const InputField = ({
   name,
-  type,
-  label,
-  validate,
-  readOnly,
-  isEdited,
+  type = 'text',
+  label = '',
+  validate = null,
+  readOnly = false,
+  isEdited = false,
+  size = 'small',
   ...otherProps
 }: InputFieldProps & (TextFieldProps | ReadOnlyFieldProps)) => (
   <Field
@@ -46,16 +47,8 @@ const InputField = ({
     readOnlyHideEmpty
     isEdited={isEdited}
     autoComplete="off"
+    size={size}
   />
 );
 
-InputField.defaultProps = {
-  type: 'text',
-  validate: null,
-  readOnly: false,
-  label: '',
-  isEdited: false,
-  size: 'small',
-};
-
 export default InputField;

packages/form/src/Label.tsx

@@ -23,7 +23,7 @@ export const Label = (props: Props & WrappedComponentProps) => {
     return label;
   };
 
-  const { input, readOnly, typographyElement: TypoElem, textOnly } = props;
+  const { input = null, readOnly = false, typographyElement: TypoElem = DSLabel, textOnly } = props;
   if (!input) {
     return null;
   }
@@ -39,10 +39,4 @@ export const Label = (props: Props & WrappedComponentProps) => {
   );
 };
 
-Label.defaultProps = {
-  input: null,
-  typographyElement: DSLabel,
-  readOnly: false,
-};
-
 export default injectIntl(Label);