@salutejs/plasma-new-hope 0.142.0-canary.1421.10790809666.0 → 0.142.0-canary.1424.10791681494.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Badge/Badge.css +2 -0
- package/cjs/components/Badge/Badge.js +12 -3
- package/cjs/components/Badge/Badge.js.map +1 -1
- package/cjs/components/Badge/Badge.tokens.js +3 -1
- package/cjs/components/Badge/Badge.tokens.js.map +1 -1
- package/cjs/components/Badge/variations/_clear/base.js +9 -0
- package/cjs/components/Badge/variations/_clear/base.js.map +1 -0
- package/cjs/components/Badge/variations/_clear/base_oopyb7.css +1 -0
- package/cjs/components/TextArea/TextArea.js +2 -4
- package/cjs/components/TextArea/TextArea.js.map +1 -1
- package/cjs/index.css +2 -0
- package/cjs/index.js +0 -3
- package/cjs/index.js.map +1 -1
- package/cjs/utils/index.js.map +1 -1
- package/emotion/cjs/components/Badge/Badge.js +12 -3
- package/emotion/cjs/components/Badge/Badge.template-doc.mdx +19 -28
- package/emotion/cjs/components/Badge/Badge.tokens.js +3 -1
- package/emotion/cjs/components/Badge/variations/_clear/base.js +9 -0
- package/emotion/cjs/components/Badge/variations/_clear/tokens.json +1 -0
- package/emotion/cjs/components/TextArea/TextArea.js +3 -4
- package/emotion/cjs/examples/plasma_b2c/components/Badge/Badge.config.js +15 -12
- package/emotion/cjs/examples/plasma_b2c/components/Badge/Badge.stories.tsx +38 -6
- package/emotion/cjs/examples/plasma_web/components/Badge/Badge.config.js +15 -12
- package/emotion/cjs/examples/plasma_web/components/Badge/Badge.stories.tsx +39 -6
- package/emotion/cjs/utils/index.js +0 -15
- package/emotion/es/components/Badge/Badge.js +12 -3
- package/emotion/es/components/Badge/Badge.template-doc.mdx +19 -28
- package/emotion/es/components/Badge/Badge.tokens.js +3 -1
- package/emotion/es/components/Badge/variations/_clear/base.js +3 -0
- package/emotion/es/components/Badge/variations/_clear/tokens.json +1 -0
- package/emotion/es/components/TextArea/TextArea.js +4 -5
- package/emotion/es/examples/plasma_b2c/components/Badge/Badge.config.js +15 -12
- package/emotion/es/examples/plasma_b2c/components/Badge/Badge.stories.tsx +38 -6
- package/emotion/es/examples/plasma_web/components/Badge/Badge.config.js +15 -12
- package/emotion/es/examples/plasma_web/components/Badge/Badge.stories.tsx +39 -6
- package/emotion/es/utils/index.js +0 -1
- package/es/components/Badge/Badge.css +2 -0
- package/es/components/Badge/Badge.js +12 -3
- package/es/components/Badge/Badge.js.map +1 -1
- package/es/components/Badge/Badge.tokens.js +3 -1
- package/es/components/Badge/Badge.tokens.js.map +1 -1
- package/es/components/Badge/variations/_clear/base.js +5 -0
- package/es/components/Badge/variations/_clear/base.js.map +1 -0
- package/es/components/Badge/variations/_clear/base_oopyb7.css +1 -0
- package/es/components/TextArea/TextArea.js +2 -4
- package/es/components/TextArea/TextArea.js.map +1 -1
- package/es/index.css +2 -0
- package/es/index.js +0 -1
- package/es/index.js.map +1 -1
- package/es/utils/index.js.map +1 -1
- package/package.json +2 -3
- package/styled-components/cjs/components/Badge/Badge.js +12 -3
- package/styled-components/cjs/components/Badge/Badge.template-doc.mdx +19 -28
- package/styled-components/cjs/components/Badge/Badge.tokens.js +3 -1
- package/styled-components/cjs/components/Badge/variations/_clear/base.js +9 -0
- package/styled-components/cjs/components/Badge/variations/_clear/tokens.json +1 -0
- package/styled-components/cjs/components/TextArea/TextArea.js +2 -3
- package/styled-components/cjs/examples/plasma_b2c/components/Badge/Badge.config.js +10 -7
- package/styled-components/cjs/examples/plasma_b2c/components/Badge/Badge.stories.tsx +38 -6
- package/styled-components/cjs/examples/plasma_web/components/Badge/Badge.config.js +10 -7
- package/styled-components/cjs/examples/plasma_web/components/Badge/Badge.stories.tsx +39 -6
- package/styled-components/cjs/utils/index.js +0 -15
- package/styled-components/es/components/Badge/Badge.js +12 -3
- package/styled-components/es/components/Badge/Badge.template-doc.mdx +19 -28
- package/styled-components/es/components/Badge/Badge.tokens.js +3 -1
- package/styled-components/es/components/Badge/variations/_clear/base.js +3 -0
- package/styled-components/es/components/Badge/variations/_clear/tokens.json +1 -0
- package/styled-components/es/components/TextArea/TextArea.js +3 -4
- package/styled-components/es/examples/plasma_b2c/components/Badge/Badge.config.js +10 -7
- package/styled-components/es/examples/plasma_b2c/components/Badge/Badge.stories.tsx +38 -6
- package/styled-components/es/examples/plasma_web/components/Badge/Badge.config.js +10 -7
- package/styled-components/es/examples/plasma_web/components/Badge/Badge.stories.tsx +39 -6
- package/styled-components/es/utils/index.js +0 -1
- package/types/components/Badge/Badge.d.ts +7 -23
- package/types/components/Badge/Badge.d.ts.map +1 -1
- package/types/components/Badge/Badge.tokens.d.ts +2 -0
- package/types/components/Badge/Badge.tokens.d.ts.map +1 -1
- package/types/components/Badge/Badge.types.d.ts +52 -13
- package/types/components/Badge/Badge.types.d.ts.map +1 -1
- package/types/components/Badge/variations/_clear/base.d.ts +2 -0
- package/types/components/Badge/variations/_clear/base.d.ts.map +1 -0
- package/types/examples/plasma_b2c/components/Badge/Badge.config.d.ts +3 -0
- package/types/examples/plasma_b2c/components/Badge/Badge.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Badge/Badge.d.ts +32 -3
- package/types/examples/plasma_b2c/components/Badge/Badge.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Badge/Badge.config.d.ts +3 -0
- package/types/examples/plasma_web/components/Badge/Badge.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Badge/Badge.d.ts +32 -3
- package/types/examples/plasma_web/components/Badge/Badge.d.ts.map +1 -1
- package/types/utils/index.d.ts +0 -1
- package/types/utils/index.d.ts.map +1 -1
- package/cjs/utils/setRefList.js +0 -28
- package/cjs/utils/setRefList.js.map +0 -1
- package/emotion/cjs/examples/plasma_b2c/components/Form/Form.stories.tsx +0 -68
- package/emotion/cjs/utils/setRefList.js +0 -27
- package/emotion/es/examples/plasma_b2c/components/Form/Form.stories.tsx +0 -68
- package/emotion/es/utils/setRefList.js +0 -20
- package/es/utils/setRefList.js +0 -23
- package/es/utils/setRefList.js.map +0 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Form/Form.stories.tsx +0 -68
- package/styled-components/cjs/utils/setRefList.js +0 -27
- package/styled-components/es/examples/plasma_b2c/components/Form/Form.stories.tsx +0 -68
- package/styled-components/es/utils/setRefList.js +0 -20
- package/types/utils/setRefList.d.ts +0 -6
- package/types/utils/setRefList.d.ts.map +0 -1
package/es/utils/setRefList.js
DELETED
@@ -1,23 +0,0 @@
|
|
1
|
-
function mergeRefs() {
|
2
|
-
for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {
|
3
|
-
refs[_key] = arguments[_key];
|
4
|
-
}
|
5
|
-
return function (val) {
|
6
|
-
setRefList.apply(void 0, [val].concat(refs));
|
7
|
-
};
|
8
|
-
}
|
9
|
-
function setRefList(val) {
|
10
|
-
for (var _len2 = arguments.length, refs = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
|
11
|
-
refs[_key2 - 1] = arguments[_key2];
|
12
|
-
}
|
13
|
-
refs.forEach(function (ref) {
|
14
|
-
if (typeof ref === 'function') {
|
15
|
-
ref(val);
|
16
|
-
} else if (ref != null) {
|
17
|
-
ref.current = val;
|
18
|
-
}
|
19
|
-
});
|
20
|
-
}
|
21
|
-
|
22
|
-
export { mergeRefs, setRefList };
|
23
|
-
//# sourceMappingURL=setRefList.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"setRefList.js","sources":["../../src/utils/setRefList.ts"],"sourcesContent":["import type { MutableRefObject, RefCallback } from 'react';\n\ntype MutableRefList<T> = Array<RefCallback<T> | MutableRefObject<T> | undefined | null>;\n\nexport function mergeRefs<T>(...refs: MutableRefList<T>): RefCallback<T> {\n return (val: T) => {\n setRefList(val, ...refs);\n };\n}\n\nexport function setRefList<T>(val: T, ...refs: MutableRefList<T>): void {\n refs.forEach((ref) => {\n if (typeof ref === 'function') {\n ref(val);\n } else if (ref != null) {\n ref.current = val;\n }\n });\n}\n"],"names":["mergeRefs","_len","arguments","length","refs","Array","_key","val","setRefList","apply","concat","_len2","_key2","forEach","ref","current"],"mappings":"AAIO,SAASA,SAASA,GAAgD;AAAA,EAAA,KAAA,IAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAzCC,IAAI,GAAAC,IAAAA,KAAA,CAAAJ,IAAA,GAAAK,IAAA,GAAA,CAAA,EAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,EAAA,EAAA;AAAJF,IAAAA,IAAI,CAAAE,IAAA,CAAAJ,GAAAA,SAAA,CAAAI,IAAA,CAAA,CAAA;AAAA,GAAA;EAChC,OAAO,UAACC,GAAM,EAAK;IACfC,UAAU,CAAAC,KAAA,CAACF,KAAAA,CAAAA,EAAAA,CAAAA,GAAG,EAAAG,MAAA,CAAKN,IAAI,CAAC,CAAA,CAAA;GAC3B,CAAA;AACL,CAAA;AAEO,SAASI,UAAUA,CAAID,GAAM,EAAoC;EAAA,KAAAI,IAAAA,KAAA,GAAAT,SAAA,CAAAC,MAAA,EAA/BC,IAAI,OAAAC,KAAA,CAAAM,KAAA,GAAAA,CAAAA,GAAAA,KAAA,WAAAC,KAAA,GAAA,CAAA,EAAAA,KAAA,GAAAD,KAAA,EAAAC,KAAA,EAAA,EAAA;AAAJR,IAAAA,IAAI,CAAAQ,KAAA,GAAAV,CAAAA,CAAAA,GAAAA,SAAA,CAAAU,KAAA,CAAA,CAAA;AAAA,GAAA;AACzCR,EAAAA,IAAI,CAACS,OAAO,CAAC,UAACC,GAAG,EAAK;AAClB,IAAA,IAAI,OAAOA,GAAG,KAAK,UAAU,EAAE;MAC3BA,GAAG,CAACP,GAAG,CAAC,CAAA;AACZ,KAAC,MAAM,IAAIO,GAAG,IAAI,IAAI,EAAE;MACpBA,GAAG,CAACC,OAAO,GAAGR,GAAG,CAAA;AACrB,KAAA;AACJ,GAAC,CAAC,CAAA;AACN;;;;"}
|
@@ -1,68 +0,0 @@
|
|
1
|
-
import { useForm } from 'react-hook-form';
|
2
|
-
import React from 'react';
|
3
|
-
import type { Meta, StoryObj } from '@storybook/react';
|
4
|
-
|
5
|
-
import { WithTheme } from '../../../_helpers';
|
6
|
-
import { Button } from '../Button/Button';
|
7
|
-
import { TextField } from '../TextField/TextField';
|
8
|
-
import { TextArea } from '../TextArea/TextArea'; // TextArea.tsx 120 строка, не работает из-за некорректного ref
|
9
|
-
import { Checkbox } from '../Checkbox/Checkbox';
|
10
|
-
import { Switch } from '../Switch/Switch';
|
11
|
-
import { Radiobox } from '../Radiobox/Radiobox';
|
12
|
-
import { RadioGroup } from '../../../../components/Radiobox';
|
13
|
-
|
14
|
-
type StoryDropdownProps = {};
|
15
|
-
|
16
|
-
const langName = 'language';
|
17
|
-
const itemsRadiobox = [
|
18
|
-
{ langName, value: 'c', label: 'C', disabled: false },
|
19
|
-
{ langName, value: 'cpp', label: 'C++', disabled: false },
|
20
|
-
{ langName, value: 'assembly', label: 'Assembly', disabled: false },
|
21
|
-
];
|
22
|
-
|
23
|
-
const DefaultForm = () => {
|
24
|
-
const { register, handleSubmit } = useForm();
|
25
|
-
const onSubmit = (data) => {
|
26
|
-
console.log(data);
|
27
|
-
};
|
28
|
-
|
29
|
-
return (
|
30
|
-
<form onSubmit={handleSubmit(onSubmit)} style={{ display: 'flex', flexDirection: 'column', gap: '20px' }}>
|
31
|
-
<TextField {...register('textfield')} placeholder="Textfield" required={false} />
|
32
|
-
<TextArea {...register('textarea')} autoResize placeholder="Textarea" />
|
33
|
-
<Checkbox {...register('checkbox')} label="Checkbox" />
|
34
|
-
<Switch {...register('switch')} label="Switch" labelPosition="after" />
|
35
|
-
<RadioGroup aria-labelledby="radiogroup-title-id">
|
36
|
-
<div id="radiogroup-title-id" style={{ margin: '1rem 0', fontWeight: '600' }}>
|
37
|
-
Выберите язык программирования для изучения.
|
38
|
-
</div>
|
39
|
-
{itemsRadiobox.map((item) => (
|
40
|
-
<Radiobox
|
41
|
-
key={item.value}
|
42
|
-
value={item.value}
|
43
|
-
label={item.label}
|
44
|
-
disabled={item.disabled}
|
45
|
-
{...register('radiobox')}
|
46
|
-
/>
|
47
|
-
))}
|
48
|
-
</RadioGroup>
|
49
|
-
<Button type="submit">Отправить</Button>
|
50
|
-
</form>
|
51
|
-
);
|
52
|
-
};
|
53
|
-
|
54
|
-
const meta: Meta<StoryDropdownProps> = {
|
55
|
-
title: 'plasma_b2c/Form',
|
56
|
-
decorators: [WithTheme],
|
57
|
-
component: DefaultForm,
|
58
|
-
};
|
59
|
-
|
60
|
-
export default meta;
|
61
|
-
|
62
|
-
const StoryNormal = () => {
|
63
|
-
return <DefaultForm />;
|
64
|
-
};
|
65
|
-
|
66
|
-
export const Default: StoryObj<StoryDropdownProps> = {
|
67
|
-
render: () => <StoryNormal />,
|
68
|
-
};
|
@@ -1,27 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.mergeRefs = mergeRefs;
|
7
|
-
exports.setRefList = setRefList;
|
8
|
-
function mergeRefs() {
|
9
|
-
for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {
|
10
|
-
refs[_key] = arguments[_key];
|
11
|
-
}
|
12
|
-
return function (val) {
|
13
|
-
setRefList.apply(void 0, [val].concat(refs));
|
14
|
-
};
|
15
|
-
}
|
16
|
-
function setRefList(val) {
|
17
|
-
for (var _len2 = arguments.length, refs = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
|
18
|
-
refs[_key2 - 1] = arguments[_key2];
|
19
|
-
}
|
20
|
-
refs.forEach(function (ref) {
|
21
|
-
if (typeof ref === 'function') {
|
22
|
-
ref(val);
|
23
|
-
} else if (ref != null) {
|
24
|
-
ref.current = val;
|
25
|
-
}
|
26
|
-
});
|
27
|
-
}
|
@@ -1,68 +0,0 @@
|
|
1
|
-
import { useForm } from 'react-hook-form';
|
2
|
-
import React from 'react';
|
3
|
-
import type { Meta, StoryObj } from '@storybook/react';
|
4
|
-
|
5
|
-
import { WithTheme } from '../../../_helpers';
|
6
|
-
import { Button } from '../Button/Button';
|
7
|
-
import { TextField } from '../TextField/TextField';
|
8
|
-
import { TextArea } from '../TextArea/TextArea'; // TextArea.tsx 120 строка, не работает из-за некорректного ref
|
9
|
-
import { Checkbox } from '../Checkbox/Checkbox';
|
10
|
-
import { Switch } from '../Switch/Switch';
|
11
|
-
import { Radiobox } from '../Radiobox/Radiobox';
|
12
|
-
import { RadioGroup } from '../../../../components/Radiobox';
|
13
|
-
|
14
|
-
type StoryDropdownProps = {};
|
15
|
-
|
16
|
-
const langName = 'language';
|
17
|
-
const itemsRadiobox = [
|
18
|
-
{ langName, value: 'c', label: 'C', disabled: false },
|
19
|
-
{ langName, value: 'cpp', label: 'C++', disabled: false },
|
20
|
-
{ langName, value: 'assembly', label: 'Assembly', disabled: false },
|
21
|
-
];
|
22
|
-
|
23
|
-
const DefaultForm = () => {
|
24
|
-
const { register, handleSubmit } = useForm();
|
25
|
-
const onSubmit = (data) => {
|
26
|
-
console.log(data);
|
27
|
-
};
|
28
|
-
|
29
|
-
return (
|
30
|
-
<form onSubmit={handleSubmit(onSubmit)} style={{ display: 'flex', flexDirection: 'column', gap: '20px' }}>
|
31
|
-
<TextField {...register('textfield')} placeholder="Textfield" required={false} />
|
32
|
-
<TextArea {...register('textarea')} autoResize placeholder="Textarea" />
|
33
|
-
<Checkbox {...register('checkbox')} label="Checkbox" />
|
34
|
-
<Switch {...register('switch')} label="Switch" labelPosition="after" />
|
35
|
-
<RadioGroup aria-labelledby="radiogroup-title-id">
|
36
|
-
<div id="radiogroup-title-id" style={{ margin: '1rem 0', fontWeight: '600' }}>
|
37
|
-
Выберите язык программирования для изучения.
|
38
|
-
</div>
|
39
|
-
{itemsRadiobox.map((item) => (
|
40
|
-
<Radiobox
|
41
|
-
key={item.value}
|
42
|
-
value={item.value}
|
43
|
-
label={item.label}
|
44
|
-
disabled={item.disabled}
|
45
|
-
{...register('radiobox')}
|
46
|
-
/>
|
47
|
-
))}
|
48
|
-
</RadioGroup>
|
49
|
-
<Button type="submit">Отправить</Button>
|
50
|
-
</form>
|
51
|
-
);
|
52
|
-
};
|
53
|
-
|
54
|
-
const meta: Meta<StoryDropdownProps> = {
|
55
|
-
title: 'plasma_b2c/Form',
|
56
|
-
decorators: [WithTheme],
|
57
|
-
component: DefaultForm,
|
58
|
-
};
|
59
|
-
|
60
|
-
export default meta;
|
61
|
-
|
62
|
-
const StoryNormal = () => {
|
63
|
-
return <DefaultForm />;
|
64
|
-
};
|
65
|
-
|
66
|
-
export const Default: StoryObj<StoryDropdownProps> = {
|
67
|
-
render: () => <StoryNormal />,
|
68
|
-
};
|
@@ -1,20 +0,0 @@
|
|
1
|
-
export function mergeRefs() {
|
2
|
-
for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {
|
3
|
-
refs[_key] = arguments[_key];
|
4
|
-
}
|
5
|
-
return function (val) {
|
6
|
-
setRefList.apply(void 0, [val].concat(refs));
|
7
|
-
};
|
8
|
-
}
|
9
|
-
export function setRefList(val) {
|
10
|
-
for (var _len2 = arguments.length, refs = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
|
11
|
-
refs[_key2 - 1] = arguments[_key2];
|
12
|
-
}
|
13
|
-
refs.forEach(function (ref) {
|
14
|
-
if (typeof ref === 'function') {
|
15
|
-
ref(val);
|
16
|
-
} else if (ref != null) {
|
17
|
-
ref.current = val;
|
18
|
-
}
|
19
|
-
});
|
20
|
-
}
|
@@ -1,6 +0,0 @@
|
|
1
|
-
import type { MutableRefObject, RefCallback } from 'react';
|
2
|
-
declare type MutableRefList<T> = Array<RefCallback<T> | MutableRefObject<T> | undefined | null>;
|
3
|
-
export declare function mergeRefs<T>(...refs: MutableRefList<T>): RefCallback<T>;
|
4
|
-
export declare function setRefList<T>(val: T, ...refs: MutableRefList<T>): void;
|
5
|
-
export {};
|
6
|
-
//# sourceMappingURL=setRefList.d.ts.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"setRefList.d.ts","sourceRoot":"","sources":["../../src/utils/setRefList.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAE3D,aAAK,cAAc,CAAC,CAAC,IAAI,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,gBAAgB,CAAC,CAAC,CAAC,GAAG,SAAS,GAAG,IAAI,CAAC,CAAC;AAExF,wBAAgB,SAAS,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,cAAc,CAAC,CAAC,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,CAIvE;AAED,wBAAgB,UAAU,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,IAAI,EAAE,cAAc,CAAC,CAAC,CAAC,GAAG,IAAI,CAQtE"}
|