19.13.0 • Published 9 months ago

@commercetools-uikit/field-warnings v19.13.0

Weekly downloads
-
License
MIT
Repository
github
Last release
9 months ago

FieldWarnings

Description

The FieldWarnings component allows the user to display field warnings.

Installation

yarn add @commercetools-uikit/field-warnings
npm --save install @commercetools-uikit/field-warnings

Additionally install the peer dependencies (if not present)

yarn add react react-intl
npm --save install react react-intl

Usage

import FieldWarnings from '../src/field-warnings';

const Example = () => (
  // This example shows how to handle custom warnings on top of the
  // predefined warnings of FieldWarnings which this component and other
  // Field components use under the hood.
  <FieldWarnings
    warnings={{
      customWarning: true,
      defaultWarning: true,
    }}
    isVisible={true}
    renderWarning={(key) => {
      switch (key) {
        case 'customWarning':
          return 'The current password is weak, You may want to use a stronger password';
        default:
          // When null is returned then the default warning handling from
          // renderDefaultWarning will kick in for that warning.
          return null;
      }
    }}
    renderDefaultWarning={(key) => {
      switch (key) {
        case 'defaultWarning':
          return 'Always use a strong password';
        default:
          // When null is returned then the warning handling defined in
          // FieldWarning itself will kick in
          return null;
      }
    }}
  />
);

export default Example;

Properties

PropsTypeRequiredDefaultDescription
idstringID of the warning field.
warningsRecordList of warnings. Only entries with truthy values will count as active warnings.
isVisiblebooleantrue when the warning messages should be rendered. Usually you'd pass in a touched state of fields.
renderWarningFunctionSee signature.Function which gets called with each warning key (from the warnings prop) and may render a warning message or return null to hand the warning handling off to renderDefaultWarning.
renderDefaultWarningFunctionSee signature.Function which gets called with each warning key (from the warnings prop) for which renderWarning returned null. It may render a warning message or return null to hand the warning handling off to FieldWarnings built-in warning handling.

Signatures

Signature renderWarning

(key: string, warning?: boolean) => ReactNode;

Signature renderDefaultWarning

(key: string, warning?: boolean) => ReactNode;
javascripttypescriptdesign-systemreactuikit
@babel/runtime@babel/runtime-corejs3@commercetools-uikit/messages@emotion/react@emotion/styledprop-types
@commercetools-uikit/localized-multiline-text-field@commercetools-uikit/multiline-text-field@commercetools-uikit/number-field@commercetools-uikit/select-field@commercetools-uikit/search-select-field@commercetools-uikit/radio-field@commercetools-uikit/password-field@commercetools-uikit/time-field@commercetools-uikit/text-field@commercetools-uikit/date-range-field@commercetools-uikit/date-time-field@commercetools-uikit/async-creatable-select-field@commercetools-uikit/async-select-field@commercetools-uikit/creatable-select-field@commercetools-uikit/date-field@commercetools-uikit/localized-text-field@commercetools-uikit/money-field
0.0.0-canary-20241028125808

9 months ago

0.0.0-preview-FCT-1187-20241024123200

9 months ago

0.0.0-preview-FCT-1187-20241021190428

9 months ago

19.13.0

9 months ago

0.0.0-canary-20241009193324

9 months ago

0.0.0-canary-20241003153231

10 months ago

0.0.0-canary-20241002142913

10 months ago

0.0.0-canary-20240925165851

10 months ago

0.0.0-canary-20241003151043

10 months ago

0.0.0-canary-20241003145429

10 months ago

0.0.0-canary-20241010130729

9 months ago

0.0.0-canary-20241010162605

9 months ago

0.0.0-canary-20241009071024

9 months ago

0.0.0-canary-20241001174409

10 months ago

19.12.1

9 months ago

0.0.0-canary-20241002142715

10 months ago

0.0.0-canary-20240925171250

10 months ago

0.0.0-canary-20241010205637

9 months ago

0.0.0-canary-20241009175534

9 months ago

0.0.0-canary-20241011135231

9 months ago

0.0.0-canary-20241014160150

9 months ago

0.0.0-canary-20241002130953

10 months ago

0.0.0-canary-20240924135022

10 months ago

0.0.0-canary-20240924122353

10 months ago

0.0.0-canary-20240925133422

10 months ago

0.0.0-canary-20240918181700

10 months ago

0.0.0-canary-20240918073948

10 months ago

0.0.0-canary-20240917153604

10 months ago

0.0.0-canary-20240918160237

10 months ago

0.0.0-canary-20240916085337

10 months ago

0.0.0-canary-20240920133329

10 months ago

0.0.0-canary-20240902123520

11 months ago

0.0.0-preview-test-preview-publishing-20240918183346

10 months ago

19.12.0

10 months ago

0.0.0-canary-20240917143329

10 months ago

0.0.0-canary-20240916105227

10 months ago

0.0.0-preview-test-preview-publishing-with-commit-trigger-20240919120649

10 months ago

0.0.0-preview-test-preview-publishing-with-commit-trigger-20240919103642

10 months ago

19.11.0

11 months ago

0.0.0-canary-20240807084212

12 months ago

0.0.0-canary-20240604151817

1 year ago

19.4.0

1 year ago

19.8.0

1 year ago

19.10.0

11 months ago

0.0.0-canary-20240530100629

1 year ago

0.0.0-canary-20240805095513

12 months ago

0.0.0-canary-20240625124027

1 year ago

19.7.0

1 year ago

0.0.0-canary-20240527065236

1 year ago

0.0.0-canary-20240522094639

1 year ago

0.0.0-canary-20240531145120

1 year ago

0.0.0-canary-20240723124651

12 months ago

0.0.0-canary-20240726072030

12 months ago

0.0.0-canary-20240725110422

