@salutejs/plasma-new-hope 0.194.0-canary.1565.11870784206.0 → 0.194.0-canary.1568.11891833298.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Switch/Switch.css +2 -2
- package/cjs/components/Switch/Switch.tokens.js +7 -1
- package/cjs/components/Switch/Switch.tokens.js.map +1 -1
- package/cjs/components/Switch/_toggleSize/base.js +1 -1
- package/cjs/components/Switch/_toggleSize/base.js.map +1 -1
- package/cjs/components/Switch/_toggleSize/base_1d0b3t4.css +1 -0
- package/cjs/components/Switch/_view/base.js +1 -1
- package/cjs/components/Switch/_view/base.js.map +1 -1
- package/cjs/components/Switch/_view/base_15atbyp.css +1 -0
- package/cjs/components/TextField/TextField.js +3 -27
- package/cjs/components/TextField/TextField.js.map +1 -1
- package/cjs/index.css +2 -2
- package/cjs/utils/constants.js +0 -4
- package/cjs/utils/constants.js.map +1 -1
- package/emotion/cjs/components/Card/Card.api.mdx +184 -0
- package/emotion/cjs/components/Switch/Switch.tokens.js +7 -1
- package/emotion/cjs/components/Switch/_toggleSize/base.js +1 -1
- package/emotion/cjs/components/Switch/_view/base.js +1 -1
- package/emotion/cjs/components/TextField/TextField.js +4 -27
- package/emotion/cjs/components/TextField/TextField.template-doc.mdx +0 -330
- package/emotion/cjs/components/TextField/hooks/index.js +1 -8
- package/emotion/cjs/examples/plasma_b2c/components/Switch/Switch.config.js +8 -8
- package/emotion/cjs/examples/plasma_b2c/components/Switch/Switch.js +5 -2
- package/emotion/cjs/examples/plasma_b2c/components/Switch/Switch.outline.config.js +37 -0
- package/emotion/cjs/examples/plasma_b2c/components/Switch/Switch.stories.tsx +33 -1
- package/emotion/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +1 -253
- package/emotion/cjs/examples/plasma_web/components/Switch/Switch.config.js +8 -8
- package/emotion/cjs/examples/plasma_web/components/Switch/Switch.js +5 -2
- package/emotion/cjs/examples/plasma_web/components/Switch/Switch.outline.config.js +37 -0
- package/emotion/cjs/examples/plasma_web/components/Switch/Switch.stories.tsx +33 -1
- package/emotion/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +0 -252
- package/emotion/cjs/utils/constants.js +2 -4
- package/emotion/es/components/Card/Card.api.mdx +184 -0
- package/emotion/es/components/Switch/Switch.tokens.js +7 -1
- package/emotion/es/components/Switch/_toggleSize/base.js +1 -1
- package/emotion/es/components/Switch/_view/base.js +1 -1
- package/emotion/es/components/TextField/TextField.js +5 -28
- package/emotion/es/components/TextField/TextField.template-doc.mdx +0 -330
- package/emotion/es/components/TextField/hooks/index.js +1 -2
- package/emotion/es/examples/plasma_b2c/components/Switch/Switch.config.js +8 -8
- package/emotion/es/examples/plasma_b2c/components/Switch/Switch.js +4 -1
- package/emotion/es/examples/plasma_b2c/components/Switch/Switch.outline.config.js +31 -0
- package/emotion/es/examples/plasma_b2c/components/Switch/Switch.stories.tsx +33 -1
- package/emotion/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +1 -253
- package/emotion/es/examples/plasma_web/components/Switch/Switch.config.js +8 -8
- package/emotion/es/examples/plasma_web/components/Switch/Switch.js +4 -1
- package/emotion/es/examples/plasma_web/components/Switch/Switch.outline.config.js +31 -0
- package/emotion/es/examples/plasma_web/components/Switch/Switch.stories.tsx +33 -1
- package/emotion/es/examples/plasma_web/components/TextField/TextField.stories.tsx +0 -252
- package/emotion/es/utils/constants.js +1 -3
- package/es/components/Switch/Switch.css +2 -2
- package/es/components/Switch/Switch.tokens.js +7 -1
- package/es/components/Switch/Switch.tokens.js.map +1 -1
- package/es/components/Switch/_toggleSize/base.js +1 -1
- package/es/components/Switch/_toggleSize/base.js.map +1 -1
- package/es/components/Switch/_toggleSize/base_1d0b3t4.css +1 -0
- package/es/components/Switch/_view/base.js +1 -1
- package/es/components/Switch/_view/base.js.map +1 -1
- package/es/components/Switch/_view/base_15atbyp.css +1 -0
- package/es/components/TextField/TextField.js +3 -27
- package/es/components/TextField/TextField.js.map +1 -1
- package/es/index.css +2 -2
- package/es/utils/constants.js +1 -3
- package/es/utils/constants.js.map +1 -1
- package/package.json +2 -2
- package/styled-components/cjs/components/Card/Card.api.mdx +184 -0
- package/styled-components/cjs/components/Switch/Switch.tokens.js +7 -1
- package/styled-components/cjs/components/Switch/_toggleSize/base.js +1 -1
- package/styled-components/cjs/components/Switch/_view/base.js +1 -1
- package/styled-components/cjs/components/TextField/TextField.js +3 -26
- package/styled-components/cjs/components/TextField/TextField.template-doc.mdx +0 -330
- package/styled-components/cjs/components/TextField/hooks/index.js +1 -8
- package/styled-components/cjs/examples/plasma_b2c/components/Switch/Switch.config.js +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Switch/Switch.js +5 -2
- package/styled-components/cjs/examples/plasma_b2c/components/Switch/Switch.outline.config.js +37 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Switch/Switch.stories.tsx +33 -1
- package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +1 -253
- package/styled-components/cjs/examples/plasma_web/components/Switch/Switch.config.js +1 -1
- package/styled-components/cjs/examples/plasma_web/components/Switch/Switch.js +5 -2
- package/styled-components/cjs/examples/plasma_web/components/Switch/Switch.outline.config.js +37 -0
- package/styled-components/cjs/examples/plasma_web/components/Switch/Switch.stories.tsx +33 -1
- package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +0 -252
- package/styled-components/cjs/utils/constants.js +2 -4
- package/styled-components/es/components/Card/Card.api.mdx +184 -0
- package/styled-components/es/components/Switch/Switch.tokens.js +7 -1
- package/styled-components/es/components/Switch/_toggleSize/base.js +1 -1
- package/styled-components/es/components/Switch/_view/base.js +1 -1
- package/styled-components/es/components/TextField/TextField.js +4 -27
- package/styled-components/es/components/TextField/TextField.template-doc.mdx +0 -330
- package/styled-components/es/components/TextField/hooks/index.js +1 -2
- package/styled-components/es/examples/plasma_b2c/components/Switch/Switch.config.js +1 -1
- package/styled-components/es/examples/plasma_b2c/components/Switch/Switch.js +4 -1
- package/styled-components/es/examples/plasma_b2c/components/Switch/Switch.outline.config.js +31 -0
- package/styled-components/es/examples/plasma_b2c/components/Switch/Switch.stories.tsx +33 -1
- package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +1 -253
- package/styled-components/es/examples/plasma_web/components/Switch/Switch.config.js +1 -1
- package/styled-components/es/examples/plasma_web/components/Switch/Switch.js +4 -1
- package/styled-components/es/examples/plasma_web/components/Switch/Switch.outline.config.js +31 -0
- package/styled-components/es/examples/plasma_web/components/Switch/Switch.stories.tsx +33 -1
- package/styled-components/es/examples/plasma_web/components/TextField/TextField.stories.tsx +0 -252
- package/styled-components/es/utils/constants.js +1 -3
- package/types/components/Autocomplete/Autocomplete.types.d.ts +2 -2
- package/types/components/Autocomplete/Autocomplete.types.d.ts.map +1 -1
- package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts +92 -1676
- package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts +92 -1676
- package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts +92 -1676
- package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts.map +1 -1
- package/types/components/Range/Range.styles.d.ts +92 -1676
- package/types/components/Range/Range.styles.d.ts.map +1 -1
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts +92 -1676
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts.map +1 -1
- package/types/components/Slider/components/Double/Double.styles.d.ts +92 -1676
- package/types/components/Slider/components/Double/Double.styles.d.ts.map +1 -1
- package/types/components/Switch/Switch.tokens.d.ts +7 -1
- package/types/components/Switch/Switch.tokens.d.ts.map +1 -1
- package/types/components/Switch/_toggleSize/base.d.ts.map +1 -1
- package/types/components/Switch/_view/base.d.ts.map +1 -1
- package/types/components/TextField/TextField.d.ts.map +1 -1
- package/types/components/TextField/TextField.types.d.ts +1 -51
- package/types/components/TextField/TextField.types.d.ts.map +1 -1
- package/types/components/TextField/hooks/index.d.ts +0 -1
- package/types/components/TextField/hooks/index.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Autocomplete/Autocomplete.d.ts +2 -64
- package/types/examples/plasma_b2c/components/Autocomplete/Autocomplete.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Mask/Mask.d.ts +92 -2732
- package/types/examples/plasma_b2c/components/Mask/Mask.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Switch/Switch.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Switch/Switch.d.ts +20 -0
- package/types/examples/plasma_b2c/components/Switch/Switch.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Switch/Switch.outline.config.d.ts +30 -0
- package/types/examples/plasma_b2c/components/Switch/Switch.outline.config.d.ts.map +1 -0
- package/types/examples/plasma_b2c/components/TextField/TextField.d.ts +92 -1676
- package/types/examples/plasma_b2c/components/TextField/TextField.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Autocomplete/Autocomplete.d.ts +2 -64
- package/types/examples/plasma_web/components/Autocomplete/Autocomplete.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Mask/Mask.d.ts +92 -2732
- package/types/examples/plasma_web/components/Mask/Mask.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Switch/Switch.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Switch/Switch.d.ts +20 -0
- package/types/examples/plasma_web/components/Switch/Switch.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Switch/Switch.outline.config.d.ts +30 -0
- package/types/examples/plasma_web/components/Switch/Switch.outline.config.d.ts.map +1 -0
- package/types/examples/plasma_web/components/TextField/TextField.d.ts +92 -1676
- package/types/examples/plasma_web/components/TextField/TextField.d.ts.map +1 -1
- package/types/utils/constants.d.ts +0 -2
- package/types/utils/constants.d.ts.map +1 -1
- package/cjs/components/Switch/_toggleSize/base_6i0904.css +0 -1
- package/cjs/components/Switch/_view/base_yxkf3s.css +0 -1
- package/cjs/components/TextField/hooks/useValidation.js +0 -273
- package/cjs/components/TextField/hooks/useValidation.js.map +0 -1
- package/emotion/cjs/components/TextField/hooks/useValidation.js +0 -276
- package/emotion/es/components/TextField/hooks/useValidation.js +0 -270
- package/es/components/Switch/_toggleSize/base_6i0904.css +0 -1
- package/es/components/Switch/_view/base_yxkf3s.css +0 -1
- package/es/components/TextField/hooks/useValidation.js +0 -269
- package/es/components/TextField/hooks/useValidation.js.map +0 -1
- package/styled-components/cjs/components/TextField/hooks/useValidation.js +0 -276
- package/styled-components/es/components/TextField/hooks/useValidation.js +0 -270
- package/types/components/TextField/hooks/useValidation.d.ts +0 -7
- package/types/components/TextField/hooks/useValidation.d.ts.map +0 -1
@@ -291,255 +291,3 @@ export const Chips: StoryObj<StoryPropsChips> = {
|
|
291
291
|
},
|
292
292
|
render: (args) => <StoryChips {...args} />,
|
293
293
|
};
|
294
|
-
|
295
|
-
type StoryEmailValidationProps = StoryPropsDefault & {
|
296
|
-
minLengthValue?: number;
|
297
|
-
minLengthErrorMessage?: string;
|
298
|
-
maxLengthValue?: number;
|
299
|
-
maxLengthErrorMessage?: string;
|
300
|
-
minHostLengthValue?: number;
|
301
|
-
minHostLengthErrorMessage?: string;
|
302
|
-
maxHostLengthValue?: number;
|
303
|
-
maxHostLengthErrorMessage?: string;
|
304
|
-
minDomainLengthValue?: number;
|
305
|
-
minDomainLengthErrorMessage?: string;
|
306
|
-
maxDomainLengthValue?: number;
|
307
|
-
maxDomainLengthErrorMessage?: string;
|
308
|
-
minZoneLengthValue?: number;
|
309
|
-
minZoneLengthErrorMessage?: string;
|
310
|
-
maxZoneLengthValue?: number;
|
311
|
-
maxZoneLengthErrorMessage?: string;
|
312
|
-
whitelistDomainsValue?: string;
|
313
|
-
whitelistDomainsErrorMessage?: string;
|
314
|
-
blacklistDomainsValue?: string;
|
315
|
-
blacklistDomainsErrorMessage?: string;
|
316
|
-
};
|
317
|
-
|
318
|
-
const StoryEmailValidation = ({
|
319
|
-
minLengthValue,
|
320
|
-
minLengthErrorMessage,
|
321
|
-
maxLengthValue,
|
322
|
-
maxLengthErrorMessage,
|
323
|
-
minHostLengthValue,
|
324
|
-
minHostLengthErrorMessage,
|
325
|
-
maxHostLengthValue,
|
326
|
-
maxHostLengthErrorMessage,
|
327
|
-
minDomainLengthValue,
|
328
|
-
minDomainLengthErrorMessage,
|
329
|
-
maxDomainLengthValue,
|
330
|
-
maxDomainLengthErrorMessage,
|
331
|
-
minZoneLengthValue,
|
332
|
-
minZoneLengthErrorMessage,
|
333
|
-
maxZoneLengthValue,
|
334
|
-
maxZoneLengthErrorMessage,
|
335
|
-
whitelistDomainsValue,
|
336
|
-
whitelistDomainsErrorMessage,
|
337
|
-
blacklistDomainsValue,
|
338
|
-
blacklistDomainsErrorMessage,
|
339
|
-
...rest
|
340
|
-
}: StoryEmailValidationProps) => {
|
341
|
-
const [error, setError] = useState('');
|
342
|
-
|
343
|
-
const validationOptions = {
|
344
|
-
minLength: {
|
345
|
-
value: minLengthValue || undefined,
|
346
|
-
errorMessage: minLengthErrorMessage || 'Почта слишком короткая',
|
347
|
-
},
|
348
|
-
maxLength: {
|
349
|
-
value: maxLengthValue || undefined,
|
350
|
-
errorMessage: maxLengthErrorMessage || 'Почта слишком длинная',
|
351
|
-
},
|
352
|
-
minHostLength: {
|
353
|
-
value: minHostLengthValue || undefined,
|
354
|
-
errorMessage: minHostLengthErrorMessage || 'Хост слишком короткий',
|
355
|
-
},
|
356
|
-
maxHostLength: {
|
357
|
-
value: maxHostLengthValue || undefined,
|
358
|
-
errorMessage: maxHostLengthErrorMessage || 'Хост слишком длинный',
|
359
|
-
},
|
360
|
-
minDomainLength: {
|
361
|
-
value: minDomainLengthValue || undefined,
|
362
|
-
errorMessage: minDomainLengthErrorMessage || 'Домен слишком короткий',
|
363
|
-
},
|
364
|
-
maxDomainLength: {
|
365
|
-
value: maxDomainLengthValue || undefined,
|
366
|
-
errorMessage: maxDomainLengthErrorMessage || 'Домен слишком длинный',
|
367
|
-
},
|
368
|
-
minZoneLength: {
|
369
|
-
value: minZoneLengthValue || undefined,
|
370
|
-
errorMessage: minZoneLengthErrorMessage || 'Доменная зона слишком короткая',
|
371
|
-
},
|
372
|
-
maxZoneLength: {
|
373
|
-
value: maxZoneLengthValue || undefined,
|
374
|
-
errorMessage: maxZoneLengthErrorMessage || 'Доменная зона слишком длинная',
|
375
|
-
},
|
376
|
-
whitelistDomains: {
|
377
|
-
value: whitelistDomainsValue?.split(',') || undefined,
|
378
|
-
errorMessage: whitelistDomainsErrorMessage || 'Домен не разрешен',
|
379
|
-
},
|
380
|
-
blacklistDomains: {
|
381
|
-
value: blacklistDomainsValue?.split(',') || undefined,
|
382
|
-
errorMessage: blacklistDomainsErrorMessage || 'Домен запрещен',
|
383
|
-
},
|
384
|
-
};
|
385
|
-
|
386
|
-
const handleOnChange = () => {
|
387
|
-
setError('');
|
388
|
-
};
|
389
|
-
|
390
|
-
const handleOnValidate = ({ errorMessage }: { errorMessage?: string }) => {
|
391
|
-
setError(errorMessage || '');
|
392
|
-
};
|
393
|
-
|
394
|
-
return (
|
395
|
-
<TextField
|
396
|
-
label="Валидация почты"
|
397
|
-
validationType="email"
|
398
|
-
options={validationOptions}
|
399
|
-
size="l"
|
400
|
-
view={error ? 'negative' : 'default'}
|
401
|
-
leftHelper={error || 'Валидация почты'}
|
402
|
-
onChange={handleOnChange}
|
403
|
-
onValidate={handleOnValidate}
|
404
|
-
{...rest}
|
405
|
-
/>
|
406
|
-
);
|
407
|
-
};
|
408
|
-
|
409
|
-
export const EmailValidation: StoryObj<StoryEmailValidationProps> = {
|
410
|
-
argTypes: {
|
411
|
-
...disableProps(['view', 'size', 'maxLength', 'required', 'requiredPlacement', 'optional']),
|
412
|
-
},
|
413
|
-
args: {
|
414
|
-
labelPlacement: 'outer',
|
415
|
-
placeholder: 'Заполните поле',
|
416
|
-
minLengthValue: 5,
|
417
|
-
minLengthErrorMessage: 'Почта слишком короткая',
|
418
|
-
maxLengthValue: 25,
|
419
|
-
maxLengthErrorMessage: 'Почта слишком длинная',
|
420
|
-
minHostLengthValue: 1,
|
421
|
-
minHostLengthErrorMessage: 'Хост слишком короткий',
|
422
|
-
maxHostLengthValue: 12,
|
423
|
-
maxHostLengthErrorMessage: 'Хост слишком длинный',
|
424
|
-
minDomainLengthValue: 1,
|
425
|
-
minDomainLengthErrorMessage: 'Домен слишком короткий',
|
426
|
-
maxDomainLengthValue: 6,
|
427
|
-
maxDomainLengthErrorMessage: 'Домен слишком длинный',
|
428
|
-
minZoneLengthValue: 1,
|
429
|
-
minZoneLengthErrorMessage: 'Доменная зона слишком короткая',
|
430
|
-
maxZoneLengthValue: 5,
|
431
|
-
maxZoneLengthErrorMessage: 'Доменная зона слишком длинная',
|
432
|
-
whitelistDomainsValue: 'gmail.com,yandex.ru,mail.ru,mail.com',
|
433
|
-
whitelistDomainsErrorMessage: 'Домен не разрешен',
|
434
|
-
blacklistDomainsValue: 'heh.org,hah.ha',
|
435
|
-
blacklistDomainsErrorMessage: 'Домен запрещен',
|
436
|
-
},
|
437
|
-
render: (args) => <StoryEmailValidation {...args} />,
|
438
|
-
};
|
439
|
-
|
440
|
-
type StoryPasswordValidationProps = StoryPropsDefault & {
|
441
|
-
minLengthValue?: number;
|
442
|
-
minLengthErrorMessage?: string;
|
443
|
-
maxLengthValue?: number;
|
444
|
-
maxLengthErrorMessage?: string;
|
445
|
-
includeUppercase?: boolean;
|
446
|
-
includeUppercaseErrorMessage?: string;
|
447
|
-
includeLowercase?: boolean;
|
448
|
-
includeLowercaseErrorMessage?: string;
|
449
|
-
includeDigits?: boolean;
|
450
|
-
includeDigitsErrorMessage?: string;
|
451
|
-
includeSpecialSymbols?: boolean;
|
452
|
-
includeSpecialSymbolsErrorMessage?: string;
|
453
|
-
};
|
454
|
-
|
455
|
-
const StoryPasswordValidation = ({
|
456
|
-
minLengthValue,
|
457
|
-
minLengthErrorMessage,
|
458
|
-
maxLengthValue,
|
459
|
-
maxLengthErrorMessage,
|
460
|
-
includeUppercase,
|
461
|
-
includeUppercaseErrorMessage,
|
462
|
-
includeLowercase,
|
463
|
-
includeLowercaseErrorMessage,
|
464
|
-
includeDigits,
|
465
|
-
includeDigitsErrorMessage,
|
466
|
-
includeSpecialSymbols,
|
467
|
-
includeSpecialSymbolsErrorMessage,
|
468
|
-
...rest
|
469
|
-
}: StoryPasswordValidationProps) => {
|
470
|
-
const [error, setError] = useState('');
|
471
|
-
|
472
|
-
const validationOptions = {
|
473
|
-
minLength: {
|
474
|
-
value: minLengthValue || undefined,
|
475
|
-
errorMessage: minLengthErrorMessage || 'Пароль слишком короткий',
|
476
|
-
},
|
477
|
-
maxLength: {
|
478
|
-
value: maxLengthValue || undefined,
|
479
|
-
errorMessage: maxLengthErrorMessage || 'Пароль слишком длинный',
|
480
|
-
},
|
481
|
-
includeUppercase: {
|
482
|
-
value: includeUppercase,
|
483
|
-
errorMessage: includeUppercaseErrorMessage || 'Пароль должен содержать хотя бы одну заглавную букву',
|
484
|
-
},
|
485
|
-
includeLowercase: {
|
486
|
-
value: includeLowercase,
|
487
|
-
errorMessage: includeLowercaseErrorMessage || 'Пароль должен содержать хотя бы одну строчную букву',
|
488
|
-
},
|
489
|
-
includeDigits: {
|
490
|
-
value: includeDigits,
|
491
|
-
errorMessage: includeDigitsErrorMessage || 'Пароль должен содержать хотя бы одну цифру',
|
492
|
-
},
|
493
|
-
includeSpecialSymbols: {
|
494
|
-
value: includeSpecialSymbols,
|
495
|
-
errorMessage:
|
496
|
-
includeSpecialSymbolsErrorMessage || 'Пароль должен содержать хотя бы один специальный символ',
|
497
|
-
},
|
498
|
-
};
|
499
|
-
|
500
|
-
const handleOnChange = () => {
|
501
|
-
setError('');
|
502
|
-
};
|
503
|
-
|
504
|
-
const handleOnValidate = ({ errorMessage }: { errorMessage?: string }) => {
|
505
|
-
setError(errorMessage || '');
|
506
|
-
};
|
507
|
-
|
508
|
-
return (
|
509
|
-
<TextField
|
510
|
-
label="Валидация пароля"
|
511
|
-
validationType="password"
|
512
|
-
options={validationOptions}
|
513
|
-
size="l"
|
514
|
-
view={error ? 'negative' : 'default'}
|
515
|
-
leftHelper={error || 'Валидация пароля'}
|
516
|
-
onChange={handleOnChange}
|
517
|
-
onValidate={handleOnValidate}
|
518
|
-
{...rest}
|
519
|
-
/>
|
520
|
-
);
|
521
|
-
};
|
522
|
-
|
523
|
-
export const PasswordValidation: StoryObj<StoryPasswordValidationProps> = {
|
524
|
-
argTypes: {
|
525
|
-
...disableProps(['view', 'size', 'maxLength', 'required', 'requiredPlacement', 'optional']),
|
526
|
-
},
|
527
|
-
args: {
|
528
|
-
labelPlacement: 'outer',
|
529
|
-
placeholder: 'Заполните поле',
|
530
|
-
passwordHidden: false,
|
531
|
-
minLengthValue: 5,
|
532
|
-
minLengthErrorMessage: 'Пароль слишком короткий',
|
533
|
-
maxLengthValue: 25,
|
534
|
-
maxLengthErrorMessage: 'Пароль слишком длинный',
|
535
|
-
includeUppercase: true,
|
536
|
-
includeUppercaseErrorMessage: 'Пароль должен содержать хотя бы одну заглавную букву',
|
537
|
-
includeLowercase: true,
|
538
|
-
includeLowercaseErrorMessage: 'Пароль должен содержать хотя бы одну строчную букву',
|
539
|
-
includeDigits: true,
|
540
|
-
includeDigitsErrorMessage: 'Пароль должен содержать хотя бы одну цифру',
|
541
|
-
includeSpecialSymbols: true,
|
542
|
-
includeSpecialSymbolsErrorMessage: 'Пароль должен содержать хотя бы один специальный символ',
|
543
|
-
},
|
544
|
-
render: (args) => <StoryPasswordValidation {...args} />,
|
545
|
-
};
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import type { InputHTMLAttributes, ReactNode } from 'react';
|
2
|
-
import { TextFieldPropsBase, RequiredProps
|
2
|
+
import { TextFieldPropsBase, RequiredProps } from '../TextField/TextField.types';
|
3
3
|
export declare type SuggestionItemType = {
|
4
4
|
/**
|
5
5
|
* Метка-подпись к подсказке
|
@@ -84,5 +84,5 @@ export declare type BaseProps = {
|
|
84
84
|
*/
|
85
85
|
renderListEnd?: () => ReactNode;
|
86
86
|
};
|
87
|
-
export declare type AutocompleteProps = BaseProps & RequiredProps &
|
87
|
+
export declare type AutocompleteProps = BaseProps & RequiredProps & Omit<TextFieldPropsBase, 'chips' | 'onChangeChips' | 'enumerationType' | 'required' | 'optional' | 'requiredPlacement'> & Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'required'>;
|
88
88
|
//# sourceMappingURL=Autocomplete.types.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Autocomplete.types.d.ts","sourceRoot":"","sources":["../../../src/components/Autocomplete/Autocomplete.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5D,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,
|
1
|
+
{"version":3,"file":"Autocomplete.types.d.ts","sourceRoot":"","sources":["../../../src/components/Autocomplete/Autocomplete.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5D,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAEjF,oBAAY,kBAAkB,GAAG;IAC7B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;CAC5B,CAAC;AAEF,oBAAY,SAAS,GAAG;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC/C;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,WAAW,CAAC,EAAE,kBAAkB,EAAE,CAAC;IACnC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,OAAO,CAAC;IAC/C;;OAEG;IACH,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAC;IACxD;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACxD;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,kBAAkB,EAAE,KAAK,SAAS,CAAC;IACxD;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,SAAS,CAAC;CACnC,CAAC;AAEF,oBAAY,iBAAiB,GAAG,SAAS,GACrC,aAAa,GACb,IAAI,CACA,kBAAkB,EAClB,OAAO,GAAG,eAAe,GAAG,iBAAiB,GAAG,UAAU,GAAG,UAAU,GAAG,mBAAmB,CAChG,GACD,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC,CAAC"}
|