@salutejs/plasma-web 1.498.0-dev.0 → 1.498.1-dev.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/css/cjs/components/Accordion/Accordion.config.js +1 -1
- package/css/cjs/components/Attach/Attach.config.js +1 -1
- package/css/cjs/components/Autocomplete/Autocomplete.config.js +1 -1
- package/css/cjs/components/Avatar/Avatar.config.js +1 -1
- package/css/cjs/components/Badge/Badge.config.js +1 -1
- package/css/cjs/components/Breadcrumbs/Breadcrumbs.config.js +1 -1
- package/css/cjs/components/Button/Button.config.js +1 -1
- package/css/cjs/components/ButtonGroup/ButtonGroup.config.js +1 -1
- package/css/cjs/components/Calendar/CalendarBase.config.js +1 -1
- package/css/cjs/components/Calendar/CalendarDouble.config.js +1 -1
- package/css/cjs/components/Cell/Cell.config.js +1 -1
- package/css/cjs/components/Checkbox/Checkbox.config.js +1 -1
- package/css/cjs/components/Chip/Chip.config.js +1 -1
- package/css/cjs/components/ChipGroup/ChipGroup.config.js +1 -1
- package/css/cjs/components/Combobox/Combobox.config.js +1 -1
- package/css/cjs/components/Combobox/Combobox.js +6 -2
- package/css/cjs/components/Combobox/Combobox.js.map +1 -1
- package/css/cjs/components/Combobox/Legacy/Combobox.config.js +1 -1
- package/css/cjs/components/Counter/Counter.config.js +1 -1
- package/css/cjs/components/DatePicker/DatePicker.config.js +1 -1
- package/css/cjs/components/Divider/Divider.config.js +1 -1
- package/css/cjs/components/Drawer/Drawer.config.js +1 -1
- package/css/cjs/components/Dropdown/Dropdown.config.js +1 -1
- package/css/cjs/components/Dropdown/Dropdown.js +5 -1
- package/css/cjs/components/Dropdown/Dropdown.js.map +1 -1
- package/css/cjs/components/Dropdown/components/DropdownItem.js +8 -3
- package/css/cjs/components/Dropdown/components/DropdownItem.js.map +1 -1
- package/css/cjs/components/Dropdown/components/DropdownList.js +5 -1
- package/css/cjs/components/Dropdown/components/DropdownList.js.map +1 -1
- package/css/cjs/components/Dropdown/components/DropdownOld.config.js +1 -1
- package/css/cjs/components/Dropdown/components/DropdownPopup.js +5 -1
- package/css/cjs/components/Dropdown/components/DropdownPopup.js.map +1 -1
- package/css/cjs/components/Dropzone/Dropzone.config.js +1 -1
- package/css/cjs/components/Editable/Editable.config.js +1 -1
- package/css/cjs/components/EmptyState/EmptyState.config.js +1 -1
- package/css/cjs/components/Grid/Grid.config.js +1 -1
- package/css/cjs/components/IconButton/IconButton.config.js +1 -1
- package/css/cjs/components/Indicator/Indicator.config.js +1 -1
- package/css/cjs/components/Link/Link.config.js +1 -1
- package/css/cjs/components/ModalBase/Modal.config.js +1 -1
- package/css/cjs/components/Note/Note.config.js +1 -1
- package/css/cjs/components/Notification/Notification.config.js +1 -1
- package/css/cjs/components/Notification/Notification.js +5 -1
- package/css/cjs/components/Notification/Notification.js.map +1 -1
- package/css/cjs/components/NumberInput/NumberInput.config.js +1 -1
- package/css/cjs/components/Pagination/Pagination.config.js +1 -1
- package/css/cjs/components/Popover/Popover.config.js +1 -1
- package/css/cjs/components/Progress/Progress.config.js +1 -1
- package/css/cjs/components/Radiobox/Radiobox.config.js +1 -1
- package/css/cjs/components/Range/Range.config.js +1 -1
- package/css/cjs/components/Rating/Rating.config.js +1 -1
- package/css/cjs/components/Segment/SegmentGroup.config.js +1 -1
- package/css/cjs/components/Segment/SegmentItem.config.js +1 -1
- package/css/cjs/components/Select/Select.config.js +1 -1
- package/css/cjs/components/Select/Select.js +5 -1
- package/css/cjs/components/Select/Select.js.map +1 -1
- package/css/cjs/components/Sheet/Sheet.config.js +1 -1
- package/css/cjs/components/Skeleton/LineSkeleton.config.js +1 -1
- package/css/cjs/components/Slider/Slider.config.js +1 -1
- package/css/cjs/components/Spinner/Spinner.config.js +1 -1
- package/css/cjs/components/Steps/Steps.config.js +1 -1
- package/css/cjs/components/Switch/Switch.config.js +1 -1
- package/css/cjs/components/Tabs/TabItem.js +6 -2
- package/css/cjs/components/Tabs/TabItem.js.map +1 -1
- package/css/cjs/components/Tabs/Tabs.js +6 -2
- package/css/cjs/components/Tabs/Tabs.js.map +1 -1
- package/css/cjs/components/Tabs/horizontal/HorizontalTabItem.config.js +1 -1
- package/css/cjs/components/Tabs/horizontal/HorizontalTabs.config.js +1 -1
- package/css/cjs/components/Tabs/vertical/VerticalTabItem.config.js +1 -1
- package/css/cjs/components/Tabs/vertical/VerticalTabs.config.js +1 -1
- package/css/cjs/components/TextArea/TextArea.config.js +1 -1
- package/css/cjs/components/TextField/TextField.config.js +1 -1
- package/css/cjs/components/TextField/TextField.js +6 -2
- package/css/cjs/components/TextField/TextField.js.map +1 -1
- package/css/cjs/components/TextFieldGroup/TextFieldGroup.config.js +1 -1
- package/css/cjs/components/Toast/Toast.config.js +1 -1
- package/css/cjs/components/Toolbar/Toolbar.config.js +1 -1
- package/css/cjs/components/Tooltip/Tooltip.config.js +1 -1
- package/css/cjs/components/Tree/Tree.config.js +1 -1
- package/css/cjs/components/Typography/Body.config.js +1 -1
- package/css/cjs/components/Typography/Dspl.config.js +1 -1
- package/css/cjs/components/Typography/Heading.config.js +1 -1
- package/css/cjs/components/Typography/Old/Body.config.js +1 -1
- package/css/cjs/components/Typography/Old/Button.config.js +1 -1
- package/css/cjs/components/Typography/Old/Caption.config.js +1 -1
- package/css/cjs/components/Typography/Old/Footnote.config.js +1 -1
- package/css/cjs/components/Typography/Old/Headline.config.js +1 -1
- package/css/cjs/components/Typography/Old/Paragraph.config.js +1 -1
- package/css/cjs/components/Typography/Old/ParagraphText.config.js +1 -1
- package/css/cjs/components/Typography/Old/Subtitle.config.js +1 -1
- package/css/cjs/components/Typography/Old/Underline.config.js +1 -1
- package/css/cjs/components/Typography/Text.config.js +1 -1
- package/package.json +3 -3
- package/rollup.config.mjs +68 -55
|
@@ -7,6 +7,10 @@ var plasmaNewHope = require('@salutejs/plasma-new-hope');
|
|
|
7
7
|
var HorizontalTabItem_config = require('./horizontal/HorizontalTabItem.config.js');
|
|
8
8
|
var VerticalTabItem_config = require('./vertical/VerticalTabItem.config.js');
|
|
9
9
|
|
|
10
|
+
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
11
|
+
|
|
12
|
+
var React__default = /*#__PURE__*/_interopDefault(React);
|
|
13
|
+
|
|
10
14
|
var mergedHorizontalTabItemConfig = /*#__PURE__*/plasmaNewHope.mergeConfig(plasmaNewHope.horizontalTabItemConfig, HorizontalTabItem_config.config);
|
|
11
15
|
var HorizontalTabItem = /*#__PURE__*/plasmaNewHope.component(mergedHorizontalTabItemConfig);
|
|
12
16
|
var mergedVerticalTabItemConfig = /*#__PURE__*/plasmaNewHope.mergeConfig(plasmaNewHope.verticalTabItemConfig, VerticalTabItem_config.config);
|
|
@@ -19,9 +23,9 @@ var VerticalTabItem = /*#__PURE__*/plasmaNewHope.component(mergedVerticalTabItem
|
|
|
19
23
|
*/
|
|
20
24
|
var TabItem = function TabItem(props) {
|
|
21
25
|
if (props.orientation === 'vertical') {
|
|
22
|
-
return /*#__PURE__*/
|
|
26
|
+
return /*#__PURE__*/React__default.default.createElement(VerticalTabItem, props);
|
|
23
27
|
}
|
|
24
|
-
return /*#__PURE__*/
|
|
28
|
+
return /*#__PURE__*/React__default.default.createElement(HorizontalTabItem, props);
|
|
25
29
|
};
|
|
26
30
|
|
|
27
31
|
exports.TabItem = TabItem;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabItem.js","sources":["../../../../src-css/components/Tabs/TabItem.tsx"],"sourcesContent":["import React, { ComponentProps, ReactNode } from 'react';\nimport {\n horizontalTabItemConfig,\n verticalTabItemConfig,\n component,\n mergeConfig,\n RightContent,\n BaseTabItemProps,\n} from '@salutejs/plasma-new-hope';\n\nimport { config as horizontalConfig } from './horizontal/HorizontalTabItem.config';\nimport { config as verticalConfig } from './vertical/VerticalTabItem.config';\n\nconst mergedHorizontalTabItemConfig = mergeConfig(horizontalTabItemConfig, horizontalConfig);\nconst HorizontalTabItem = component(mergedHorizontalTabItemConfig);\n\nconst mergedVerticalTabItemConfig = mergeConfig(verticalTabItemConfig, verticalConfig);\nconst VerticalTabItem = component(mergedVerticalTabItemConfig);\n\ntype Sizes = keyof typeof horizontalConfig['variations']['size'];\ntype Views = keyof typeof horizontalConfig['variations']['view'];\n\n// TODO: удалить после отказа от deprecated props\nexport type CustomHorizontalTabItemProps = {\n /**\n * Расположение табов\n */\n orientation?: 'horizontal';\n /**\n * Контент слева\n */\n contentLeft?: ReactNode;\n /**\n * TabItem c округлым border-radius\n * @deprecated\n * @default false\n */\n pilled?: boolean;\n /**\n * Фон TabItem меняется с анимацией\n * @deprecated\n * @default true\n */\n animated?: boolean;\n /**\n * Вид TabItem\n */\n view?: Views;\n /**\n * Размер TabItem\n */\n size?: Sizes;\n /**\n * Активен ли TabItem\n * @deprecated Используйте свойство `selected`\n */\n isActive?: boolean;\n} & RightContent;\n\ntype TabItemProps = (BaseTabItemProps & CustomHorizontalTabItemProps) | ComponentProps<typeof VerticalTabItem>;\n\n/**\n * Элемент списка, недопустимо использовать вне компонента Tabs.\n */\nexport const TabItem = (props: TabItemProps) => {\n if (props.orientation === 'vertical') {\n return <VerticalTabItem {...props} />;\n }\n\n return <HorizontalTabItem {...(props as any)} />;\n};\n"],"names":["mergedHorizontalTabItemConfig","mergeConfig","horizontalTabItemConfig","horizontalConfig","HorizontalTabItem","component","mergedVerticalTabItemConfig","verticalTabItemConfig","verticalConfig","VerticalTabItem","TabItem","props","orientation","React","createElement"],"mappings":"
|
|
1
|
+
{"version":3,"file":"TabItem.js","sources":["../../../../src-css/components/Tabs/TabItem.tsx"],"sourcesContent":["import React, { ComponentProps, ReactNode } from 'react';\nimport {\n horizontalTabItemConfig,\n verticalTabItemConfig,\n component,\n mergeConfig,\n RightContent,\n BaseTabItemProps,\n} from '@salutejs/plasma-new-hope';\n\nimport { config as horizontalConfig } from './horizontal/HorizontalTabItem.config';\nimport { config as verticalConfig } from './vertical/VerticalTabItem.config';\n\nconst mergedHorizontalTabItemConfig = mergeConfig(horizontalTabItemConfig, horizontalConfig);\nconst HorizontalTabItem = component(mergedHorizontalTabItemConfig);\n\nconst mergedVerticalTabItemConfig = mergeConfig(verticalTabItemConfig, verticalConfig);\nconst VerticalTabItem = component(mergedVerticalTabItemConfig);\n\ntype Sizes = keyof typeof horizontalConfig['variations']['size'];\ntype Views = keyof typeof horizontalConfig['variations']['view'];\n\n// TODO: удалить после отказа от deprecated props\nexport type CustomHorizontalTabItemProps = {\n /**\n * Расположение табов\n */\n orientation?: 'horizontal';\n /**\n * Контент слева\n */\n contentLeft?: ReactNode;\n /**\n * TabItem c округлым border-radius\n * @deprecated\n * @default false\n */\n pilled?: boolean;\n /**\n * Фон TabItem меняется с анимацией\n * @deprecated\n * @default true\n */\n animated?: boolean;\n /**\n * Вид TabItem\n */\n view?: Views;\n /**\n * Размер TabItem\n */\n size?: Sizes;\n /**\n * Активен ли TabItem\n * @deprecated Используйте свойство `selected`\n */\n isActive?: boolean;\n} & RightContent;\n\ntype TabItemProps = (BaseTabItemProps & CustomHorizontalTabItemProps) | ComponentProps<typeof VerticalTabItem>;\n\n/**\n * Элемент списка, недопустимо использовать вне компонента Tabs.\n */\nexport const TabItem = (props: TabItemProps) => {\n if (props.orientation === 'vertical') {\n return <VerticalTabItem {...props} />;\n }\n\n return <HorizontalTabItem {...(props as any)} />;\n};\n"],"names":["mergedHorizontalTabItemConfig","mergeConfig","horizontalTabItemConfig","horizontalConfig","HorizontalTabItem","component","mergedVerticalTabItemConfig","verticalTabItemConfig","verticalConfig","VerticalTabItem","TabItem","props","orientation","React","createElement"],"mappings":";;;;;;;;;;;;;AAaA,IAAMA,6BAA6B,gBAAGC,yBAAW,CAACC,qCAAuB,EAAEC,+BAAgB,CAAC,CAAA;AAC5F,IAAMC,iBAAiB,gBAAGC,uBAAS,CAACL,6BAA6B,CAAC,CAAA;AAElE,IAAMM,2BAA2B,gBAAGL,yBAAW,CAACM,mCAAqB,EAAEC,6BAAc,CAAC,CAAA;AACtF,IAAMC,eAAe,gBAAGJ,uBAAS,CAACC,2BAA2B,CAAC,CAAA;;AAK9D;;AAuCA;AACA;AACA;IACaI,OAAO,GAAG,SAAVA,OAAOA,CAAIC,KAAmB,EAAK;AAC5C,EAAA,IAAIA,KAAK,CAACC,WAAW,KAAK,UAAU,EAAE;AAClC,IAAA,oBAAOC,sBAAA,CAAAC,aAAA,CAACL,eAAe,EAAKE,KAAQ,CAAC,CAAA;AACzC,GAAA;AAEA,EAAA,oBAAOE,sBAAA,CAAAC,aAAA,CAACV,iBAAiB,EAAMO,KAAgB,CAAC,CAAA;AACpD;;;;"}
|
|
@@ -7,6 +7,10 @@ var plasmaNewHope = require('@salutejs/plasma-new-hope');
|
|
|
7
7
|
var HorizontalTabs_config = require('./horizontal/HorizontalTabs.config.js');
|
|
8
8
|
var VerticalTabs_config = require('./vertical/VerticalTabs.config.js');
|
|
9
9
|
|
|
10
|
+
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
11
|
+
|
|
12
|
+
var React__default = /*#__PURE__*/_interopDefault(React);
|
|
13
|
+
|
|
10
14
|
var mergedHorizontalTabsConfig = /*#__PURE__*/plasmaNewHope.mergeConfig(plasmaNewHope.horizontalTabsConfig, HorizontalTabs_config.config);
|
|
11
15
|
var mergedVerticalTabsConfig = /*#__PURE__*/plasmaNewHope.mergeConfig(plasmaNewHope.verticalTabsConfig, VerticalTabs_config.config);
|
|
12
16
|
var HorizontalTabs = /*#__PURE__*/plasmaNewHope.component(mergedHorizontalTabsConfig);
|
|
@@ -19,9 +23,9 @@ var VerticalTabs = /*#__PURE__*/plasmaNewHope.component(mergedVerticalTabsConfig
|
|
|
19
23
|
*/
|
|
20
24
|
var Tabs = function Tabs(props) {
|
|
21
25
|
if (props.orientation === 'vertical') {
|
|
22
|
-
return /*#__PURE__*/
|
|
26
|
+
return /*#__PURE__*/React__default.default.createElement(VerticalTabs, props);
|
|
23
27
|
}
|
|
24
|
-
return /*#__PURE__*/
|
|
28
|
+
return /*#__PURE__*/React__default.default.createElement(HorizontalTabs, props);
|
|
25
29
|
};
|
|
26
30
|
|
|
27
31
|
exports.Tabs = Tabs;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tabs.js","sources":["../../../../src-css/components/Tabs/Tabs.tsx"],"sourcesContent":["import React, { ComponentProps } from 'react';\nimport {\n horizontalTabsConfig,\n verticalTabsConfig,\n component,\n mergeConfig,\n BaseTabsProps,\n} from '@salutejs/plasma-new-hope';\n\nimport { config as horizontalConfig } from './horizontal/HorizontalTabs.config';\nimport { config as verticalConfig } from './vertical/VerticalTabs.config';\n\nconst mergedHorizontalTabsConfig = mergeConfig(horizontalTabsConfig, horizontalConfig);\nconst mergedVerticalTabsConfig = mergeConfig(verticalTabsConfig, verticalConfig);\n\nconst HorizontalTabs = component(mergedHorizontalTabsConfig);\nconst VerticalTabs = component(mergedVerticalTabsConfig);\n\ntype Sizes = keyof typeof horizontalConfig['variations']['size'];\ntype Views = keyof typeof horizontalConfig['variations']['view'];\n\n// TODO: удалить после отказа от deprecated props\ntype CustomHorizontalTabsProps = {\n /**\n * Расположение табов\n */\n orientation?: 'horizontal';\n /**\n * Наличие divider\n * @default true\n */\n hasDivider?: boolean;\n /**\n * Табы растянуты на доступную область\n * @default false\n */\n stretch?: boolean;\n /**\n * Табы c округлым border-radius\n * @deprecated\n * @default false\n */\n pilled?: boolean;\n /**\n * Вид табов\n */\n view?: Views;\n /**\n * Размер табов\n */\n size?: Sizes;\n /**\n * Уберет скругление с выбранной стороны и подвинет контейнер\n * @deprecated\n */\n outsideScroll?: boolean | { left?: string; right?: string };\n};\n\ntype TabsProps = (BaseTabsProps & CustomHorizontalTabsProps) | ComponentProps<typeof VerticalTabs>;\n\n/**\n * Контейнер вкладок, основной компонент для пользовательской сборки вкладок.\n */\nexport const Tabs = (props: TabsProps) => {\n if (props.orientation === 'vertical') {\n return <VerticalTabs {...props} />;\n }\n\n return <HorizontalTabs {...(props as any)} />;\n};\n"],"names":["mergedHorizontalTabsConfig","mergeConfig","horizontalTabsConfig","horizontalConfig","mergedVerticalTabsConfig","verticalTabsConfig","verticalConfig","HorizontalTabs","component","VerticalTabs","Tabs","props","orientation","React","createElement"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Tabs.js","sources":["../../../../src-css/components/Tabs/Tabs.tsx"],"sourcesContent":["import React, { ComponentProps } from 'react';\nimport {\n horizontalTabsConfig,\n verticalTabsConfig,\n component,\n mergeConfig,\n BaseTabsProps,\n} from '@salutejs/plasma-new-hope';\n\nimport { config as horizontalConfig } from './horizontal/HorizontalTabs.config';\nimport { config as verticalConfig } from './vertical/VerticalTabs.config';\n\nconst mergedHorizontalTabsConfig = mergeConfig(horizontalTabsConfig, horizontalConfig);\nconst mergedVerticalTabsConfig = mergeConfig(verticalTabsConfig, verticalConfig);\n\nconst HorizontalTabs = component(mergedHorizontalTabsConfig);\nconst VerticalTabs = component(mergedVerticalTabsConfig);\n\ntype Sizes = keyof typeof horizontalConfig['variations']['size'];\ntype Views = keyof typeof horizontalConfig['variations']['view'];\n\n// TODO: удалить после отказа от deprecated props\ntype CustomHorizontalTabsProps = {\n /**\n * Расположение табов\n */\n orientation?: 'horizontal';\n /**\n * Наличие divider\n * @default true\n */\n hasDivider?: boolean;\n /**\n * Табы растянуты на доступную область\n * @default false\n */\n stretch?: boolean;\n /**\n * Табы c округлым border-radius\n * @deprecated\n * @default false\n */\n pilled?: boolean;\n /**\n * Вид табов\n */\n view?: Views;\n /**\n * Размер табов\n */\n size?: Sizes;\n /**\n * Уберет скругление с выбранной стороны и подвинет контейнер\n * @deprecated\n */\n outsideScroll?: boolean | { left?: string; right?: string };\n};\n\ntype TabsProps = (BaseTabsProps & CustomHorizontalTabsProps) | ComponentProps<typeof VerticalTabs>;\n\n/**\n * Контейнер вкладок, основной компонент для пользовательской сборки вкладок.\n */\nexport const Tabs = (props: TabsProps) => {\n if (props.orientation === 'vertical') {\n return <VerticalTabs {...props} />;\n }\n\n return <HorizontalTabs {...(props as any)} />;\n};\n"],"names":["mergedHorizontalTabsConfig","mergeConfig","horizontalTabsConfig","horizontalConfig","mergedVerticalTabsConfig","verticalTabsConfig","verticalConfig","HorizontalTabs","component","VerticalTabs","Tabs","props","orientation","React","createElement"],"mappings":";;;;;;;;;;;;;AAYA,IAAMA,0BAA0B,gBAAGC,yBAAW,CAACC,kCAAoB,EAAEC,4BAAgB,CAAC,CAAA;AACtF,IAAMC,wBAAwB,gBAAGH,yBAAW,CAACI,gCAAkB,EAAEC,0BAAc,CAAC,CAAA;AAEhF,IAAMC,cAAc,gBAAGC,uBAAS,CAACR,0BAA0B,CAAC,CAAA;AAC5D,IAAMS,YAAY,gBAAGD,uBAAS,CAACJ,wBAAwB,CAAC,CAAA;;AAKxD;;AAuCA;AACA;AACA;IACaM,IAAI,GAAG,SAAPA,IAAIA,CAAIC,KAAgB,EAAK;AACtC,EAAA,IAAIA,KAAK,CAACC,WAAW,KAAK,UAAU,EAAE;AAClC,IAAA,oBAAOC,sBAAA,CAAAC,aAAA,CAACL,YAAY,EAAKE,KAAQ,CAAC,CAAA;AACtC,GAAA;AAEA,EAAA,oBAAOE,sBAAA,CAAAC,aAAA,CAACP,cAAc,EAAMI,KAAgB,CAAC,CAAA;AACjD;;;;"}
|
|
@@ -7,6 +7,10 @@ var React = require('react');
|
|
|
7
7
|
var plasmaNewHope = require('@salutejs/plasma-new-hope');
|
|
8
8
|
var TextField_config = require('./TextField.config.js');
|
|
9
9
|
|
|
10
|
+
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
11
|
+
|
|
12
|
+
var React__default = /*#__PURE__*/_interopDefault(React);
|
|
13
|
+
|
|
10
14
|
var _excluded = ["status", "label", "keepPlaceholder", "placeholder", "animatedHint", "helperText", "hintText", "enumerationType", "chips", "chipView", "chipValidator", "onSearch", "onChangeChips", "chipType", "size"];
|
|
11
15
|
var mergedConfig = /*#__PURE__*/plasmaNewHope.mergeConfig(plasmaNewHope.textFieldConfig, TextField_config.config);
|
|
12
16
|
var TextFieldComponent = /*#__PURE__*/plasmaNewHope.component(mergedConfig);
|
|
@@ -61,7 +65,7 @@ var TextField = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
61
65
|
keepPlaceholder: keepPlaceholder
|
|
62
66
|
};
|
|
63
67
|
if (enumerationType === 'chip') {
|
|
64
|
-
return /*#__PURE__*/
|
|
68
|
+
return /*#__PURE__*/React__default.default.createElement(TextFieldComponent, _rollupPluginBabelHelpers.extends({}, rest, labelProps, {
|
|
65
69
|
view: _view,
|
|
66
70
|
size: size,
|
|
67
71
|
placeholder: placeholder,
|
|
@@ -76,7 +80,7 @@ var TextField = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
76
80
|
chipType: chipType
|
|
77
81
|
}));
|
|
78
82
|
}
|
|
79
|
-
return /*#__PURE__*/
|
|
83
|
+
return /*#__PURE__*/React__default.default.createElement(TextFieldComponent, _rollupPluginBabelHelpers.extends({}, rest, labelProps, {
|
|
80
84
|
view: _view,
|
|
81
85
|
label: _label,
|
|
82
86
|
size: size,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextField.js","sources":["../../../../src-css/components/TextField/TextField.tsx"],"sourcesContent":["import React, { forwardRef, ReactNode } from 'react';\nimport type { TextFieldProps as TextFieldPropsOld } from '@salutejs/plasma-hope';\nimport { textFieldConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\nimport type { PopoverPlacement, PopoverPlacementBasic } from '@salutejs/plasma-new-hope';\n\nimport { config } from './TextField.config';\n\nconst mergedConfig = mergeConfig(textFieldConfig, config);\nexport const TextFieldComponent = component(mergedConfig);\n\ntype newHopeTextFieldProps = React.ComponentProps<typeof TextFieldComponent>;\n\ntype ClearProps =\n | {\n /**\n * view применяется с clear-токенами\n */\n clear?: boolean;\n /**\n * отобразить ли divider\n */\n hasDivider?: boolean;\n }\n | {\n /**\n * view применяется с clear-токенами\n */\n clear?: false;\n /**\n * отобразить ли divider\n */\n hasDivider?: never;\n };\n\ntype HintProps =\n | {\n /**\n * Текст тултипа\n */\n hintText: string;\n /**\n * Способ открытия тултипа - наведение или клик мышью\n */\n hintTrigger?: 'hover' | 'click';\n /**\n * Вид тултипа\n */\n hintView?: 'default';\n /**\n * Размер тултипа\n */\n hintSize?: 's' | 'm';\n /**\n * Элемент, рядом с которым произойдет вызов всплывающего окна.\n * Если свойство не задано, применится иконка по умолчанию.\n */\n hintTarget?: ReactNode;\n /**\n * Направление раскрытия тултипа.\n */\n hintPlacement?: PopoverPlacement | Array<PopoverPlacementBasic>;\n /**\n * Видимость стрелки (хвоста).\n */\n hintHasArrow?: boolean;\n /**\n * Отступ окна относительно элемента, у которого оно вызвано.\n * @default\n * [0, 8]\n */\n hintOffset?: [number, number];\n /**\n * Ширина окна (в rem).\n */\n hintWidth?: string;\n /**\n * Слот для контента слева, например `Icon`.\n */\n hintContentLeft?: ReactNode;\n }\n | {\n hintTrigger?: never;\n hintText?: never;\n hintView?: never;\n hintSize?: never;\n hintTarget?: never;\n hintPlacement?: never;\n hintHasArrow?: never;\n hintOffset?: never;\n hintWidth?: never;\n hintContentLeft?: never;\n };\n\ntype TextFieldProps = Omit<TextFieldPropsOld, 'helperText'> & {\n /**\n * Подсказка для поля ввода.\n */\n helperText?: ReactNode;\n} & ClearProps &\n HintProps;\n\nexport type CustomTextFieldProps = TextFieldProps &\n Pick<\n newHopeTextFieldProps,\n | 'enumerationType'\n | 'chips'\n | 'chipType'\n | 'onChangeChips'\n | 'titleCaption'\n | 'labelPlacement'\n | 'keepPlaceholder'\n | 'required'\n | 'requiredPlacement'\n | 'optional'\n | 'chipView'\n | 'chipValidator'\n >;\n\nconst statusToView: Record<NonNullable<TextFieldProps['status']>, NonNullable<newHopeTextFieldProps['view']>> = {\n success: 'positive',\n warning: 'warning',\n error: 'negative',\n};\nconst animatedHintToLabelPlacement: Record<\n NonNullable<TextFieldProps['animatedHint']>,\n NonNullable<newHopeTextFieldProps['labelPlacement']>\n> = {\n placeholder: 'outer',\n label: 'inner',\n};\n\n/**\n * Поле ввода текста.\n */\nexport const TextField = forwardRef<HTMLInputElement, CustomTextFieldProps>((props, ref) => {\n const {\n status,\n\n label,\n keepPlaceholder,\n placeholder,\n animatedHint,\n helperText,\n hintText,\n\n enumerationType,\n chips,\n chipView,\n chipValidator,\n onSearch,\n onChangeChips,\n chipType,\n\n size = 'l',\n\n ...rest\n } = props;\n\n /** TODO: #1064 Remove In plasma-2.0 */\n /* eslint-disable no-underscore-dangle */\n const _view = status ? statusToView[status] : 'default';\n let _labelPlacement = animatedHint ? animatedHintToLabelPlacement[animatedHint] : 'outer';\n let _label = label ? String(label) : undefined;\n\n if (size !== 'l' && _labelPlacement === 'inner' && !keepPlaceholder) {\n _label = undefined;\n _labelPlacement = 'outer';\n }\n\n if (size === 'l' && animatedHint === 'placeholder' && !label) {\n _label = placeholder;\n _labelPlacement = 'inner';\n }\n\n const labelProps = {\n label: _label,\n labelPlacement: _labelPlacement,\n keepPlaceholder,\n };\n\n if (enumerationType === 'chip') {\n return (\n <TextFieldComponent\n {...rest}\n {...labelProps}\n view={_view}\n size={size}\n placeholder={placeholder}\n leftHelper={helperText}\n ref={ref}\n enumerationType=\"chip\"\n chips={chips}\n chipView={chipView}\n chipValidator={chipValidator}\n hintText={String(hintText || '')}\n onChangeChips={onChangeChips}\n chipType={chipType}\n />\n );\n }\n\n return (\n <TextFieldComponent\n {...rest}\n {...labelProps}\n view={_view}\n label={_label}\n size={size}\n placeholder={placeholder}\n leftHelper={helperText}\n ref={ref}\n enumerationType=\"plain\"\n hintText={String(hintText || '')}\n onSearch={onSearch}\n />\n );\n});\n"],"names":["mergedConfig","mergeConfig","textFieldConfig","config","TextFieldComponent","component","statusToView","success","warning","error","animatedHintToLabelPlacement","placeholder","label","TextField","forwardRef","props","ref","status","keepPlaceholder","animatedHint","helperText","hintText","enumerationType","chips","chipView","chipValidator","onSearch","onChangeChips","chipType","_props$size","size","rest","_objectWithoutProperties","_excluded","_view","_labelPlacement","_label","String","undefined","labelProps","labelPlacement","React","createElement","_extends","view","leftHelper"],"mappings":"
|
|
1
|
+
{"version":3,"file":"TextField.js","sources":["../../../../src-css/components/TextField/TextField.tsx"],"sourcesContent":["import React, { forwardRef, ReactNode } from 'react';\nimport type { TextFieldProps as TextFieldPropsOld } from '@salutejs/plasma-hope';\nimport { textFieldConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\nimport type { PopoverPlacement, PopoverPlacementBasic } from '@salutejs/plasma-new-hope';\n\nimport { config } from './TextField.config';\n\nconst mergedConfig = mergeConfig(textFieldConfig, config);\nexport const TextFieldComponent = component(mergedConfig);\n\ntype newHopeTextFieldProps = React.ComponentProps<typeof TextFieldComponent>;\n\ntype ClearProps =\n | {\n /**\n * view применяется с clear-токенами\n */\n clear?: boolean;\n /**\n * отобразить ли divider\n */\n hasDivider?: boolean;\n }\n | {\n /**\n * view применяется с clear-токенами\n */\n clear?: false;\n /**\n * отобразить ли divider\n */\n hasDivider?: never;\n };\n\ntype HintProps =\n | {\n /**\n * Текст тултипа\n */\n hintText: string;\n /**\n * Способ открытия тултипа - наведение или клик мышью\n */\n hintTrigger?: 'hover' | 'click';\n /**\n * Вид тултипа\n */\n hintView?: 'default';\n /**\n * Размер тултипа\n */\n hintSize?: 's' | 'm';\n /**\n * Элемент, рядом с которым произойдет вызов всплывающего окна.\n * Если свойство не задано, применится иконка по умолчанию.\n */\n hintTarget?: ReactNode;\n /**\n * Направление раскрытия тултипа.\n */\n hintPlacement?: PopoverPlacement | Array<PopoverPlacementBasic>;\n /**\n * Видимость стрелки (хвоста).\n */\n hintHasArrow?: boolean;\n /**\n * Отступ окна относительно элемента, у которого оно вызвано.\n * @default\n * [0, 8]\n */\n hintOffset?: [number, number];\n /**\n * Ширина окна (в rem).\n */\n hintWidth?: string;\n /**\n * Слот для контента слева, например `Icon`.\n */\n hintContentLeft?: ReactNode;\n }\n | {\n hintTrigger?: never;\n hintText?: never;\n hintView?: never;\n hintSize?: never;\n hintTarget?: never;\n hintPlacement?: never;\n hintHasArrow?: never;\n hintOffset?: never;\n hintWidth?: never;\n hintContentLeft?: never;\n };\n\ntype TextFieldProps = Omit<TextFieldPropsOld, 'helperText'> & {\n /**\n * Подсказка для поля ввода.\n */\n helperText?: ReactNode;\n} & ClearProps &\n HintProps;\n\nexport type CustomTextFieldProps = TextFieldProps &\n Pick<\n newHopeTextFieldProps,\n | 'enumerationType'\n | 'chips'\n | 'chipType'\n | 'onChangeChips'\n | 'titleCaption'\n | 'labelPlacement'\n | 'keepPlaceholder'\n | 'required'\n | 'requiredPlacement'\n | 'optional'\n | 'chipView'\n | 'chipValidator'\n >;\n\nconst statusToView: Record<NonNullable<TextFieldProps['status']>, NonNullable<newHopeTextFieldProps['view']>> = {\n success: 'positive',\n warning: 'warning',\n error: 'negative',\n};\nconst animatedHintToLabelPlacement: Record<\n NonNullable<TextFieldProps['animatedHint']>,\n NonNullable<newHopeTextFieldProps['labelPlacement']>\n> = {\n placeholder: 'outer',\n label: 'inner',\n};\n\n/**\n * Поле ввода текста.\n */\nexport const TextField = forwardRef<HTMLInputElement, CustomTextFieldProps>((props, ref) => {\n const {\n status,\n\n label,\n keepPlaceholder,\n placeholder,\n animatedHint,\n helperText,\n hintText,\n\n enumerationType,\n chips,\n chipView,\n chipValidator,\n onSearch,\n onChangeChips,\n chipType,\n\n size = 'l',\n\n ...rest\n } = props;\n\n /** TODO: #1064 Remove In plasma-2.0 */\n /* eslint-disable no-underscore-dangle */\n const _view = status ? statusToView[status] : 'default';\n let _labelPlacement = animatedHint ? animatedHintToLabelPlacement[animatedHint] : 'outer';\n let _label = label ? String(label) : undefined;\n\n if (size !== 'l' && _labelPlacement === 'inner' && !keepPlaceholder) {\n _label = undefined;\n _labelPlacement = 'outer';\n }\n\n if (size === 'l' && animatedHint === 'placeholder' && !label) {\n _label = placeholder;\n _labelPlacement = 'inner';\n }\n\n const labelProps = {\n label: _label,\n labelPlacement: _labelPlacement,\n keepPlaceholder,\n };\n\n if (enumerationType === 'chip') {\n return (\n <TextFieldComponent\n {...rest}\n {...labelProps}\n view={_view}\n size={size}\n placeholder={placeholder}\n leftHelper={helperText}\n ref={ref}\n enumerationType=\"chip\"\n chips={chips}\n chipView={chipView}\n chipValidator={chipValidator}\n hintText={String(hintText || '')}\n onChangeChips={onChangeChips}\n chipType={chipType}\n />\n );\n }\n\n return (\n <TextFieldComponent\n {...rest}\n {...labelProps}\n view={_view}\n label={_label}\n size={size}\n placeholder={placeholder}\n leftHelper={helperText}\n ref={ref}\n enumerationType=\"plain\"\n hintText={String(hintText || '')}\n onSearch={onSearch}\n />\n );\n});\n"],"names":["mergedConfig","mergeConfig","textFieldConfig","config","TextFieldComponent","component","statusToView","success","warning","error","animatedHintToLabelPlacement","placeholder","label","TextField","forwardRef","props","ref","status","keepPlaceholder","animatedHint","helperText","hintText","enumerationType","chips","chipView","chipValidator","onSearch","onChangeChips","chipType","_props$size","size","rest","_objectWithoutProperties","_excluded","_view","_labelPlacement","_label","String","undefined","labelProps","labelPlacement","React","createElement","_extends","view","leftHelper"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@salutejs/plasma-web",
|
|
3
|
-
"version": "1.498.
|
|
3
|
+
"version": "1.498.1-dev.0",
|
|
4
4
|
"description": "Salute Design System / React UI kit for web applications",
|
|
5
5
|
"author": "Salute Frontend Team <salute.developers@gmail.com>",
|
|
6
6
|
"license": "MIT",
|
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
"dependencies": {
|
|
22
22
|
"@salutejs/plasma-core": "1.191.0-dev.0",
|
|
23
23
|
"@salutejs/plasma-hope": "1.328.1-dev.0",
|
|
24
|
-
"@salutejs/plasma-new-hope": "0.242.
|
|
24
|
+
"@salutejs/plasma-new-hope": "0.242.1-dev.0",
|
|
25
25
|
"@salutejs/plasma-themes": "0.28.0",
|
|
26
26
|
"@salutejs/plasma-tokens-b2b": "1.45.0-dev.0",
|
|
27
27
|
"@salutejs/plasma-tokens-b2c": "0.56.0-dev.0",
|
|
@@ -111,5 +111,5 @@
|
|
|
111
111
|
"Fanil Zubairov"
|
|
112
112
|
],
|
|
113
113
|
"sideEffects": false,
|
|
114
|
-
"gitHead": "
|
|
114
|
+
"gitHead": "c18f0449390eaea739fe5dc06b46001465110f06"
|
|
115
115
|
}
|
package/rollup.config.mjs
CHANGED
|
@@ -36,6 +36,7 @@ export default {
|
|
|
36
36
|
sourcemap: true,
|
|
37
37
|
exports: 'named',
|
|
38
38
|
assetFileNames: "[name][extname]",
|
|
39
|
+
interop: 'auto',
|
|
39
40
|
}],
|
|
40
41
|
external: (id) => {
|
|
41
42
|
if (id.startsWith('regenerator-runtime') || id === 'tslib') {
|
|
@@ -80,66 +81,78 @@ function importCssPlugin() {
|
|
|
80
81
|
const styles = {};
|
|
81
82
|
|
|
82
83
|
return {
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
// TODO: #718 cjs modules => require('./file.css');
|
|
105
|
-
const importString = `import './${file.replace('.css.js', '.css.css')}';\n`;
|
|
106
|
-
this.emitFile({
|
|
107
|
-
type: 'asset',
|
|
108
|
-
fileName: file,
|
|
109
|
-
source: importString + code,
|
|
110
|
-
});
|
|
111
|
-
} else if (file.endsWith('.js')) {
|
|
112
|
-
// ADD IMPORT FOR LINARIA
|
|
113
|
-
// linaria
|
|
114
|
-
const cssFiles = modules.importedIds
|
|
115
|
-
.filter(a => a.includes(inputDir))
|
|
116
|
-
.filter(a => !a.endsWith('.module.css') && a.endsWith('.css'))
|
|
117
|
-
.map(a => path.relative(inputDir, a))
|
|
118
|
-
|
|
119
|
-
if (!cssFiles.length) {
|
|
120
|
-
return;
|
|
121
|
-
}
|
|
122
|
-
const imports = [];
|
|
123
|
-
cssFiles.forEach(cssFile => {
|
|
124
|
-
imports.push(`import './${path.relative(path.dirname(file), cssFile)}';`);
|
|
125
|
-
this.emitFile({
|
|
126
|
-
type: 'asset',
|
|
127
|
-
fileName: cssFile,
|
|
128
|
-
source: styles[cssFile],
|
|
129
|
-
});
|
|
130
|
-
})
|
|
131
|
-
if (imports.length) {
|
|
84
|
+
name: 'importCssPlugin',
|
|
85
|
+
transform(code, id) {
|
|
86
|
+
if (!filter(id)) {
|
|
87
|
+
return;
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
if (styles[id] !== code && (styles[id] || code)) {
|
|
91
|
+
styles[path.relative(inputDir, id)] = code;
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
return { code };
|
|
95
|
+
},
|
|
96
|
+
generateBundle(options, bundle) {
|
|
97
|
+
const files = Object.keys(bundle);
|
|
98
|
+
|
|
99
|
+
files.forEach((file) => {
|
|
100
|
+
const root = bundle[file].facadeModuleId;
|
|
101
|
+
const modules = this.getModuleInfo(root);
|
|
102
|
+
|
|
103
|
+
// ADD IMPORT FOR CSS MODULES
|
|
104
|
+
if (file.endsWith('.css.js')) {
|
|
132
105
|
const { code } = bundle[file];
|
|
106
|
+
const data = file.replace('.css.js', '.css.css');
|
|
107
|
+
|
|
108
|
+
const requireString =
|
|
109
|
+
options.format === 'cjs' ? `require('./${data}');\n` : `import './${data}';\n`;
|
|
110
|
+
|
|
133
111
|
this.emitFile({
|
|
134
112
|
type: 'asset',
|
|
135
113
|
fileName: file,
|
|
136
|
-
source:
|
|
114
|
+
source: requireString + code,
|
|
115
|
+
});
|
|
116
|
+
} else if (file.endsWith('.js')) {
|
|
117
|
+
// ADD IMPORT FOR LINARIA
|
|
118
|
+
// linaria
|
|
119
|
+
const cssFiles = modules.importedIds
|
|
120
|
+
.filter((a) => a.includes(inputDir))
|
|
121
|
+
.filter((a) => !a.endsWith('.module.css') && a.endsWith('.css'))
|
|
122
|
+
.map((a) => path.relative(inputDir, a));
|
|
123
|
+
|
|
124
|
+
if (!cssFiles.length) {
|
|
125
|
+
return;
|
|
126
|
+
}
|
|
127
|
+
|
|
128
|
+
const imports = [];
|
|
129
|
+
|
|
130
|
+
cssFiles.forEach((cssFile) => {
|
|
131
|
+
const data = path.relative(path.dirname(file), cssFile);
|
|
132
|
+
|
|
133
|
+
const importStatement =
|
|
134
|
+
options.format === 'cjs' ? `require('./${data}');` : `import './${data}';`;
|
|
135
|
+
|
|
136
|
+
imports.push(importStatement);
|
|
137
|
+
|
|
138
|
+
this.emitFile({
|
|
139
|
+
type: 'asset',
|
|
140
|
+
fileName: cssFile,
|
|
141
|
+
source: styles[cssFile],
|
|
142
|
+
});
|
|
137
143
|
});
|
|
138
144
|
|
|
139
|
-
|
|
145
|
+
if (imports.length) {
|
|
146
|
+
const { code } = bundle[file];
|
|
147
|
+
|
|
148
|
+
this.emitFile({
|
|
149
|
+
type: 'asset',
|
|
150
|
+
fileName: file,
|
|
151
|
+
source: `${imports.join('\n')}\n${code}`,
|
|
152
|
+
});
|
|
153
|
+
}
|
|
140
154
|
}
|
|
141
|
-
}
|
|
142
|
-
}
|
|
143
|
-
},
|
|
155
|
+
});
|
|
156
|
+
},
|
|
144
157
|
};
|
|
145
|
-
|
|
158
|
+
}
|