12 months ago

19.6.0

1 year ago

0.0.0-canary-20240719104735

1 year ago

0.0.0-canary-20240604153622

1 year ago

0.0.0-canary-20240522101026

1 year ago

0.0.0-canary-20240715071321

1 year ago

0.0.0-canary-20240621090426

1 year ago

0.0.0-canary-20240626090327

1 year ago

0.0.0-canary-20240604115928

1 year ago

0.0.0-canary-20240807112850

12 months ago

0.0.0-canary-20240625115755

1 year ago

19.5.0

1 year ago

19.9.0

12 months ago

0.0.0-canary-20240716102951

1 year ago

0.0.0-canary-20240604125216

1 year ago

0.0.0-canary-20240619142933

1 year ago

0.0.0-canary-20240617063324

1 year ago

0.0.0-canary-20240604163856

1 year ago

0.0.0-canary-20240621133126

1 year ago

0.0.0-canary-20240617084426

1 year ago

0.0.0-canary-20240603111514

1 year ago

0.0.0-canary-20240521130632

1 year ago

0.0.0-canary-20240625081125

1 year ago

0.0.0-canary-20240617073522

1 year ago

0.0.0-canary-20240524063948

1 year ago

0.0.0-canary-20240520083557

1 year ago

0.0.0-canary-20240517123809

1 year ago

0.0.0-canary-20240517151402

1 year ago

0.0.0-canary-20240514135306

1 year ago

0.0.0-canary-20240513120348

1 year ago

0.0.0-canary-20240513101556

1 year ago

19.3.1

1 year ago

19.3.0

1 year ago

0.0.0-canary-20240508074817

1 year ago

0.0.0-canary-20240508080213

1 year ago

0.0.0-canary-20240507115053

1 year ago

0.0.0-canary-20240503144721

1 year ago

0.0.0-canary-20240502134907

1 year ago

0.0.0-canary-20240503111328

1 year ago

0.0.0-canary-20240502125854

1 year ago

19.2.0

1 year ago

0.0.0-canary-20240429110037

1 year ago

0.0.0-canary-20240429095712

1 year ago

0.0.0-canary-20240429151613

1 year ago

0.0.0-canary-20240429080049

1 year ago

0.0.0-canary-20240426091858

1 year ago

0.0.0-canary-20240424133322

1 year ago

0.0.0-canary-20240425084041

1 year ago

0.0.0-canary-20240424125820

1 year ago

0.0.0-canary-20240424172230

1 year ago

0.0.0-canary-20240423075704

1 year ago

0.0.0-canary-20240422074013

1 year ago

19.1.0

1 year ago

0.0.0-canary-20240417141019

1 year ago

0.0.0-canary-20240417152832

1 year ago

0.0.0-canary-20240416080627

1 year ago

0.0.0-canary-20240416122003

1 year ago

0.0.0-canary-20240415154231

1 year ago

0.0.0-canary-20240415155633

1 year ago

0.0.0-canary-20240412080035

1 year ago

0.0.0-canary-20240411070250

1 year ago

0.0.0-canary-20240409155122

1 year ago

0.0.0-canary-20240408081653

1 year ago

0.0.0-canary-20240408075655

1 year ago

0.0.0-canary-20240408083654

1 year ago

0.0.0-canary-20240408082643

1 year ago

0.0.0-canary-20240408094037

1 year ago

0.0.0-canary-20240404141323

1 year ago

0.0.0-canary-20240401115502

1 year ago

0.0.0-canary-20240326165038

1 year ago

19.0.0

1 year ago

0.0.0-canary-20240322105825

1 year ago

0.0.0-canary-20240321141818

1 year ago

0.0.0-canary-20240321125808

1 year ago

0.0.0-canary-20240321085855

1 year ago

0.0.0-canary-20240321154822

1 year ago

0.0.0-canary-20240320080808

1 year ago

0.0.0-canary-20240319155008

1 year ago

0.0.0-canary-20240319084832

1 year ago

0.0.0-canary-20240319081838

1 year ago

0.0.0-canary-20240319084420

1 year ago

18.5.0

1 year ago

0.0.0-canary-20240318154412

1 year ago

0.0.0-canary-20240318073724

1 year ago

0.0.0-canary-20240311155934

1 year ago

18.4.0

1 year ago

0.0.0-canary-20240311163353

1 year ago

0.0.0-canary-20240229120215

1 year ago

0.0.0-canary-20240229082531

1 year ago

18.3.0

1 year ago

0.0.0-canary-20240222103400

1 year ago

0.0.0-canary-20240221114521

1 year ago

18.2.0

1 year ago

0.0.0-canary-20240219160124

1 year ago

0.0.0-canary-20240214142237

1 year ago

18.1.0

1 year ago

0.0.0-canary-20240214093533

1 year ago

0.0.0-canary-20240213091505

1 year ago

18.0.0

1 year ago

0.0.0-canary-20240212084750

1 year ago

0.0.0-canary-20240212173604

1 year ago

0.0.0-canary-20240209081746

1 year ago

0.0.0-canary-20240208102915

1 year ago

17.1.0

1 year ago

0.0.0-canary-20240207115036

1 year ago

0.0.0-canary-20240206161325

1 year ago

0.0.0-canary-20240202080838

1 year ago

0.0.0-canary-20240131092002

1 year ago

0.0.0-canary-20240131162657

1 year ago

0.0.0-canary-20240130102905

1 year ago

0.0.0-canary-20240129162718

1 year ago

0.0.0-canary-20240123154713

1 year ago

17.0.1

1 year ago

0.0.0-canary-20240118125451

2 years ago

0.0.0-canary-20240118123543

2 years ago

17.0.0

2 years ago

0.0.0-canary-20240117152032

2 years ago