@salutejs/plasma-new-hope 0.196.1-dev.0 → 0.197.0-canary.1572.11971256317.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Autocomplete/Autocomplete.css +1 -2
- package/cjs/components/Calendar/CalendarBase/CalendarBase.js +1 -1
- package/cjs/components/Calendar/CalendarBase/CalendarBase.js.map +1 -1
- package/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +1 -1
- package/cjs/components/Calendar/CalendarDouble/CalendarDouble.js.map +1 -1
- package/cjs/components/Calendar/store/reducer.js +2 -2
- package/cjs/components/Calendar/store/reducer.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.css +1 -2
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.css +1 -2
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +1 -2
- package/cjs/components/DatePicker/RangeDate/RangeDate.css +1 -2
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +1 -2
- package/cjs/components/DatePicker/SingleDate/SingleDate.css +1 -2
- package/cjs/components/Pagination/Pagination.css +1 -2
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +1 -2
- package/cjs/components/Range/Range.css +1 -2
- package/cjs/components/Select/Select.css +1 -2
- package/cjs/components/Select/ui/Inner/Inner.css +1 -2
- package/cjs/components/Select/ui/Inner/ui/Item/Item.css +1 -2
- package/cjs/components/Select/ui/Target/Target.css +1 -2
- package/cjs/components/Select/ui/Target/Target.js +1 -2
- package/cjs/components/Select/ui/Target/Target.js.map +1 -1
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +1 -2
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +2 -4
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
- package/cjs/components/Slider/Slider.css +1 -2
- package/cjs/components/Slider/components/Double/Double.css +1 -2
- package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +1 -2
- package/cjs/components/TextField/TextField.js +4 -7
- package/cjs/components/TextField/TextField.js.map +1 -1
- package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.css +1 -2
- package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js +3 -17
- package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js.map +1 -1
- package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +1 -7
- package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js.map +1 -1
- package/cjs/components/TextField/ui/TextFieldChip/{TextFieldChip.styles_1yosnxc.css → TextFieldChip.styles_1y8n7la.css} +0 -1
- package/cjs/index.css +1 -2
- package/emotion/cjs/components/Calendar/CalendarBase/CalendarBase.js +1 -1
- package/emotion/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +1 -1
- package/emotion/cjs/components/Calendar/store/reducer.js +2 -2
- package/emotion/cjs/components/Select/ui/Target/Target.js +1 -2
- package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +2 -4
- package/emotion/cjs/components/TextField/TextField.js +5 -8
- package/emotion/cjs/components/TextField/TextField.template-doc.mdx +3 -13
- package/emotion/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js +3 -17
- package/emotion/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +3 -12
- package/emotion/cjs/examples/plasma_b2c/components/Select/Select.stories.tsx +1 -8
- package/emotion/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +0 -10
- package/emotion/cjs/examples/plasma_web/components/Select/Select.stories.tsx +1 -8
- package/emotion/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +0 -10
- package/emotion/es/components/Calendar/CalendarBase/CalendarBase.js +1 -1
- package/emotion/es/components/Calendar/CalendarDouble/CalendarDouble.js +1 -1
- package/emotion/es/components/Calendar/store/reducer.js +2 -2
- package/emotion/es/components/Select/ui/Target/Target.js +1 -2
- package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.js +2 -4
- package/emotion/es/components/TextField/TextField.js +5 -8
- package/emotion/es/components/TextField/TextField.template-doc.mdx +3 -13
- package/emotion/es/components/TextField/ui/TextFieldChip/TextFieldChip.js +4 -18
- package/emotion/es/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +2 -11
- package/emotion/es/examples/plasma_b2c/components/Select/Select.stories.tsx +1 -8
- package/emotion/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +0 -10
- package/emotion/es/examples/plasma_web/components/Select/Select.stories.tsx +1 -8
- package/emotion/es/examples/plasma_web/components/TextField/TextField.stories.tsx +0 -10
- package/es/components/Autocomplete/Autocomplete.css +1 -2
- package/es/components/Calendar/CalendarBase/CalendarBase.js +1 -1
- package/es/components/Calendar/CalendarBase/CalendarBase.js.map +1 -1
- package/es/components/Calendar/CalendarDouble/CalendarDouble.js +1 -1
- package/es/components/Calendar/CalendarDouble/CalendarDouble.js.map +1 -1
- package/es/components/Calendar/store/reducer.js +2 -2
- package/es/components/Calendar/store/reducer.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/Combobox.css +1 -2
- package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.css +1 -2
- package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +1 -2
- package/es/components/DatePicker/RangeDate/RangeDate.css +1 -2
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +1 -2
- package/es/components/DatePicker/SingleDate/SingleDate.css +1 -2
- package/es/components/Pagination/Pagination.css +1 -2
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +1 -2
- package/es/components/Range/Range.css +1 -2
- package/es/components/Select/Select.css +1 -2
- package/es/components/Select/ui/Inner/Inner.css +1 -2
- package/es/components/Select/ui/Inner/ui/Item/Item.css +1 -2
- package/es/components/Select/ui/Target/Target.css +1 -2
- package/es/components/Select/ui/Target/Target.js +1 -2
- package/es/components/Select/ui/Target/Target.js.map +1 -1
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +1 -2
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.js +2 -4
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
- package/es/components/Slider/Slider.css +1 -2
- package/es/components/Slider/components/Double/Double.css +1 -2
- package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +1 -2
- package/es/components/TextField/TextField.js +4 -7
- package/es/components/TextField/TextField.js.map +1 -1
- package/es/components/TextField/ui/TextFieldChip/TextFieldChip.css +1 -2
- package/es/components/TextField/ui/TextFieldChip/TextFieldChip.js +4 -18
- package/es/components/TextField/ui/TextFieldChip/TextFieldChip.js.map +1 -1
- package/es/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +2 -7
- package/es/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js.map +1 -1
- package/es/components/TextField/ui/TextFieldChip/{TextFieldChip.styles_1yosnxc.css → TextFieldChip.styles_1y8n7la.css} +0 -1
- package/es/index.css +1 -2
- package/package.json +2 -2
- package/styled-components/cjs/components/Calendar/CalendarBase/CalendarBase.js +1 -1
- package/styled-components/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +1 -1
- package/styled-components/cjs/components/Calendar/store/reducer.js +2 -2
- package/styled-components/cjs/components/Select/ui/Target/Target.js +1 -2
- package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +2 -4
- package/styled-components/cjs/components/TextField/TextField.js +4 -7
- package/styled-components/cjs/components/TextField/TextField.template-doc.mdx +3 -13
- package/styled-components/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js +3 -17
- package/styled-components/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +2 -10
- package/styled-components/cjs/examples/plasma_b2c/components/Select/Select.stories.tsx +1 -8
- package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +0 -10
- package/styled-components/cjs/examples/plasma_web/components/Select/Select.stories.tsx +1 -8
- package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +0 -10
- package/styled-components/es/components/Calendar/CalendarBase/CalendarBase.js +1 -1
- package/styled-components/es/components/Calendar/CalendarDouble/CalendarDouble.js +1 -1
- package/styled-components/es/components/Calendar/store/reducer.js +2 -2
- package/styled-components/es/components/Select/ui/Target/Target.js +1 -2
- package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.js +2 -4
- package/styled-components/es/components/TextField/TextField.js +4 -7
- package/styled-components/es/components/TextField/TextField.template-doc.mdx +3 -13
- package/styled-components/es/components/TextField/ui/TextFieldChip/TextFieldChip.js +4 -18
- package/styled-components/es/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +1 -9
- package/styled-components/es/examples/plasma_b2c/components/Select/Select.stories.tsx +1 -8
- package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +0 -10
- package/styled-components/es/examples/plasma_web/components/Select/Select.stories.tsx +1 -8
- package/styled-components/es/examples/plasma_web/components/TextField/TextField.stories.tsx +0 -10
- package/types/components/Autocomplete/Autocomplete.types.d.ts +2 -3
- package/types/components/Autocomplete/Autocomplete.types.d.ts.map +1 -1
- package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts +0 -16
- package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts.map +1 -1
- package/types/components/Calendar/store/reducer.d.ts +1 -1
- package/types/components/Calendar/store/reducer.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts +0 -16
- package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts +0 -16
- package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts.map +1 -1
- package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts +0 -6
- package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts.map +1 -1
- package/types/components/Range/Range.styles.d.ts +0 -16
- package/types/components/Range/Range.styles.d.ts.map +1 -1
- package/types/components/Select/Select.types.d.ts +0 -5
- package/types/components/Select/Select.types.d.ts.map +1 -1
- package/types/components/Select/ui/Target/Target.d.ts +1 -1
- package/types/components/Select/ui/Target/Target.d.ts.map +1 -1
- package/types/components/Select/ui/Target/Target.types.d.ts +1 -1
- package/types/components/Select/ui/Target/Target.types.d.ts.map +1 -1
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.d.ts.map +1 -1
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts +0 -16
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts.map +1 -1
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.types.d.ts +1 -1
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.types.d.ts.map +1 -1
- package/types/components/Slider/components/Double/Double.styles.d.ts +0 -16
- package/types/components/Slider/components/Double/Double.styles.d.ts.map +1 -1
- package/types/components/TextField/TextField.d.ts.map +1 -1
- package/types/components/TextField/TextField.types.d.ts +0 -8
- package/types/components/TextField/TextField.types.d.ts.map +1 -1
- package/types/components/TextField/ui/TextFieldChip/TextFieldChip.d.ts.map +1 -1
- package/types/components/TextField/ui/TextFieldChip/TextFieldChip.styles.d.ts +0 -1
- package/types/components/TextField/ui/TextFieldChip/TextFieldChip.styles.d.ts.map +1 -1
- package/types/components/TextField/ui/TextFieldChip/TextFieldChip.types.d.ts +1 -5
- package/types/components/TextField/ui/TextFieldChip/TextFieldChip.types.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Autocomplete/Autocomplete.d.ts +3 -553
- package/types/examples/plasma_b2c/components/Autocomplete/Autocomplete.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Mask/Mask.d.ts +0 -16
- package/types/examples/plasma_b2c/components/Mask/Mask.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Select/Select.d.ts +0 -6
- package/types/examples/plasma_b2c/components/Select/Select.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/TextField/TextField.d.ts +0 -16
- package/types/examples/plasma_b2c/components/TextField/TextField.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Autocomplete/Autocomplete.d.ts +3 -553
- package/types/examples/plasma_web/components/Autocomplete/Autocomplete.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Mask/Mask.d.ts +0 -16
- package/types/examples/plasma_web/components/Mask/Mask.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Select/Select.d.ts +0 -6
- package/types/examples/plasma_web/components/Select/Select.d.ts.map +1 -1
- package/types/examples/plasma_web/components/TextField/TextField.d.ts +0 -16
- package/types/examples/plasma_web/components/TextField/TextField.d.ts.map +1 -1
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"TextFieldChip.js","sources":["../../../../../src/components/TextField/ui/TextFieldChip/TextFieldChip.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { StyledChip
|
1
|
+
{"version":3,"file":"TextFieldChip.js","sources":["../../../../../src/components/TextField/ui/TextFieldChip/TextFieldChip.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { StyledChip } from './TextFieldChip.styles';\nimport type { TextFieldChipProps } from './TextFieldChip.types';\n\n/**\n * Чип, отображающий выбранный элемент\n */\nexport const TextFieldChip = forwardRef<\n HTMLButtonElement,\n TextFieldChipProps & { _forceChipManipulationWithReadonly: any }\n>(({ id, text, disabled, readOnly, onClick, onClear, onKeyDown, _forceChipManipulationWithReadonly }, ref) => {\n const onClearHandle = () => onClear(id);\n\n const onKeyDownHandle = (event: React.KeyboardEvent<HTMLButtonElement>) => {\n onKeyDown?.(event, id);\n };\n\n return (\n <StyledChip\n ref={ref}\n tabIndex={-1}\n disabled={disabled}\n readOnly={readOnly}\n onClick={onClick}\n onClear={onClearHandle}\n onKeyDown={onKeyDownHandle}\n text={`${text}`}\n // TODO: #1547\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n _forceChipManipulationWithReadonly={_forceChipManipulationWithReadonly}\n />\n );\n});\n"],"names":["TextFieldChip","forwardRef","_ref","ref","id","text","disabled","readOnly","onClick","onClear","onKeyDown","_forceChipManipulationWithReadonly","onClearHandle","onKeyDownHandle","event","React","createElement","StyledChip","tabIndex","concat"],"mappings":";;;AAKA;AACA;AACA;AACO,IAAMA,aAAa,gBAAGC,UAAU,CAGrC,UAAAC,IAAA,EAAoGC,GAAG,EAAK;AAAA,EAAA,IAAzGC,EAAE,GAAAF,IAAA,CAAFE,EAAE;IAAEC,IAAI,GAAAH,IAAA,CAAJG,IAAI;IAAEC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;IAAEC,QAAQ,GAAAL,IAAA,CAARK,QAAQ;IAAEC,OAAO,GAAAN,IAAA,CAAPM,OAAO;IAAEC,OAAO,GAAAP,IAAA,CAAPO,OAAO;IAAEC,SAAS,GAAAR,IAAA,CAATQ,SAAS;IAAEC,kCAAkC,GAAAT,IAAA,CAAlCS,kCAAkC,CAAA;AAC9F,EAAA,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,GAAA;IAAA,OAASH,OAAO,CAACL,EAAE,CAAC,CAAA;AAAA,GAAA,CAAA;AAEvC,EAAA,IAAMS,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,KAA6C,EAAK;IACvEJ,SAAS,KAAA,IAAA,IAATA,SAAS,KAATA,KAAAA,CAAAA,IAAAA,SAAS,CAAGI,KAAK,EAAEV,EAAE,CAAC,CAAA;GACzB,CAAA;AAED,EAAA,oBACIW,KAAA,CAAAC,aAAA,CAACC,UAAU,EAAA;AACPd,IAAAA,GAAG,EAAEA,GAAI;IACTe,QAAQ,EAAE,CAAC,CAAE;AACbZ,IAAAA,QAAQ,EAAEA,QAAS;AACnBC,IAAAA,QAAQ,EAAEA,QAAS;AACnBC,IAAAA,OAAO,EAAEA,OAAQ;AACjBC,IAAAA,OAAO,EAAEG,aAAc;AACvBF,IAAAA,SAAS,EAAEG,eAAgB;IAC3BR,IAAI,EAAA,EAAA,CAAAc,MAAA,CAAKd,IAAI,CAAA;AACb;AACA;AACA;AAAA;AACAM,IAAAA,kCAAkC,EAAEA,kCAAAA;AAAmC,GAC1E,CAAC,CAAA;AAEV,CAAC;;;;"}
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import './TextFieldChip.
|
1
|
+
import './TextFieldChip.styles_1y8n7la.css';
|
2
2
|
import { styled } from '@linaria/react';
|
3
3
|
import { component, mergeConfig } from '../../../../engines/common.js';
|
4
4
|
import { chipConfig } from '../../../Chip/Chip.js';
|
@@ -16,11 +16,6 @@ var StyledChip = /*#__PURE__*/styled(_exp())({
|
|
16
16
|
"class": "s32p7ut",
|
17
17
|
propsAsIs: true
|
18
18
|
});
|
19
|
-
var TextChip = /*#__PURE__*/styled('button')({
|
20
|
-
name: "TextChip",
|
21
|
-
"class": "t4nir3h",
|
22
|
-
propsAsIs: false
|
23
|
-
});
|
24
19
|
|
25
|
-
export { StyledChip
|
20
|
+
export { StyledChip };
|
26
21
|
//# sourceMappingURL=TextFieldChip.styles.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"TextFieldChip.styles.js","sources":["../../../../../src/components/TextField/ui/TextFieldChip/TextFieldChip.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { chipConfig, chipTokens } from '../../../Chip';\nimport { component, mergeConfig } from '../../../../engines';\nimport { tokens } from '../../TextField.tokens';\nimport { addFocus } from '../../../../mixins';\n\n// issue #823\nconst mergedConfig = mergeConfig(chipConfig);\nconst Chip = component(mergedConfig);\n\n// NOTE: Необходимое переопределение токенов из компонента Chip т.к. используются его части\nexport const StyledChip = styled(Chip)`\n ${chipTokens.color}: var(${tokens.chipColor});\n ${chipTokens.background}: var(${tokens.chipBackground});\n ${chipTokens.colorHover}: var(${tokens.chipColorHover});\n ${chipTokens.backgroundHover}: var(${tokens.chipBackgroundHover});\n ${chipTokens.colorActive}: var(${tokens.chipColorActive});\n ${chipTokens.backgroundActive}: var(${tokens.chipBackgroundActive});\n ${chipTokens.backgroundReadOnly}: var(${tokens.chipBackgroundReadOnly});\n ${chipTokens.colorReadOnly}: var(${tokens.chipColorReadOnly});\n ${chipTokens.backgroundReadOnlyHover}: var(${tokens.chipBackgroundReadOnlyHover});\n ${chipTokens.colorReadOnlyHover}: var(${tokens.chipColorReadOnlyHover});\n ${chipTokens.borderRadius}: var(${tokens.chipBorderRadius});\n ${chipTokens.width}: var(${tokens.chipWidth});\n ${chipTokens.height}: var(${tokens.chipHeight});\n ${chipTokens.paddingRight}: var(${tokens.chipPaddingRight});\n ${chipTokens.paddingLeft}: var(${tokens.chipPaddingLeft});\n ${chipTokens.fontFamily}: var(${tokens.chipFontFamily});\n ${chipTokens.fontSize}: var(${tokens.chipFontSize});\n ${chipTokens.fontStyle}: var(${tokens.chipFontStyle});\n ${chipTokens.fontWeight}: var(${tokens.chipFontWeight});\n ${chipTokens.letterSpacing}: var(${tokens.chipLetterSpacing});\n ${chipTokens.lineHeight}: var(${tokens.chipLineHeight});\n ${chipTokens.clearContentMarginLeft}: var(${tokens.chipClearContentMarginLeft});\n ${chipTokens.clearContentMarginRight}: var(${tokens.chipClearContentMarginRight});\n ${chipTokens.scaleHover}: var(${tokens.chipScaleHover});\n ${chipTokens.scaleActive}: var(${tokens.chipScaleActive});\n ${chipTokens.closeIconSize}: var(${tokens.chipCloseIconSize});\n ${chipTokens.closeIconColor}: var(${tokens.chipCloseIconColor});\n ${chipTokens.focusColor}: var(${tokens.focusColor});\n\n scroll-snap-align: center;\n scroll-snap-stop: normal;\n\n ${addFocus({\n outlineOffset: '0.0625rem',\n outlineSize: '0.0625rem',\n outlineRadius: `calc(var(${tokens.chipBorderRadius}) - 0.1rem)`,\n outlineColor: `var(${tokens.focusColor})`,\n })}\n\n &[readonly] {\n opacity: var(${tokens.chipOpacityReadonly});\n }\n`;\n
|
1
|
+
{"version":3,"file":"TextFieldChip.styles.js","sources":["../../../../../src/components/TextField/ui/TextFieldChip/TextFieldChip.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { chipConfig, chipTokens } from '../../../Chip';\nimport { component, mergeConfig } from '../../../../engines';\nimport { tokens } from '../../TextField.tokens';\nimport { addFocus } from '../../../../mixins';\n\n// issue #823\nconst mergedConfig = mergeConfig(chipConfig);\nconst Chip = component(mergedConfig);\n\n// NOTE: Необходимое переопределение токенов из компонента Chip т.к. используются его части\nexport const StyledChip = styled(Chip)`\n ${chipTokens.color}: var(${tokens.chipColor});\n ${chipTokens.background}: var(${tokens.chipBackground});\n ${chipTokens.colorHover}: var(${tokens.chipColorHover});\n ${chipTokens.backgroundHover}: var(${tokens.chipBackgroundHover});\n ${chipTokens.colorActive}: var(${tokens.chipColorActive});\n ${chipTokens.backgroundActive}: var(${tokens.chipBackgroundActive});\n ${chipTokens.backgroundReadOnly}: var(${tokens.chipBackgroundReadOnly});\n ${chipTokens.colorReadOnly}: var(${tokens.chipColorReadOnly});\n ${chipTokens.backgroundReadOnlyHover}: var(${tokens.chipBackgroundReadOnlyHover});\n ${chipTokens.colorReadOnlyHover}: var(${tokens.chipColorReadOnlyHover});\n ${chipTokens.borderRadius}: var(${tokens.chipBorderRadius});\n ${chipTokens.width}: var(${tokens.chipWidth});\n ${chipTokens.height}: var(${tokens.chipHeight});\n ${chipTokens.paddingRight}: var(${tokens.chipPaddingRight});\n ${chipTokens.paddingLeft}: var(${tokens.chipPaddingLeft});\n ${chipTokens.fontFamily}: var(${tokens.chipFontFamily});\n ${chipTokens.fontSize}: var(${tokens.chipFontSize});\n ${chipTokens.fontStyle}: var(${tokens.chipFontStyle});\n ${chipTokens.fontWeight}: var(${tokens.chipFontWeight});\n ${chipTokens.letterSpacing}: var(${tokens.chipLetterSpacing});\n ${chipTokens.lineHeight}: var(${tokens.chipLineHeight});\n ${chipTokens.clearContentMarginLeft}: var(${tokens.chipClearContentMarginLeft});\n ${chipTokens.clearContentMarginRight}: var(${tokens.chipClearContentMarginRight});\n ${chipTokens.scaleHover}: var(${tokens.chipScaleHover});\n ${chipTokens.scaleActive}: var(${tokens.chipScaleActive});\n ${chipTokens.closeIconSize}: var(${tokens.chipCloseIconSize});\n ${chipTokens.closeIconColor}: var(${tokens.chipCloseIconColor});\n ${chipTokens.focusColor}: var(${tokens.focusColor});\n\n scroll-snap-align: center;\n scroll-snap-stop: normal;\n\n ${addFocus({\n outlineOffset: '0.0625rem',\n outlineSize: '0.0625rem',\n outlineRadius: `calc(var(${tokens.chipBorderRadius}) - 0.1rem)`,\n outlineColor: `var(${tokens.focusColor})`,\n })}\n\n &[readonly] {\n opacity: var(${tokens.chipOpacityReadonly});\n }\n`;\n"],"names":["mergedConfig","mergeConfig","chipConfig","Chip","component","_exp","StyledChip","styled","name","class","propsAsIs"],"mappings":";;;;AAOA;AACA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,UAAU,CAAC,CAAA;AAC5C,IAAMC,IAAI,gBAAGC,SAAS,CAACJ,YAAY,CAAC,CAAA;;AAEpC;AAAA,IAAAK,IAAA,GAVkBA,SAUlBA,IAAAA,GAAA;AAAA,EAAA,OACiCF,IAAI,CAAA;AAAA,CAAA,CAAA;AAA9B,IAAMG,UAAU,gBAAGC,MAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CA2C/B;;;;"}
|
@@ -1,2 +1 @@
|
|
1
1
|
.s32p7ut{--plasma-chip-color:var(--plasma-textfield__chip-color);--plasma-chip-background:var(--plasma-textfield__chip-background);--plasma-chip-color-hover:var(--plasma-textfield__chip-color-hover);--plasma-chip-background-hover:var(--plasma-textfield__chip-background-hover);--plasma-chip-color-active:var(--plasma-textfield__chip-color-active);--plasma-chip-background-active:var(--plasma-textfield__chip-background-active);--plasma-chip-background-readonly:var(--plasma-textfield__chip-background-readonly);--plasma-chip-color-readonly:var(--plasma-textfield__chip-color-readonly);--plasma-chip-background-readonly-hover:var(--plasma-textfield__chip-background-readonly-hover);--plasma-chip-color-readonly-hover:var(--plasma-textfield__chip-color-readonly-hover);--plasma-chip-border-radius:var(--plasma-textfield__chip-border-radius);--plasma-chip-width:var(--plasma-textfield__chip-width);--plasma-chip-height:var(--plasma-textfield__chip-height);--plasma-chip-padding-right:var(--plasma-textfield__chip-padding-right);--plasma-chip-padding-left:var(--plasma-textfield__chip-padding-left);--plasma-chip-font-family:var(--plasma-textfield__chip-font-family);--plasma-chip-font-size:var(--plasma-textfield__chip-font-size);--plasma-chip-font-style:var(--plasma-textfield__chip-font-style);--plasma-chip-font-weight:var(--plasma-textfield__chip-font-weight);--plasma-chip-letter-spacing:var(--plasma-textfield__chip-letter-spacing);--plasma-chip-lineheight:var(--plasma-textfield__chip-line-height);--plasma-chip-clear-content-margin-left:var(--plasma-textfield__chip-clear-content-margin-left);--plasma-chip-clear-content-margin-right:var(--plasma-textfield__chip-clear-content-margin-right);--plasma-chip-scale-hover:var(--plasma-textfield__chip-scale-hover);--plasma-chip-scale-active:var(--plasma-textfield__chip-scale-active);--plasma-chip-close-icon-size:var(--plasma-textfield__chip-close-icon-size);--plasma-chip-close-icon-color:var(--plasma-textfield__chip-close-icon-color);--plasma-chip-focus-color:var(--plasma-textfield-focus-color);-webkit-scroll-snap-align:center;-moz-scroll-snap-align:center;-ms-scroll-snap-align:center;scroll-snap-align:center;-webkit-scroll-snap-stop:normal;-moz-scroll-snap-stop:normal;-ms-scroll-snap-stop:normal;scroll-snap-stop:normal;position:relative;}.s32p7ut::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-textfield__chip-border-radius) - 0.1rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.s32p7ut.focus-visible:focus::before,.s32p7ut[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.s32p7ut[readonly]{opacity:var(--plasma-textfield__chip-opacity-readonly);}
|
2
|
-
.t4nir3h{display:block;-webkit-flex:none;-ms-flex:none;flex:none;background:none;border:none;outline:none;padding:0;white-space:nowrap;cursor:pointer;font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);color:var(--plasma-textfield-color);position:relative;}.t4nir3h::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-textfield__chip-border-radius) - 0.1rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.t4nir3h.focus-visible:focus::before,.t4nir3h[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.t4nir3h:after{content:',';}.t4nir3h:last-child:after{content:'';}
|
package/es/index.css
CHANGED
@@ -197,8 +197,7 @@
|
|
197
197
|
|
198
198
|
.TextField_styles_j7dqpn_s8yezh4__f79fd7d8{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.TextField_styles_j7dqpn_s8yezh4__f79fd7d8.TextField_styles_j7dqpn_labelPlacementOuter__f79fd7d8{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.TextField_styles_j7dqpn_s8yezh4__f79fd7d8.TextField_styles_j7dqpn_labelPlacementOuter__f79fd7d8.TextField_styles_j7dqpn_requiredAlignRight__f79fd7d8{inset:var(--plasma-textfield__indicator-placement-outer-right);}.TextField_styles_j7dqpn_s8yezh4__f79fd7d8.TextField_styles_j7dqpn_labelPlacementOuter__f79fd7d8.TextField_styles_j7dqpn_requiredAlignRight__f79fd7d8.TextField_styles_j7dqpn_textfieldHasHint__f79fd7d8{right:calc(-1 * var(--plasma-textfield__indicator-size-outer));}.TextField_styles_j7dqpn_s8yezh4__f79fd7d8.TextField_styles_j7dqpn_labelPlacementInner__f79fd7d8{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.TextField_styles_j7dqpn_s8yezh4__f79fd7d8.TextField_styles_j7dqpn_labelPlacementInner__f79fd7d8.TextField_styles_j7dqpn_requiredAlignRight__f79fd7d8{inset:var(--plasma-textfield__indicator-placement-inner-right);}
|
199
199
|
|
200
|
-
.
|
201
|
-
.TextFieldChip_styles_1yosnxc_t4nir3h__b8a89acb{display:block;-webkit-flex:none;-ms-flex:none;flex:none;background:none;border:none;outline:none;padding:0;white-space:nowrap;cursor:pointer;font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);color:var(--plasma-textfield-color);position:relative;}.TextFieldChip_styles_1yosnxc_t4nir3h__b8a89acb::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-textfield__chip-border-radius) - 0.1rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.TextFieldChip_styles_1yosnxc_t4nir3h__b8a89acb.TextFieldChip_styles_1yosnxc_focusVisible__b8a89acb:focus::before,.TextFieldChip_styles_1yosnxc_t4nir3h__b8a89acb[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChip_styles_1yosnxc_t4nir3h__b8a89acb:after{content:',';}.TextFieldChip_styles_1yosnxc_t4nir3h__b8a89acb:last-child:after{content:'';}
|
200
|
+
.TextFieldChip_styles_1y8n7la_s32p7ut__8f291676{--plasma-chip-color:var(--plasma-textfield__chip-color);--plasma-chip-background:var(--plasma-textfield__chip-background);--plasma-chip-color-hover:var(--plasma-textfield__chip-color-hover);--plasma-chip-background-hover:var(--plasma-textfield__chip-background-hover);--plasma-chip-color-active:var(--plasma-textfield__chip-color-active);--plasma-chip-background-active:var(--plasma-textfield__chip-background-active);--plasma-chip-background-readonly:var(--plasma-textfield__chip-background-readonly);--plasma-chip-color-readonly:var(--plasma-textfield__chip-color-readonly);--plasma-chip-background-readonly-hover:var(--plasma-textfield__chip-background-readonly-hover);--plasma-chip-color-readonly-hover:var(--plasma-textfield__chip-color-readonly-hover);--plasma-chip-border-radius:var(--plasma-textfield__chip-border-radius);--plasma-chip-width:var(--plasma-textfield__chip-width);--plasma-chip-height:var(--plasma-textfield__chip-height);--plasma-chip-padding-right:var(--plasma-textfield__chip-padding-right);--plasma-chip-padding-left:var(--plasma-textfield__chip-padding-left);--plasma-chip-font-family:var(--plasma-textfield__chip-font-family);--plasma-chip-font-size:var(--plasma-textfield__chip-font-size);--plasma-chip-font-style:var(--plasma-textfield__chip-font-style);--plasma-chip-font-weight:var(--plasma-textfield__chip-font-weight);--plasma-chip-letter-spacing:var(--plasma-textfield__chip-letter-spacing);--plasma-chip-lineheight:var(--plasma-textfield__chip-line-height);--plasma-chip-clear-content-margin-left:var(--plasma-textfield__chip-clear-content-margin-left);--plasma-chip-clear-content-margin-right:var(--plasma-textfield__chip-clear-content-margin-right);--plasma-chip-scale-hover:var(--plasma-textfield__chip-scale-hover);--plasma-chip-scale-active:var(--plasma-textfield__chip-scale-active);--plasma-chip-close-icon-size:var(--plasma-textfield__chip-close-icon-size);--plasma-chip-close-icon-color:var(--plasma-textfield__chip-close-icon-color);--plasma-chip-focus-color:var(--plasma-textfield-focus-color);-webkit-scroll-snap-align:center;-moz-scroll-snap-align:center;-ms-scroll-snap-align:center;scroll-snap-align:center;-webkit-scroll-snap-stop:normal;-moz-scroll-snap-stop:normal;-ms-scroll-snap-stop:normal;scroll-snap-stop:normal;position:relative;}.TextFieldChip_styles_1y8n7la_s32p7ut__8f291676::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-textfield__chip-border-radius) - 0.1rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.TextFieldChip_styles_1y8n7la_s32p7ut__8f291676.TextFieldChip_styles_1y8n7la_focusVisible__8f291676:focus::before,.TextFieldChip_styles_1y8n7la_s32p7ut__8f291676[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChip_styles_1y8n7la_s32p7ut__8f291676[readonly]{opacity:var(--plasma-textfield__chip-opacity-readonly);}
|
202
201
|
|
203
202
|
.TextField_1lzb2r1_bpunezx__7d079491{display:block;}
|
204
203
|
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@salutejs/plasma-new-hope",
|
3
|
-
"version": "0.
|
3
|
+
"version": "0.197.0-canary.1572.11971256317.0",
|
4
4
|
"description": "Salute Design System blueprint",
|
5
5
|
"main": "cjs/index.js",
|
6
6
|
"module": "es/index.js",
|
@@ -129,5 +129,5 @@
|
|
129
129
|
"sideEffects": [
|
130
130
|
"*.css"
|
131
131
|
],
|
132
|
-
"gitHead": "
|
132
|
+
"gitHead": "c16f55952dc8b487efe781a930471f71fc58b441"
|
133
133
|
}
|
@@ -72,7 +72,7 @@ var calendarBaseRoot = exports.calendarBaseRoot = function calendarBaseRoot(Root
|
|
72
72
|
_useState8 = _slicedToArray(_useState7, 2),
|
73
73
|
outOfRangeKey = _useState8[0],
|
74
74
|
setOutOfRangeKey = _useState8[1];
|
75
|
-
var _useReducer = (0, _react.useReducer)(_reducer.reducer, (0, _reducer.getInitialState)(value, type)),
|
75
|
+
var _useReducer = (0, _react.useReducer)(_reducer.reducer, (0, _reducer.getInitialState)(value, min, type)),
|
76
76
|
_useReducer2 = _slicedToArray(_useReducer, 2),
|
77
77
|
state = _useReducer2[0],
|
78
78
|
dispatch = _useReducer2[1];
|
@@ -73,7 +73,7 @@ var calendarDoubleRoot = exports.calendarDoubleRoot = function calendarDoubleRoo
|
|
73
73
|
_useState8 = _slicedToArray(_useState7, 2),
|
74
74
|
outOfRangeKey = _useState8[0],
|
75
75
|
setOutOfRangeKey = _useState8[1];
|
76
|
-
var _useReducer = (0, _react.useReducer)(_reducer.reducer, (0, _reducer.getInitialState)(value, type, true)),
|
76
|
+
var _useReducer = (0, _react.useReducer)(_reducer.reducer, (0, _reducer.getInitialState)(value, min, type, true)),
|
77
77
|
_useReducer2 = _slicedToArray(_useReducer, 2),
|
78
78
|
state = _useReducer2[0],
|
79
79
|
dispatch = _useReducer2[1];
|
@@ -36,8 +36,8 @@ var sizeMap = exports.sizeMap = {
|
|
36
36
|
"double": [3, 1]
|
37
37
|
}
|
38
38
|
};
|
39
|
-
var getInitialState = exports.getInitialState = function getInitialState(value, calendarState, isDouble) {
|
40
|
-
var initDate = value || new Date();
|
39
|
+
var getInitialState = exports.getInitialState = function getInitialState(value, min, calendarState, isDouble) {
|
40
|
+
var initDate = value || min || new Date();
|
41
41
|
var date = (0, _utils.getDateFromValue)(initDate);
|
42
42
|
var resSize = isDouble ? sizeMap[calendarState]["double"] : sizeMap[calendarState].single;
|
43
43
|
return {
|
@@ -82,7 +82,6 @@ var Target = exports.Target = /*#__PURE__*/(0, _react.forwardRef)(function (_ref
|
|
82
82
|
onChange: onChange,
|
83
83
|
labelToItemMap: labelToItemMap,
|
84
84
|
chipView: chipView,
|
85
|
-
requiredProps: requiredProps
|
86
|
-
chipType: selectProps.chipType
|
85
|
+
requiredProps: requiredProps
|
87
86
|
});
|
88
87
|
});
|
@@ -42,8 +42,7 @@ var Textfield = exports.Textfield = /*#__PURE__*/(0, _react.forwardRef)(function
|
|
42
42
|
onChange = _ref.onChange,
|
43
43
|
labelToItemMap = _ref.labelToItemMap,
|
44
44
|
chipView = _ref.chipView,
|
45
|
-
requiredProps = _ref.requiredProps
|
46
|
-
chipType = _ref.chipType;
|
45
|
+
requiredProps = _ref.requiredProps;
|
47
46
|
var withArrowInverse = opened ? _Select.classes.arrowInverse : undefined;
|
48
47
|
var getChips = function getChips() {
|
49
48
|
if (multiselect && Array.isArray(value)) {
|
@@ -114,8 +113,7 @@ var Textfield = exports.Textfield = /*#__PURE__*/(0, _react.forwardRef)(function
|
|
114
113
|
}, multiselect ? {
|
115
114
|
enumerationType: 'chip',
|
116
115
|
chips: getChips(),
|
117
|
-
onChangeChips: handleChipsChange
|
118
|
-
chipType: chipType
|
116
|
+
onChangeChips: handleChipsChange
|
119
117
|
} : {
|
120
118
|
enumerationType: 'plain'
|
121
119
|
}, {
|
@@ -23,7 +23,7 @@ var _TextField2 = /*#__PURE__*/require("./TextField.tokens");
|
|
23
23
|
var _ui = /*#__PURE__*/require("./ui");
|
24
24
|
var _hooks2 = /*#__PURE__*/require("./hooks");
|
25
25
|
var _Hint = /*#__PURE__*/require("./ui/Hint/Hint");
|
26
|
-
var _excluded = ["id", "className", "style", "contentLeft", "contentRight", "label", "labelPlacement", "textBefore", "textAfter", "placeholder", "leftHelper", "enumerationType", "requiredPlacement", "titleCaption", "hintTrigger", "hintText", "hintView", "hintSize", "hintTargetIcon", "hintPlacement", "hintHasArrow", "hintOffset", "hintWidth", "hintContentLeft", "view", "size", "readOnly", "disabled", "required", "clear", "optional", "hasDivider", "value", "chips", "
|
26
|
+
var _excluded = ["id", "className", "style", "contentLeft", "contentRight", "label", "labelPlacement", "textBefore", "textAfter", "placeholder", "leftHelper", "enumerationType", "requiredPlacement", "titleCaption", "hintTrigger", "hintText", "hintView", "hintSize", "hintTargetIcon", "hintPlacement", "hintHasArrow", "hintOffset", "hintWidth", "hintContentLeft", "view", "size", "readOnly", "disabled", "required", "clear", "optional", "hasDivider", "value", "chips", "onChange", "onChangeChips", "onSearch", "onKeyDown"];
|
27
27
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
28
28
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
29
29
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
@@ -86,8 +86,6 @@ var textFieldRoot = exports.textFieldRoot = function textFieldRoot(Root) {
|
|
86
86
|
hasDivider = _ref.hasDivider,
|
87
87
|
outerValue = _ref.value,
|
88
88
|
values = _ref.chips,
|
89
|
-
_ref$chipType = _ref.chipType,
|
90
|
-
chipType = _ref$chipType === void 0 ? 'default' : _ref$chipType,
|
91
89
|
onChange = _ref.onChange,
|
92
90
|
onChangeChips = _ref.onChangeChips,
|
93
91
|
onSearch = _ref.onSearch,
|
@@ -136,8 +134,8 @@ var textFieldRoot = exports.textFieldRoot = function textFieldRoot(Root) {
|
|
136
134
|
var requiredPlacementClass = requiredPlacement === 'right' ? _TextField2.classes.requiredAlignRight : undefined;
|
137
135
|
var labelPlacementClass = innerLabelPlacementValue ? _TextField2.classes["".concat(innerLabelPlacementValue, "LabelPlacement")] : undefined;
|
138
136
|
var hasValueClass = hasValue ? _TextField2.classes.hasValue : undefined;
|
139
|
-
var wrapperWithoutLeftContent = !contentLeft && isChipsVisible
|
140
|
-
var wrapperWithoutRightContent = !contentRight && isChipsVisible
|
137
|
+
var wrapperWithoutLeftContent = !contentLeft && isChipsVisible ? _TextField2.classes.hasEmptyContentLeft : undefined;
|
138
|
+
var wrapperWithoutRightContent = !contentRight && isChipsVisible ? _TextField2.classes.hasEmptyContentRight : undefined;
|
141
139
|
var hintRef = (0, _hooks.useOutsideClick)(function () {
|
142
140
|
setIsHintVisible(false);
|
143
141
|
});
|
@@ -328,8 +326,7 @@ var textFieldRoot = exports.textFieldRoot = function textFieldRoot(Root) {
|
|
328
326
|
onClear: function onClear() {
|
329
327
|
return onChipClear(chipId, index);
|
330
328
|
},
|
331
|
-
onClick: onChipClick
|
332
|
-
chipType: chipType
|
329
|
+
onClick: onChipClick
|
333
330
|
// TODO: #1547
|
334
331
|
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
335
332
|
// @ts-ignore
|
@@ -62,7 +62,7 @@ export function App() {
|
|
62
62
|
```
|
63
63
|
|
64
64
|
### Статус поля
|
65
|
-
Статус поля задается с помощью свойства `status`.
|
65
|
+
Статус поля задается с помощью свойства `status`.
|
66
66
|
Возможные значения свойства: `success`, `warning` и `error`.
|
67
67
|
На отображение TextField так же влияют свойства `clear` и `hasDivider`:
|
68
68
|
|
@@ -150,7 +150,7 @@ export function App() {
|
|
150
150
|
```
|
151
151
|
|
152
152
|
### Режим ввода
|
153
|
-
С помощью свойства `enumerationType` можно вводить элементы как теги.
|
153
|
+
С помощью свойства `enumerationType` можно вводить элементы как теги.
|
154
154
|
По нажатию Enter, после ввода нужного текста, он преобразуется в Chip:
|
155
155
|
|
156
156
|
```tsx live
|
@@ -166,17 +166,7 @@ export function App() {
|
|
166
166
|
size="l"
|
167
167
|
enumerationType="chip"
|
168
168
|
helperText="Подсказка снизу"
|
169
|
-
|
170
|
-
/>
|
171
|
-
|
172
|
-
<TextField
|
173
|
-
placeholder="Введите значение"
|
174
|
-
defaultValue="Значение"
|
175
|
-
size="l"
|
176
|
-
enumerationType="chip"
|
177
|
-
helperText="Подсказка снизу"
|
178
|
-
chips={["Значение 1"]}
|
179
|
-
chipType="text"
|
169
|
+
values={["Значение 1"]}
|
180
170
|
/>
|
181
171
|
</div>
|
182
172
|
);
|
@@ -20,23 +20,14 @@ var TextFieldChip = exports.TextFieldChip = /*#__PURE__*/(0, _react.forwardRef)(
|
|
20
20
|
onClick = _ref.onClick,
|
21
21
|
onClear = _ref.onClear,
|
22
22
|
onKeyDown = _ref.onKeyDown,
|
23
|
-
_forceChipManipulationWithReadonly = _ref._forceChipManipulationWithReadonly
|
24
|
-
chipType = _ref.chipType;
|
23
|
+
_forceChipManipulationWithReadonly = _ref._forceChipManipulationWithReadonly;
|
25
24
|
var onClearHandle = function onClearHandle() {
|
26
25
|
return onClear(id);
|
27
26
|
};
|
28
27
|
var onKeyDownHandle = function onKeyDownHandle(event) {
|
29
28
|
onKeyDown === null || onKeyDown === void 0 || onKeyDown(event, id);
|
30
29
|
};
|
31
|
-
|
32
|
-
if (onClick) {
|
33
|
-
onClick(e);
|
34
|
-
}
|
35
|
-
if (onClear) {
|
36
|
-
onClear(id);
|
37
|
-
}
|
38
|
-
};
|
39
|
-
return chipType === 'default' ? /*#__PURE__*/_react["default"].createElement(_TextFieldChip.StyledChip, {
|
30
|
+
return /*#__PURE__*/_react["default"].createElement(_TextFieldChip.StyledChip, {
|
40
31
|
ref: ref,
|
41
32
|
tabIndex: -1,
|
42
33
|
disabled: disabled,
|
@@ -50,10 +41,5 @@ var TextFieldChip = exports.TextFieldChip = /*#__PURE__*/(0, _react.forwardRef)(
|
|
50
41
|
// @ts-ignore
|
51
42
|
,
|
52
43
|
_forceChipManipulationWithReadonly: _forceChipManipulationWithReadonly
|
53
|
-
})
|
54
|
-
ref: ref,
|
55
|
-
tabIndex: -1,
|
56
|
-
onClick: handleClick,
|
57
|
-
onKeyDown: onKeyDownHandle
|
58
|
-
}, text);
|
44
|
+
});
|
59
45
|
});
|
@@ -3,7 +3,7 @@
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
4
4
|
value: true
|
5
5
|
});
|
6
|
-
exports.
|
6
|
+
exports.StyledChip = void 0;
|
7
7
|
var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
|
8
8
|
var _Chip = /*#__PURE__*/require("../../../Chip");
|
9
9
|
var _engines = /*#__PURE__*/require("../../../../engines");
|
@@ -22,12 +22,4 @@ var StyledChip = exports.StyledChip = /*#__PURE__*/(0, _styledComponents["defaul
|
|
22
22
|
outlineSize: '0.0625rem',
|
23
23
|
outlineRadius: /*#__PURE__*/"calc(var(".concat(_TextField.tokens.chipBorderRadius, ") - 0.1rem)"),
|
24
24
|
outlineColor: /*#__PURE__*/"var(".concat(_TextField.tokens.focusColor, ")")
|
25
|
-
}), _TextField.tokens.chipOpacityReadonly);
|
26
|
-
var TextChip = exports.TextChip = /*#__PURE__*/_styledComponents["default"].button.withConfig({
|
27
|
-
componentId: "plasma-new-hope__sc-1mypbcr-1"
|
28
|
-
})(["display:block;flex:none;background:none;border:none;outline:none;padding:0;white-space:nowrap;cursor:pointer;font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");color:var(", ");", " &:after{content:',';}&:last-child{&:after{content:'';}}"], _TextField.tokens.fontFamily, _TextField.tokens.fontSize, _TextField.tokens.fontStyle, _TextField.tokens.fontWeight, _TextField.tokens.letterSpacing, _TextField.tokens.lineHeight, _TextField.tokens.color, /*#__PURE__*/(0, _mixins.addFocus)({
|
29
|
-
outlineOffset: '0.0625rem',
|
30
|
-
outlineSize: '0.0625rem',
|
31
|
-
outlineRadius: /*#__PURE__*/"calc(var(".concat(_TextField.tokens.chipBorderRadius, ") - 0.1rem)"),
|
32
|
-
outlineColor: /*#__PURE__*/"var(".concat(_TextField.tokens.focusColor, ")")
|
33
|
-
}));
|
25
|
+
}), _TextField.tokens.chipOpacityReadonly);
|
@@ -104,11 +104,6 @@ const meta: Meta<StorySelectProps> = {
|
|
104
104
|
},
|
105
105
|
if: { arg: 'required', truthy: false },
|
106
106
|
},
|
107
|
-
chipType: {
|
108
|
-
control: 'select',
|
109
|
-
options: ['default', 'text'],
|
110
|
-
if: { arg: 'target', eq: 'textfield-like' },
|
111
|
-
},
|
112
107
|
},
|
113
108
|
args: {
|
114
109
|
target: 'textfield-like',
|
@@ -126,7 +121,6 @@ const meta: Meta<StorySelectProps> = {
|
|
126
121
|
optional: false,
|
127
122
|
required: false,
|
128
123
|
requiredPlacement: 'right',
|
129
|
-
chipType: 'default',
|
130
124
|
},
|
131
125
|
parameters: {
|
132
126
|
controls: {
|
@@ -150,7 +144,6 @@ const meta: Meta<StorySelectProps> = {
|
|
150
144
|
'optional',
|
151
145
|
'required',
|
152
146
|
'requiredPlacement',
|
153
|
-
'chipType',
|
154
147
|
],
|
155
148
|
},
|
156
149
|
},
|
@@ -389,7 +382,7 @@ const SingleStory = (args: StorySelectProps) => {
|
|
389
382
|
export const Single: StoryObj<StorySelectProps> = {
|
390
383
|
parameters: {
|
391
384
|
controls: {
|
392
|
-
exclude: ['chipView', 'isTargetAmount'
|
385
|
+
exclude: ['chipView', 'isTargetAmount'],
|
393
386
|
},
|
394
387
|
},
|
395
388
|
render: (args) => <SingleStory {...args} />,
|
package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx
CHANGED
@@ -134,10 +134,6 @@ const meta: Meta<typeof TextField> = {
|
|
134
134
|
control: { type: 'text' },
|
135
135
|
if: { arg: 'hasHint', truthy: true },
|
136
136
|
},
|
137
|
-
chipType: {
|
138
|
-
control: 'select',
|
139
|
-
options: ['default', 'text'],
|
140
|
-
},
|
141
137
|
},
|
142
138
|
};
|
143
139
|
|
@@ -237,11 +233,6 @@ export const Default: StoryObj<StoryPropsDefault> = {
|
|
237
233
|
hintWidth: '10rem',
|
238
234
|
hintHasArrow: true,
|
239
235
|
},
|
240
|
-
parameters: {
|
241
|
-
controls: {
|
242
|
-
exclude: ['chipType'],
|
243
|
-
},
|
244
|
-
},
|
245
236
|
render: (args) => <StoryDemo {...args} />,
|
246
237
|
};
|
247
238
|
|
@@ -297,7 +288,6 @@ export const Chips: StoryObj<StoryPropsChips> = {
|
|
297
288
|
args: {
|
298
289
|
...Default.args,
|
299
290
|
chips: ['1 value', '2 value', '3 value', '4 value'],
|
300
|
-
chipType: 'default',
|
301
291
|
},
|
302
292
|
render: (args) => <StoryChips {...args} />,
|
303
293
|
};
|
@@ -103,11 +103,6 @@ const meta: Meta<StorySelectProps> = {
|
|
103
103
|
},
|
104
104
|
if: { arg: 'required', truthy: false },
|
105
105
|
},
|
106
|
-
chipType: {
|
107
|
-
control: 'select',
|
108
|
-
options: ['default', 'text'],
|
109
|
-
if: { arg: 'target', eq: 'textfield-like' },
|
110
|
-
},
|
111
106
|
},
|
112
107
|
args: {
|
113
108
|
target: 'textfield-like',
|
@@ -125,7 +120,6 @@ const meta: Meta<StorySelectProps> = {
|
|
125
120
|
optional: false,
|
126
121
|
required: false,
|
127
122
|
requiredPlacement: 'right',
|
128
|
-
chipType: 'default',
|
129
123
|
},
|
130
124
|
parameters: {
|
131
125
|
controls: {
|
@@ -149,7 +143,6 @@ const meta: Meta<StorySelectProps> = {
|
|
149
143
|
'optional',
|
150
144
|
'required',
|
151
145
|
'requiredPlacement',
|
152
|
-
'chipType',
|
153
146
|
],
|
154
147
|
},
|
155
148
|
},
|
@@ -388,7 +381,7 @@ const SingleStory = (args: StorySelectProps) => {
|
|
388
381
|
export const Single: StoryObj<StorySelectProps> = {
|
389
382
|
parameters: {
|
390
383
|
controls: {
|
391
|
-
exclude: ['chipView', 'isTargetAmount'
|
384
|
+
exclude: ['chipView', 'isTargetAmount'],
|
392
385
|
},
|
393
386
|
},
|
394
387
|
render: (args) => <SingleStory {...args} />,
|
package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx
CHANGED
@@ -134,10 +134,6 @@ const meta: Meta<typeof TextField> = {
|
|
134
134
|
control: { type: 'text' },
|
135
135
|
if: { arg: 'hasHint', truthy: true },
|
136
136
|
},
|
137
|
-
chipType: {
|
138
|
-
control: 'select',
|
139
|
-
options: ['default', 'text'],
|
140
|
-
},
|
141
137
|
},
|
142
138
|
};
|
143
139
|
|
@@ -237,11 +233,6 @@ export const Default: StoryObj<StoryPropsDefault> = {
|
|
237
233
|
hintWidth: '10rem',
|
238
234
|
hintHasArrow: true,
|
239
235
|
},
|
240
|
-
parameters: {
|
241
|
-
controls: {
|
242
|
-
exclude: ['chipType'],
|
243
|
-
},
|
244
|
-
},
|
245
236
|
render: (args) => <StoryDemo {...args} />,
|
246
237
|
};
|
247
238
|
|
@@ -297,7 +288,6 @@ export const Chips: StoryObj<StoryPropsChips> = {
|
|
297
288
|
args: {
|
298
289
|
...Default.args,
|
299
290
|
chips: ['1 value', '2 value', '3 value', '4 value'],
|
300
|
-
chipType: 'default',
|
301
291
|
},
|
302
292
|
render: (args) => <StoryChips {...args} />,
|
303
293
|
};
|
@@ -63,7 +63,7 @@ export var calendarBaseRoot = function calendarBaseRoot(Root) {
|
|
63
63
|
_useState8 = _slicedToArray(_useState7, 2),
|
64
64
|
outOfRangeKey = _useState8[0],
|
65
65
|
setOutOfRangeKey = _useState8[1];
|
66
|
-
var _useReducer = useReducer(reducer, getInitialState(value, type)),
|
66
|
+
var _useReducer = useReducer(reducer, getInitialState(value, min, type)),
|
67
67
|
_useReducer2 = _slicedToArray(_useReducer, 2),
|
68
68
|
state = _useReducer2[0],
|
69
69
|
dispatch = _useReducer2[1];
|
@@ -64,7 +64,7 @@ export var calendarDoubleRoot = function calendarDoubleRoot(Root) {
|
|
64
64
|
_useState8 = _slicedToArray(_useState7, 2),
|
65
65
|
outOfRangeKey = _useState8[0],
|
66
66
|
setOutOfRangeKey = _useState8[1];
|
67
|
-
var _useReducer = useReducer(reducer, getInitialState(value, type, true)),
|
67
|
+
var _useReducer = useReducer(reducer, getInitialState(value, min, type, true)),
|
68
68
|
_useReducer2 = _slicedToArray(_useReducer, 2),
|
69
69
|
state = _useReducer2[0],
|
70
70
|
dispatch = _useReducer2[1];
|
@@ -30,8 +30,8 @@ export var sizeMap = {
|
|
30
30
|
"double": [3, 1]
|
31
31
|
}
|
32
32
|
};
|
33
|
-
export var getInitialState = function getInitialState(value, calendarState, isDouble) {
|
34
|
-
var initDate = value || new Date();
|
33
|
+
export var getInitialState = function getInitialState(value, min, calendarState, isDouble) {
|
34
|
+
var initDate = value || min || new Date();
|
35
35
|
var date = getDateFromValue(initDate);
|
36
36
|
var resSize = isDouble ? sizeMap[calendarState]["double"] : sizeMap[calendarState].single;
|
37
37
|
return {
|
@@ -33,8 +33,7 @@ export var Textfield = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
33
33
|
onChange = _ref.onChange,
|
34
34
|
labelToItemMap = _ref.labelToItemMap,
|
35
35
|
chipView = _ref.chipView,
|
36
|
-
requiredProps = _ref.requiredProps
|
37
|
-
chipType = _ref.chipType;
|
36
|
+
requiredProps = _ref.requiredProps;
|
38
37
|
var withArrowInverse = opened ? classes.arrowInverse : undefined;
|
39
38
|
var getChips = function getChips() {
|
40
39
|
if (multiselect && Array.isArray(value)) {
|
@@ -105,8 +104,7 @@ export var Textfield = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
105
104
|
}, multiselect ? {
|
106
105
|
enumerationType: 'chip',
|
107
106
|
chips: getChips(),
|
108
|
-
onChangeChips: handleChipsChange
|
109
|
-
chipType: chipType
|
107
|
+
onChangeChips: handleChipsChange
|
110
108
|
} : {
|
111
109
|
enumerationType: 'plain'
|
112
110
|
}, {
|
@@ -1,4 +1,4 @@
|
|
1
|
-
var _excluded = ["id", "className", "style", "contentLeft", "contentRight", "label", "labelPlacement", "textBefore", "textAfter", "placeholder", "leftHelper", "enumerationType", "requiredPlacement", "titleCaption", "hintTrigger", "hintText", "hintView", "hintSize", "hintTargetIcon", "hintPlacement", "hintHasArrow", "hintOffset", "hintWidth", "hintContentLeft", "view", "size", "readOnly", "disabled", "required", "clear", "optional", "hasDivider", "value", "chips", "
|
1
|
+
var _excluded = ["id", "className", "style", "contentLeft", "contentRight", "label", "labelPlacement", "textBefore", "textAfter", "placeholder", "leftHelper", "enumerationType", "requiredPlacement", "titleCaption", "hintTrigger", "hintText", "hintView", "hintSize", "hintTargetIcon", "hintPlacement", "hintHasArrow", "hintOffset", "hintWidth", "hintContentLeft", "view", "size", "readOnly", "disabled", "required", "clear", "optional", "hasDivider", "value", "chips", "onChange", "onChangeChips", "onSearch", "onKeyDown"];
|
2
2
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
3
3
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
4
4
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
@@ -77,8 +77,6 @@ export var textFieldRoot = function textFieldRoot(Root) {
|
|
77
77
|
hasDivider = _ref.hasDivider,
|
78
78
|
outerValue = _ref.value,
|
79
79
|
values = _ref.chips,
|
80
|
-
_ref$chipType = _ref.chipType,
|
81
|
-
chipType = _ref$chipType === void 0 ? 'default' : _ref$chipType,
|
82
80
|
onChange = _ref.onChange,
|
83
81
|
onChangeChips = _ref.onChangeChips,
|
84
82
|
onSearch = _ref.onSearch,
|
@@ -127,8 +125,8 @@ export var textFieldRoot = function textFieldRoot(Root) {
|
|
127
125
|
var requiredPlacementClass = requiredPlacement === 'right' ? classes.requiredAlignRight : undefined;
|
128
126
|
var labelPlacementClass = innerLabelPlacementValue ? classes["".concat(innerLabelPlacementValue, "LabelPlacement")] : undefined;
|
129
127
|
var hasValueClass = hasValue ? classes.hasValue : undefined;
|
130
|
-
var wrapperWithoutLeftContent = !contentLeft && isChipsVisible
|
131
|
-
var wrapperWithoutRightContent = !contentRight && isChipsVisible
|
128
|
+
var wrapperWithoutLeftContent = !contentLeft && isChipsVisible ? classes.hasEmptyContentLeft : undefined;
|
129
|
+
var wrapperWithoutRightContent = !contentRight && isChipsVisible ? classes.hasEmptyContentRight : undefined;
|
132
130
|
var hintRef = useOutsideClick(function () {
|
133
131
|
setIsHintVisible(false);
|
134
132
|
});
|
@@ -319,8 +317,7 @@ export var textFieldRoot = function textFieldRoot(Root) {
|
|
319
317
|
onClear: function onClear() {
|
320
318
|
return onChipClear(chipId, index);
|
321
319
|
},
|
322
|
-
onClick: onChipClick
|
323
|
-
chipType: chipType
|
320
|
+
onClick: onChipClick
|
324
321
|
// TODO: #1547
|
325
322
|
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
326
323
|
// @ts-ignore
|
@@ -62,7 +62,7 @@ export function App() {
|
|
62
62
|
```
|
63
63
|
|
64
64
|
### Статус поля
|
65
|
-
Статус поля задается с помощью свойства `status`.
|
65
|
+
Статус поля задается с помощью свойства `status`.
|
66
66
|
Возможные значения свойства: `success`, `warning` и `error`.
|
67
67
|
На отображение TextField так же влияют свойства `clear` и `hasDivider`:
|
68
68
|
|
@@ -150,7 +150,7 @@ export function App() {
|
|
150
150
|
```
|
151
151
|
|
152
152
|
### Режим ввода
|
153
|
-
С помощью свойства `enumerationType` можно вводить элементы как теги.
|
153
|
+
С помощью свойства `enumerationType` можно вводить элементы как теги.
|
154
154
|
По нажатию Enter, после ввода нужного текста, он преобразуется в Chip:
|
155
155
|
|
156
156
|
```tsx live
|
@@ -166,17 +166,7 @@ export function App() {
|
|
166
166
|
size="l"
|
167
167
|
enumerationType="chip"
|
168
168
|
helperText="Подсказка снизу"
|
169
|
-
|
170
|
-
/>
|
171
|
-
|
172
|
-
<TextField
|
173
|
-
placeholder="Введите значение"
|
174
|
-
defaultValue="Значение"
|
175
|
-
size="l"
|
176
|
-
enumerationType="chip"
|
177
|
-
helperText="Подсказка снизу"
|
178
|
-
chips={["Значение 1"]}
|
179
|
-
chipType="text"
|
169
|
+
values={["Значение 1"]}
|
180
170
|
/>
|
181
171
|
</div>
|
182
172
|
);
|