@salutejs/plasma-new-hope 0.336.0-canary.2220.17591054284.0 → 0.336.0-canary.2224.17630468274.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/cjs/components/Autocomplete/Autocomplete.css +0 -2
- package/cjs/components/Combobox/ComboboxNew/Combobox.css +0 -2
- package/cjs/components/Combobox/ComboboxNew/Combobox.js +50 -27
- package/cjs/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/hooks/getPathMaps.js +4 -1
- package/cjs/components/Combobox/ComboboxNew/hooks/getPathMaps.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/utils/getRemovedElement.js +17 -0
- package/cjs/components/Combobox/ComboboxNew/utils/getRemovedElement.js.map +1 -0
- package/cjs/components/DatePicker/RangeDate/RangeDate.css +0 -2
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +0 -2
- package/cjs/components/DatePicker/SingleDate/SingleDate.css +0 -2
- package/cjs/components/Pagination/Pagination.css +0 -2
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +0 -2
- package/cjs/components/Range/Range.css +0 -2
- package/cjs/components/Select/Select.css +0 -2
- package/cjs/components/Select/ui/Target/Target.css +0 -2
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +0 -2
- package/cjs/components/Slider/Slider.css +0 -2
- package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +0 -2
- package/cjs/components/Switch/Switch.css +6 -6
- package/cjs/components/Switch/Switch.js +5 -2
- package/cjs/components/Switch/Switch.js.map +1 -1
- package/cjs/components/Switch/Switch.styles.js +1 -1
- package/cjs/components/Switch/Switch.styles.js.map +1 -1
- package/cjs/components/Switch/{Switch.styles_qjefea.css → Switch.styles_1pe5u24.css} +1 -1
- package/cjs/components/Switch/Switch.tokens.js +2 -1
- package/cjs/components/Switch/Switch.tokens.js.map +1 -1
- package/cjs/components/Table/Table.css +0 -2
- package/cjs/components/Table/ui/Cell/Cell.css +0 -2
- package/cjs/components/Table/ui/EditableCell/EditableCell.css +0 -2
- package/cjs/components/Table/ui/HeadCell/HeadCell.css +0 -2
- package/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.css +0 -2
- package/cjs/components/TextField/TextField.js +3 -14
- package/cjs/components/TextField/TextField.js.map +1 -1
- package/cjs/engines/common.js +11 -1
- package/cjs/engines/common.js.map +1 -1
- package/cjs/index.css +6 -8
- package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.js +58 -26
- package/emotion/cjs/components/Combobox/ComboboxNew/hooks/getPathMaps.js +5 -2
- package/emotion/cjs/components/Combobox/ComboboxNew/utils/getRemovedElement.js +20 -0
- package/emotion/cjs/components/Combobox/ComboboxNew/utils/index.js +4 -0
- package/emotion/cjs/components/Switch/Switch.js +4 -2
- package/emotion/cjs/components/Switch/Switch.styles.js +11 -11
- package/emotion/cjs/components/Switch/Switch.tokens.js +2 -1
- package/emotion/cjs/components/TextField/TextField.js +4 -16
- package/emotion/cjs/components/TextField/ui/index.js +3 -12
- package/emotion/cjs/engines/common.js +14 -1
- package/emotion/cjs/examples/components/Combobox/Combobox.js +0 -15
- package/emotion/es/components/Combobox/ComboboxNew/Combobox.js +59 -27
- package/emotion/es/components/Combobox/ComboboxNew/hooks/getPathMaps.js +5 -2
- package/emotion/es/components/Combobox/ComboboxNew/utils/getRemovedElement.js +10 -0
- package/emotion/es/components/Combobox/ComboboxNew/utils/index.js +1 -0
- package/emotion/es/components/Switch/Switch.js +4 -2
- package/emotion/es/components/Switch/Switch.styles.js +11 -11
- package/emotion/es/components/Switch/Switch.tokens.js +2 -1
- package/emotion/es/components/TextField/TextField.js +5 -17
- package/emotion/es/components/TextField/ui/index.js +0 -1
- package/emotion/es/engines/common.js +14 -1
- package/es/components/Autocomplete/Autocomplete.css +0 -2
- package/es/components/Combobox/ComboboxNew/Combobox.css +0 -2
- package/es/components/Combobox/ComboboxNew/Combobox.js +51 -28
- package/es/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/hooks/getPathMaps.js +4 -1
- package/es/components/Combobox/ComboboxNew/hooks/getPathMaps.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/utils/getRemovedElement.js +13 -0
- package/es/components/Combobox/ComboboxNew/utils/getRemovedElement.js.map +1 -0
- package/es/components/DatePicker/RangeDate/RangeDate.css +0 -2
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +0 -2
- package/es/components/DatePicker/SingleDate/SingleDate.css +0 -2
- package/es/components/Pagination/Pagination.css +0 -2
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +0 -2
- package/es/components/Range/Range.css +0 -2
- package/es/components/Select/Select.css +0 -2
- package/es/components/Select/ui/Target/Target.css +0 -2
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +0 -2
- package/es/components/Slider/Slider.css +0 -2
- package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +0 -2
- package/es/components/Switch/Switch.css +6 -6
- package/es/components/Switch/Switch.js +5 -2
- package/es/components/Switch/Switch.js.map +1 -1
- package/es/components/Switch/Switch.styles.js +1 -1
- package/es/components/Switch/Switch.styles.js.map +1 -1
- package/es/components/Switch/{Switch.styles_qjefea.css → Switch.styles_1pe5u24.css} +1 -1
- package/es/components/Switch/Switch.tokens.js +2 -1
- package/es/components/Switch/Switch.tokens.js.map +1 -1
- package/es/components/Table/Table.css +0 -2
- package/es/components/Table/ui/Cell/Cell.css +0 -2
- package/es/components/Table/ui/EditableCell/EditableCell.css +0 -2
- package/es/components/Table/ui/HeadCell/HeadCell.css +0 -2
- package/es/components/Table/ui/HeadCell/ui/Filter/Filter.css +0 -2
- package/es/components/TextField/TextField.js +3 -14
- package/es/components/TextField/TextField.js.map +1 -1
- package/es/engines/common.js +12 -2
- package/es/engines/common.js.map +1 -1
- package/es/index.css +6 -8
- package/package.json +2 -2
- package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js +58 -26
- package/styled-components/cjs/components/Combobox/ComboboxNew/hooks/getPathMaps.js +5 -2
- package/styled-components/cjs/components/Combobox/ComboboxNew/utils/getRemovedElement.js +20 -0
- package/styled-components/cjs/components/Combobox/ComboboxNew/utils/index.js +4 -0
- package/styled-components/cjs/components/Switch/Switch.js +4 -2
- package/styled-components/cjs/components/Switch/Switch.styles.js +9 -8
- package/styled-components/cjs/components/Switch/Switch.tokens.js +2 -1
- package/styled-components/cjs/components/TextField/TextField.js +3 -15
- package/styled-components/cjs/components/TextField/ui/index.js +3 -12
- package/styled-components/cjs/engines/common.js +14 -1
- package/styled-components/es/components/Combobox/ComboboxNew/Combobox.js +59 -27
- package/styled-components/es/components/Combobox/ComboboxNew/hooks/getPathMaps.js +5 -2
- package/styled-components/es/components/Combobox/ComboboxNew/utils/getRemovedElement.js +10 -0
- package/styled-components/es/components/Combobox/ComboboxNew/utils/index.js +1 -0
- package/styled-components/es/components/Switch/Switch.js +4 -2
- package/styled-components/es/components/Switch/Switch.styles.js +9 -8
- package/styled-components/es/components/Switch/Switch.tokens.js +2 -1
- package/styled-components/es/components/TextField/TextField.js +4 -16
- package/styled-components/es/components/TextField/ui/index.js +0 -1
- package/styled-components/es/engines/common.js +14 -1
- package/styled-components/es/examples/components/Combobox/Combobox.js +7 -0
- package/types/components/Combobox/ComboboxNew/Combobox.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/hooks/getPathMaps.d.ts +2 -1
- package/types/components/Combobox/ComboboxNew/hooks/getPathMaps.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/utils/getRemovedElement.d.ts +2 -0
- package/types/components/Combobox/ComboboxNew/utils/getRemovedElement.d.ts.map +1 -0
- package/types/components/Combobox/ComboboxNew/utils/index.d.ts +1 -0
- package/types/components/Combobox/ComboboxNew/utils/index.d.ts.map +1 -1
- package/types/components/NumberFormat/NumberFormat.d.ts.map +1 -1
- package/types/components/NumberFormat/NumberFormat.types.d.ts +1 -1
- package/types/components/Switch/Switch.d.ts.map +1 -1
- package/types/components/Switch/Switch.styles.d.ts.map +1 -1
- package/types/components/Switch/Switch.tokens.d.ts +1 -0
- package/types/components/Switch/Switch.tokens.d.ts.map +1 -1
- package/types/components/Switch/Switch.types.d.ts +5 -0
- package/types/components/Switch/Switch.types.d.ts.map +1 -1
- package/types/components/TextField/TextField.d.ts.map +1 -1
- package/types/components/TextField/TextField.types.d.ts +2 -2
- package/types/components/TextField/ui/index.d.ts +0 -1
- package/types/components/TextField/ui/index.d.ts.map +1 -1
- package/types/engines/common.d.ts.map +1 -1
- package/types/examples/components/NumberFormat/NumberFormat.d.ts.map +1 -1
- package/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.css +0 -54
- package/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.js +0 -74
- package/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.js.map +0 -1
- package/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.styles.js +0 -25
- package/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.styles.js.map +0 -1
- package/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.styles_119gtz1.css +0 -1
- package/emotion/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.js +0 -69
- package/emotion/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.styles.js +0 -32
- package/emotion/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.js +0 -54
- package/emotion/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.styles.js +0 -18
- package/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.css +0 -54
- package/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.js +0 -66
- package/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.js.map +0 -1
- package/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.styles.js +0 -21
- package/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.styles.js.map +0 -1
- package/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.styles_119gtz1.css +0 -1
- package/styled-components/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.js +0 -69
- package/styled-components/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.styles.js +0 -87
- package/styled-components/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.js +0 -54
- package/styled-components/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.styles.js +0 -73
- package/types/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.d.ts +0 -19
- package/types/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.d.ts.map +0 -1
- package/types/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.styles.d.ts +0 -2
- package/types/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.styles.d.ts.map +0 -1
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Combobox/ComboboxNew/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC"}
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Combobox/ComboboxNew/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"NumberFormat.d.ts","sourceRoot":"","sources":["../../../src/components/NumberFormat/NumberFormat.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAC5D,OAAO,KAAK,EAAE,WAAW,EAAE,EAAE,EAAkB,MAAM,OAAO,CAAC;AAE7D,OAAO,KAAK,EAAE,kBAAkB,EAAc,MAAM,qBAAqB,CAAC;AAG1E,OAAO,KAAK,EAER,wBAAwB,EACxB,0BAA0B,EAC7B,MAAM,sBAAsB,CAAC;AAE9B,eAAO,MAAM,mBAAmB,GAAI,CAAC,SAAS,0BAA0B,kBAAkB,EAAE,CAAC,CAAC,CAAC;;;;;;;;;qBA+
|
1
|
+
{"version":3,"file":"NumberFormat.d.ts","sourceRoot":"","sources":["../../../src/components/NumberFormat/NumberFormat.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAC5D,OAAO,KAAK,EAAE,WAAW,EAAE,EAAE,EAAkB,MAAM,OAAO,CAAC;AAE7D,OAAO,KAAK,EAAE,kBAAkB,EAAc,MAAM,qBAAqB,CAAC;AAG1E,OAAO,KAAK,EAER,wBAAwB,EACxB,0BAA0B,EAC7B,MAAM,sBAAsB,CAAC;AAE9B,eAAO,MAAM,mBAAmB,GAAI,CAAC,SAAS,0BAA0B,kBAAkB,EAAE,CAAC,CAAC,CAAC;;;;;;;;;qBA+C3D,CAAC,uCAEb,CAAhB;mGA+BP,CAAC"}
|
@@ -47,7 +47,7 @@ export type CustomNumberFormatProps = {
|
|
47
47
|
*/
|
48
48
|
isAllowed?: (values: NumberFormatValues) => boolean;
|
49
49
|
/**
|
50
|
-
*
|
50
|
+
* Callback, вызываемый при изменении значения в поле ввода.
|
51
51
|
* Принимает событие изменения (ChangeEvent) и объект NumberFormatValues:
|
52
52
|
* ```
|
53
53
|
* floatValue: number | undefined;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAS1C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAG7C,eAAO,MAAM,UAAU,SAAU,SAAS,CAAC,gBAAgB,EAAE,WAAW,CAAC,
|
1
|
+
{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAS1C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAG7C,eAAO,MAAM,UAAU,SAAU,SAAS,CAAC,gBAAgB,EAAE,WAAW,CAAC,yFA6DnE,CAAC;AAEP,eAAO,MAAM,YAAY;;;;mBA/DQ,SAAS,CAAC,gBAAgB,EAAE,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;CA0FxE,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Switch.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.styles.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,IAAI,0CAYhB,CAAC;AAEF,eAAO,MAAM,aAAa,qKAkBzB,CAAC;AAEF,eAAO,MAAM,iBAAiB,qKAU7B,CAAC;AAEF,eAAO,MAAM,WAAW,8KASvB,CAAC;AAEF,eAAO,MAAM,WAAW,
|
1
|
+
{"version":3,"file":"Switch.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.styles.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,IAAI,0CAYhB,CAAC;AAEF,eAAO,MAAM,aAAa,qKAkBzB,CAAC;AAEF,eAAO,MAAM,iBAAiB,qKAU7B,CAAC;AAEF,eAAO,MAAM,WAAW,8KASvB,CAAC;AAEF,eAAO,MAAM,WAAW,uKAMvB,CAAC;AAEF,eAAO,MAAM,aAAa,qKAmBzB,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Switch.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;IAyBf,6DAA6D;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmChE,CAAC;AAEF,eAAO,MAAM,OAAO
|
1
|
+
{"version":3,"file":"Switch.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;IAyBf,6DAA6D;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmChE,CAAC;AAEF,eAAO,MAAM,OAAO;;;;CAInB,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Switch.types.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAEvD,MAAM,WAAW,oBAAoB;IACjC;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,qBAAsB,SAAQ,oBAAoB;IAC/D;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,aAAa,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAEnC;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,EAAE,qBAAqB;CAAG"}
|
1
|
+
{"version":3,"file":"Switch.types.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAEvD,MAAM,WAAW,oBAAoB;IACjC;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,qBAAsB,SAAQ,oBAAoB;IAC/D;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,aAAa,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAEnC;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,EAAE,qBAAqB;CAAG"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/TextField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAYvE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAG7C,OAAO,KAAK,EAAuC,cAAc,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAuCjH,eAAO,MAAM,IAAI,0CAGhB,CAAC;AAIF,eAAO,MAAM,aAAa,SAAU,SAAS,CAAC,cAAc,EAAE,kBAAkB,CAAC,
|
1
|
+
{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/TextField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAYvE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAG7C,OAAO,KAAK,EAAuC,cAAc,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAuCjH,eAAO,MAAM,IAAI,0CAGhB,CAAC;AAIF,eAAO,MAAM,aAAa,SAAU,SAAS,CAAC,cAAc,EAAE,kBAAkB,CAAC,4FAyhB5E,CAAC;AAEN,eAAO,MAAM,eAAe;;;mBA3hBQ,SAAS,CAAC,cAAc,EAAE,kBAAkB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAokBhF,CAAC"}
|
@@ -211,11 +211,11 @@ export type TextFieldPropsBase = {
|
|
211
211
|
*/
|
212
212
|
contentRight?: React.ReactElement;
|
213
213
|
/**
|
214
|
-
* Слот для вспомогательного текста
|
214
|
+
* Слот для вспомогательного текста слева.
|
215
215
|
*/
|
216
216
|
textBefore?: string;
|
217
217
|
/**
|
218
|
-
* Слот для вспомогательного текста
|
218
|
+
* Слот для вспомогательного текста справа.
|
219
219
|
*/
|
220
220
|
textAfter?: string;
|
221
221
|
/**
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/TextField/ui/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/TextField/ui/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../src/engines/common.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EACR,eAAe,EACf,WAAW,EACX,SAAS,EACT,QAAQ,EACR,6BAA6B,EAC7B,4CAA4C,EAC/C,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,WAAW,GACpB,GAAG,SAAS,WAAW,EACvB,WAAW,SAAS,QAAQ,EAC5B,aAAa,SAAS,SAAS,CAAC,WAAW,CAAC,EAC5C,eAAe,SACT,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GACjC,6BAA6B,CAAC,WAAW,CAAC,GAC1C,4CAA4C,CAAC,WAAW,CAAC,EAC/D,eAAe,SACT,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GACjC,6BAA6B,CAAC,WAAW,CAAC,GAC1C,4CAA4C,CAAC,WAAW,CAAC,GACzD,SAAS,0BAEH,eAAe,CAAC,GAAG,EAAE,QAAQ,EAAE,SAAS,GAAG,eAAe,EAAE,eAAe,CAAC,eAC3E,OAAO,CAAC,eAAe,CAAC,GAAG,EAAE,WAAW,EAAE,aAAa,EAAE,eAAe,CAAC,CAAC,KA6BzE,eAAe,CACzB,GAAG,EACH,WAAW,EACX,SAAS,CAAC,WAAW,CAAC,EACtB,eAAe,SAAS,SAAS,GAAG,eAAe,GAAG,eAAe,CAE5E,CAAC;
|
1
|
+
{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../src/engines/common.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EACR,eAAe,EACf,WAAW,EACX,SAAS,EACT,QAAQ,EACR,6BAA6B,EAC7B,4CAA4C,EAC/C,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,WAAW,GACpB,GAAG,SAAS,WAAW,EACvB,WAAW,SAAS,QAAQ,EAC5B,aAAa,SAAS,SAAS,CAAC,WAAW,CAAC,EAC5C,eAAe,SACT,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GACjC,6BAA6B,CAAC,WAAW,CAAC,GAC1C,4CAA4C,CAAC,WAAW,CAAC,EAC/D,eAAe,SACT,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GACjC,6BAA6B,CAAC,WAAW,CAAC,GAC1C,4CAA4C,CAAC,WAAW,CAAC,GACzD,SAAS,0BAEH,eAAe,CAAC,GAAG,EAAE,QAAQ,EAAE,SAAS,GAAG,eAAe,EAAE,eAAe,CAAC,eAC3E,OAAO,CAAC,eAAe,CAAC,GAAG,EAAE,WAAW,EAAE,aAAa,EAAE,eAAe,CAAC,CAAC,KA6BzE,eAAe,CACzB,GAAG,EACH,WAAW,EACX,SAAS,CAAC,WAAW,CAAC,EACtB,eAAe,SAAS,SAAS,GAAG,eAAe,GAAG,eAAe,CAE5E,CAAC;AAeF,wBAAgB,SAAS,CACrB,GAAG,SAAS,WAAW,EACvB,WAAW,SAAS,QAAQ,EAC5B,aAAa,SAAS,SAAS,CAAC,WAAW,CAAC,EAC5C,WAAW,SACL,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GACjC,6BAA6B,CAAC,WAAW,CAAC,GAC1C,4CAA4C,CAAC,WAAW,CAAC,EAE/D,MAAM,EAAE,eAAe,CAAC,GAAG,EAAE,WAAW,EAAE,aAAa,EAAE,WAAW,CAAC,GACtE,KAAK,CAAC,iBAAiB,CAAC,aAAa,GAAG,WAAW,CAAC,CAQtD"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"NumberFormat.d.ts","sourceRoot":"","sources":["../../../../src/examples/components/NumberFormat/NumberFormat.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBACqjL,MAAO,YAAY;mBAAqE,MAAO,YAAY;;;oCAAuQ,CAAC;;;;;;;;;;;;;;;;;;;;oCAA9lK,CAAC;;;;;;;;;;;;;
|
1
|
+
{"version":3,"file":"NumberFormat.d.ts","sourceRoot":"","sources":["../../../../src/examples/components/NumberFormat/NumberFormat.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBACqjL,MAAO,YAAY;mBAAqE,MAAO,YAAY;;;oCAAuQ,CAAC;;;;;;;;;;;;;;;;;;;;oCAA9lK,CAAC;;;;;;;;;;;;;qBAAsxC,CAAC,uDAAuC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAAk7G,YAAY;yBAA4E,YAAY;;;oCAAuQ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAAv0H,CAAC,uDAAuC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAAk7G,YAAY;yBAA4E,YAAY;;;oCAAuQ,CAAC;;;;;;;;;;;;;;;;;;;;oCAA9lK,CAAC;;;;;;;;;;;;;qBAAsxC,CAAC,uDAAuC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAAk7G,YAAY;yBAA4E,YAAY;;;oCAAuQ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAAv0H,CAAC,uDAAuC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAAk7G,YAAY;yBAA4E,YAAY;;;oCAAuQ,CAAC;;;;;;;;;;;;;;;;;;;;oCAA9lK,CAAC;;;;;;;;;;;;;qBAAsxC,CAAC,uDAAuC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAAk7G,YAAY;yBAA4E,YAAY;;;oCAAuQ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAAv0H,CAAC,uDAAuC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAAk7G,YAAY;yBAA4E,YAAY;;;oCAAuQ,CAAC;;;;;;;;;;;;;;;;;;;;oCAA9lK,CAAC;;;;;;;;;;;;;qBAAsxC,CAAC,uDAAuC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAAk7G,YAAY;yBAA4E,YAAY;;;oCAAuQ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAAv0H,CAAC,uDAAuC,CAAC;8NADzmE,CAAC"}
|
@@ -1,54 +0,0 @@
|
|
1
|
-
.Popover_styles_ji8em4_s1g1xbt5__439b9cc0{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
|
2
|
-
.Popover_styles_ji8em4_s12xwbyh__439b9cc0{display:inline-block;}.Popover_styles_ji8em4_s12xwbyh__439b9cc0.Popover_styles_ji8em4_popoverTargetAsRef__439b9cc0{position:absolute;top:0;left:0;width:100%;height:100%;}.Popover_styles_ji8em4_s12xwbyh__439b9cc0.Popover_styles_ji8em4_popoverTargetAsRef__439b9cc0 .Popover_styles_ji8em4_s1g1xbt5__439b9cc0{width:100%;height:100%;display:block;}
|
3
|
-
.Popover_styles_ji8em4_s1pd4d8a__439b9cc0{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_ji8em4_s1pd4d8a__439b9cc0::before{position:absolute;width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);-webkit-mask-image:var(--plasma-popover-arrow-mask-image);mask-image:var(--plasma-popover-arrow-mask-image);background:var(--plasma-popover-arrow-background);content:'';-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
|
4
|
-
.Popover_styles_ji8em4_s16xlixz__439b9cc0{position:absolute;z-index:var(--s16xlixz-0);opacity:0;visibility:hidden;box-shadow:var(--plasma-popover-box-shadow);}.Popover_styles_ji8em4_s16xlixz__439b9cc0.Popover_styles_ji8em4_popoverAnimate__439b9cc0{-webkit-transition:opacity 0.2s ease-in-out,-webkit-transform 0s ease-in-out,visibility 0.2s;-webkit-transition:opacity 0.2s ease-in-out,transform 0s ease-in-out,visibility 0.2s;transition:opacity 0.2s ease-in-out,transform 0s ease-in-out,visibility 0.2s;}.Popover_styles_ji8em4_s16xlixz__439b9cc0.Popover_styles_ji8em4_popoverOpen__439b9cc0{opacity:1;visibility:visible;}.Popover_styles_ji8em4_s16xlixz__439b9cc0:before{content:'';display:block;position:absolute;background:transparent;}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='top'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{bottom:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{top:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='left'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{right:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='left'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='right'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{left:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='right'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='top-start'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{bottom:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='top-end'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{bottom:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom-start'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{top:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom-start'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom-end'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{top:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom-end'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='left-start'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='right-start'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{top:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='left-end'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='right-end'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{top:unset !important;bottom:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='top']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='top-start']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='top-end']:before{top:unset;left:0;right:0;height:var(--plasma-popover-arrow-height);bottom:calc(-1 * var(--plasma-popover-arrow-height));}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom-start']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom-end']:before{top:calc(-1 * var(--plasma-popover-arrow-height));left:0;right:0;bottom:var(--plasma-popover-arrow-height);height:var(--plasma-popover-arrow-height);}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='left']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='left-start']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='left-end']:before{width:var(--plasma-popover-arrow-height);height:100%;top:0;right:calc(-1 * var(--plasma-popover-arrow-height));bottom:0;}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='right']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='right-start']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='right-end']:before{width:var(--plasma-popover-arrow-height);height:100%;top:0;left:calc(-1 * var(--plasma-popover-arrow-height));bottom:0;}
|
5
|
-
|
6
|
-
.Tooltip_styles_1bh0sd0_teczcv4__e6cc0309{padding:var(--plasma-tooltip-padding-top) var(--plasma-tooltip-padding-right) var(--plasma-tooltip-padding-bottom) var(--plasma-tooltip-padding-left);min-height:var(--plasma-tooltip-min-height);box-sizing:border-box;background-color:var(--plasma-tooltip-background-color);border-radius:var(--plasma-tooltip-border-radius);box-shadow:var(--plasma-tooltip-box-shadow);color:var(--plasma-tooltip-color);font-family:var(--plasma-tooltip-text-font-family);font-size:var(--plasma-tooltip-text-font-size);font-style:var(--plasma-tooltip-text-font-style);font-weight:var(--plasma-tooltip-text-font-weight);-webkit-letter-spacing:var(--plasma-tooltip-text-font-letter-spacing);-moz-letter-spacing:var(--plasma-tooltip-text-font-letter-spacing);-ms-letter-spacing:var(--plasma-tooltip-text-font-letter-spacing);letter-spacing:var(--plasma-tooltip-text-font-letter-spacing);line-height:var(--plasma-tooltip-text-font-line-height);max-width:var(--teczcv4-0);min-width:var(--teczcv4-1);width:-webkit-max-content;width:-moz-max-content;width:max-content;word-break:break-word;pointer-events:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
|
7
|
-
.Tooltip_styles_1bh0sd0_s1j361h1__e6cc0309{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:var(--plasma-tooltip-content-left-margin);height:var(--plasma-tooltip-text-font-line-height);}
|
8
|
-
|
9
|
-
.Tooltip_1qsg6ij_s1cz8cv8__da7f9e0a{--plasma-popover-arrow-mask-width:var(--plasma-tooltip-arrow-mask-width);--plasma-popover-arrow-mask-height:var(--plasma-tooltip-arrow-mask-height);--plasma-popover-arrow-mask-image:var(--plasma-tooltip-arrow-mask-image);--plasma-popover-arrow-background:var(--plasma-tooltip-arrow-background);--plasma-popover-arrow-height:var(--plasma-tooltip-arrow-height);--plasma-popover-arrow-edge-margin:var(--plasma-tooltip-arrow-edge-margin);}
|
10
|
-
|
11
|
-
.TextField_styles_xvs3tf_iq39zt5__6229ab57{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;}
|
12
|
-
.TextField_styles_xvs3tf_i1j28rg8__6229ab57{-webkit-flex:1;-ms-flex:1;flex:1;overflow:scroll;position:relative;width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.TextField_styles_xvs3tf_i1j28rg8__6229ab57::-webkit-scrollbar{display:none;}.TextField_styles_xvs3tf_i1j28rg8__6229ab57.TextField_styles_xvs3tf_hasChips__6229ab57{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
|
13
|
-
.TextField_styles_xvs3tf_s13zudoe__6229ab57{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-textfield__chip-gap);margin-right:var(--plasma-textfield__chip-margin-right,var(--plasma-textfield__chip-gap));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
|
14
|
-
.TextField_styles_xvs3tf_io4bpie__6229ab57{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;width:100%;z-index:1;}.TextField_styles_xvs3tf_io4bpie__6229ab57.TextField_styles_xvs3tf_textfieldInputTextEllipsis__6229ab57{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.TextField_styles_xvs3tf_io4bpie__6229ab57::-webkit-input-placeholder{opacity:0;}.TextField_styles_xvs3tf_io4bpie__6229ab57::-moz-placeholder{opacity:0;}.TextField_styles_xvs3tf_io4bpie__6229ab57:-ms-input-placeholder{opacity:0;}.TextField_styles_xvs3tf_io4bpie__6229ab57::placeholder{opacity:0;}
|
15
|
-
.TextField_styles_xvs3tf_i13qvwoy__6229ab57{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;min-width:var(--i13qvwoy-0);}.TextField_styles_xvs3tf_i13qvwoy__6229ab57 .TextField_styles_xvs3tf_io4bpie__6229ab57{max-width:var(--i13qvwoy-1);}
|
16
|
-
.TextField_styles_xvs3tf_i19ry60d__6229ab57{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;white-space:nowrap;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;color:var(--plasma-textfield__placeholder-color);padding:var(--i19ry60d-0);}
|
17
|
-
.TextField_styles_xvs3tf_obt1ohz__6229ab57{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;white-space:var(--obt1ohz-0);margin-bottom:var(--obt1ohz-1);}
|
18
|
-
.TextField_styles_xvs3tf_tlv9av6__6229ab57{display:inline-block;margin-left:auto;}
|
19
|
-
.TextField_styles_xvs3tf_s600610__6229ab57{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
|
20
|
-
.TextField_styles_xvs3tf_luk2zst__6229ab57{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
|
21
|
-
.TextField_styles_xvs3tf_s1gjsnfi__6229ab57{margin:var(--plasma-textfield__left-content-margin);color:var(--s1gjsnfi-0);line-height:0;}
|
22
|
-
.TextField_styles_xvs3tf_ssv2kwg__6229ab57{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
|
23
|
-
.TextField_styles_xvs3tf_s190z894__6229ab57{line-height:0;margin:var(--plasma-textfield__right-content-margin);color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.TextField_styles_xvs3tf_s190z894__6229ab57:hover{color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.TextField_styles_xvs3tf_s190z894__6229ab57:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
|
24
|
-
|
25
|
-
.TextField_styles_xvs3tf_s7hnwwb__6229ab57{visibility:var(--s7hnwwb-0);}
|
26
|
-
|
27
|
-
.TextField_styles_xvs3tf_s14qvple__6229ab57{color:var(--plasma-textfield__optional-color);}
|
28
|
-
.TextField_styles_xvs3tf_s16itze4__6229ab57{display:inline-block;line-height:0;}.TextField_styles_xvs3tf_s16itze4__6229ab57.TextField_styles_xvs3tf_labelPlacementInner__6229ab57{position:absolute;margin:0;inset:var(--plasma-textfield__hint-inner-label-placement-offset);}
|
29
|
-
.TextField_styles_xvs3tf_h1skqnhr__6229ab57{color:var(--plasma-textfield__hint-icon-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
|
30
|
-
.TextField_styles_xvs3tf_hgy0im1__6229ab57 .TextField_styles_xvs3tf_h1skqnhr__6229ab57 .TextField_styles_xvs3tf_popoverRoot__6229ab57{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
|
31
|
-
.TextField_styles_xvs3tf_h8yezh4__6229ab57{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
|
32
|
-
.TextField_styles_xvs3tf_szsveq4__6229ab57{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.TextField_styles_xvs3tf_szsveq4__6229ab57.TextField_styles_xvs3tf_labelPlacementOuter__6229ab57{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.TextField_styles_xvs3tf_szsveq4__6229ab57.TextField_styles_xvs3tf_labelPlacementOuter__6229ab57.TextField_styles_xvs3tf_requiredAlignRight__6229ab57{inset:var(--plasma-textfield__indicator-placement-outer-right);}.TextField_styles_xvs3tf_szsveq4__6229ab57.TextField_styles_xvs3tf_labelPlacementOuter__6229ab57.TextField_styles_xvs3tf_requiredAlignRight__6229ab57.TextField_styles_xvs3tf_textfieldHasHint__6229ab57{right:calc( -1 * var(--plasma-textfield__indicator-size-outer) + var(--plasma-textfield__indicator-hint-placement-outer-right,0px) );}.TextField_styles_xvs3tf_szsveq4__6229ab57.TextField_styles_xvs3tf_labelPlacementInner__6229ab57{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.TextField_styles_xvs3tf_szsveq4__6229ab57.TextField_styles_xvs3tf_labelPlacementInner__6229ab57.TextField_styles_xvs3tf_requiredAlignRight__6229ab57{inset:var(--plasma-textfield__indicator-placement-inner-right);}
|
33
|
-
|
34
|
-
.IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
|
35
|
-
|
36
|
-
.base_sp7461_b13tc97x__6c2a9135{color:var(--plasma-chip-color);background-color:var(--plasma-chip-background);}.base_sp7461_b13tc97x__6c2a9135:hover{color:var(--plasma-chip-color-hover);background-color:var(--plasma-chip-background-hover);}.base_sp7461_b13tc97x__6c2a9135:active{color:var(--plasma-chip-color-active);background-color:var(--plasma-chip-background-active);}
|
37
|
-
|
38
|
-
.base_1o8ygxu_b1pde8v1__ca0b05f4{font-family:var(--plasma-chip-font-family);font-size:var(--plasma-chip-font-size);font-style:var(--plasma-chip-font-style);font-weight:var(--plasma-chip-font-weight);-webkit-letter-spacing:var(--plasma-chip-letter-spacing);-moz-letter-spacing:var(--plasma-chip-letter-spacing);-ms-letter-spacing:var(--plasma-chip-letter-spacing);letter-spacing:var(--plasma-chip-letter-spacing);line-height:var(--plasma-chip-lineheight);border-radius:var(--plasma-chip-border-radius);width:var(--plasma-chip-width);height:var(--plasma-chip-height);padding:var(--plasma-chip-padding);}
|
39
|
-
|
40
|
-
.base_rmcs0j_b16ulzzx__f8cae226[disabled]{opacity:var(--plasma-chip-disabled-opacity);cursor:not-allowed;}.base_rmcs0j_b16ulzzx__f8cae226[disabled]:hover,.base_rmcs0j_b16ulzzx__f8cae226[disabled]:active{scale:none;color:var(--plasma-chip-color);background-color:var(--plasma-chip-background);}
|
41
|
-
|
42
|
-
.base_1nfit77_b10y1phq__6aaec899[readonly]{color:var(--plasma-chip-color-readonly);background-color:var(--plasma-chip-background-readonly);}.base_1nfit77_b10y1phq__6aaec899[readonly]:hover,.base_1nfit77_b10y1phq__6aaec899[readonly]:active{scale:none;cursor:default;color:var(--plasma-chip-color-readonly-hover);background-color:var(--plasma-chip-background-readonly-hover);}
|
43
|
-
|
44
|
-
.base_kgtz8x_b16hf96__46a206b1{--plasma_private-chip-outline-size:var(--plasma-chip-outline-size,0.125rem);position:relative;}.base_kgtz8x_b16hf96__46a206b1:focus{outline:none;}.base_kgtz8x_b16hf96__46a206b1::before{content:'';position:absolute;top:calc(-1 * var(--plasma_private-chip-outline-size));left:calc(-1 * var(--plasma_private-chip-outline-size));right:calc(-1 * var(--plasma_private-chip-outline-size));bottom:calc(-1 * var(--plasma_private-chip-outline-size));z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-chip-outline-size) solid transparent;border-radius:calc(var(--plasma-chip-border-radius) + var(--plasma_private-chip-outline-size));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_kgtz8x_b16hf96__46a206b1.base_kgtz8x_focusVisible__46a206b1:focus::before,.base_kgtz8x_b16hf96__46a206b1[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-chip-outline-size) var(--plasma-chip-focus-color);}
|
45
|
-
|
46
|
-
.base_3kce4h_bvcavwi__c6ad5ca5.base_3kce4h_chipPilled__c6ad5ca5{border-radius:var(--plasma-chip-pilled-border-radius);}
|
47
|
-
|
48
|
-
.Chip_styles_fnd4j5_bol5daj__7a13f27c{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);}
|
49
|
-
.Chip_styles_fnd4j5_sj20on5__7a13f27c{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-left-content-margin-left);margin-right:var(--plasma-chip-left-content-margin-right);color:var(--plasma-chip-left-content-color);}
|
50
|
-
.Chip_styles_fnd4j5_s1ror4o9__7a13f27c{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
51
|
-
.Chip_styles_fnd4j5_swddmyi__7a13f27c{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-right-content-margin-left);margin-right:var(--swddmyi-0);}
|
52
|
-
.Chip_styles_fnd4j5_s1pcflhj__7a13f27c{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-clear-content-margin-left);margin-right:var(--plasma-chip-clear-content-margin-right);color:var(--plasma-chip-close-icon-color);}
|
53
|
-
|
54
|
-
.TextFieldChipNew_styles_119gtz1_s11qqqhl__3dfbc3c5{--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:var(--plasma-textfield__chip-padding);--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-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);--plasma-chip-disabled-opacity:0.4;position:relative;}.TextFieldChipNew_styles_119gtz1_s11qqqhl__3dfbc3c5::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;}.TextFieldChipNew_styles_119gtz1_s11qqqhl__3dfbc3c5.TextFieldChipNew_styles_119gtz1_focusVisible__3dfbc3c5:focus::before,.TextFieldChipNew_styles_119gtz1_s11qqqhl__3dfbc3c5[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChipNew_styles_119gtz1_s11qqqhl__3dfbc3c5[readonly]{opacity:var(--plasma-textfield__chip-opacity-readonly);}
|
@@ -1,74 +0,0 @@
|
|
1
|
-
'use strict';
|
2
|
-
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
4
|
-
|
5
|
-
var React = require('react');
|
6
|
-
var TextField_styles = require('../../TextField.styles.js');
|
7
|
-
var TextField_tokens = require('../../TextField.tokens.js');
|
8
|
-
var TextFieldChipNew_styles = require('./TextFieldChipNew.styles.js');
|
9
|
-
|
10
|
-
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
11
|
-
|
12
|
-
var React__default = /*#__PURE__*/_interopDefault(React);
|
13
|
-
|
14
|
-
var TextFieldChipNew = function TextFieldChipNew(_ref) {
|
15
|
-
var chips = _ref.chips,
|
16
|
-
onChipClick = _ref.onChipClick,
|
17
|
-
getRef = _ref.getRef,
|
18
|
-
handleChipKeyDown = _ref.handleChipKeyDown,
|
19
|
-
onChipClear = _ref.onChipClear,
|
20
|
-
readOnly = _ref.readOnly,
|
21
|
-
view = _ref.view;
|
22
|
-
return /*#__PURE__*/React__default.default.createElement(TextField_styles.StyledChips, {
|
23
|
-
className: TextField_tokens.classes.chipsWrapper
|
24
|
-
}, chips.map(function (_ref2, index) {
|
25
|
-
var value = _ref2.value,
|
26
|
-
label = _ref2.label,
|
27
|
-
disabled = _ref2.disabled;
|
28
|
-
var chipId = "".concat(index, "_").concat(value);
|
29
|
-
var onKeyDownHandle = function onKeyDownHandle(event) {
|
30
|
-
if (handleChipKeyDown) {
|
31
|
-
handleChipKeyDown(event, chipId, index);
|
32
|
-
}
|
33
|
-
if (event.key === 'Enter' || event.key === 'Backspace') {
|
34
|
-
if (onChipClick) {
|
35
|
-
onChipClick({
|
36
|
-
value: value,
|
37
|
-
label: label,
|
38
|
-
disabled: disabled
|
39
|
-
});
|
40
|
-
}
|
41
|
-
}
|
42
|
-
};
|
43
|
-
var handleClick = function handleClick(event) {
|
44
|
-
event.stopPropagation();
|
45
|
-
if (onChipClick) {
|
46
|
-
onChipClick({
|
47
|
-
value: value,
|
48
|
-
label: label,
|
49
|
-
disabled: disabled
|
50
|
-
});
|
51
|
-
}
|
52
|
-
if (onChipClear) {
|
53
|
-
onChipClear(chipId, index);
|
54
|
-
}
|
55
|
-
};
|
56
|
-
return /*#__PURE__*/React__default.default.createElement(TextFieldChipNew_styles.StyledChip, {
|
57
|
-
key: chipId,
|
58
|
-
ref: function ref(element) {
|
59
|
-
return getRef(element, index);
|
60
|
-
},
|
61
|
-
tabIndex: -1,
|
62
|
-
disabled: disabled,
|
63
|
-
hasClear: !disabled,
|
64
|
-
readOnly: readOnly,
|
65
|
-
onClick: handleClick,
|
66
|
-
onKeyDown: onKeyDownHandle,
|
67
|
-
text: label,
|
68
|
-
view: view
|
69
|
-
});
|
70
|
-
}));
|
71
|
-
};
|
72
|
-
|
73
|
-
exports.TextFieldChipNew = TextFieldChipNew;
|
74
|
-
//# sourceMappingURL=TextFieldChipNew.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"TextFieldChipNew.js","sources":["../../../../../src/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.tsx"],"sourcesContent":["import React, { FC, KeyboardEvent } from 'react';\n\nimport { StyledChips } from '../../TextField.styles';\nimport { classes } from '../../TextField.tokens';\n\nimport { StyledChip } from './TextFieldChipNew.styles';\n\nexport const TextFieldChipNew: FC<{\n chips: { value: string; label: string; disabled: boolean }[];\n onChipClick: (chip: { value: string; label: string; disabled: boolean }) => void;\n getRef: (...e: any) => void;\n handleChipKeyDown: (event: KeyboardEvent<HTMLButtonElement>, chipId: string, chipIndex: number) => void;\n onChipClear: (clearId: string, index: number) => void;\n readOnly: boolean;\n view?: string;\n}> = ({ chips, onChipClick, getRef, handleChipKeyDown, onChipClear, readOnly, view }) => {\n return (\n <StyledChips className={classes.chipsWrapper}>\n {chips.map(({ value, label, disabled }, index) => {\n const chipId = `${index}_${value}`;\n\n const onKeyDownHandle = (event: React.KeyboardEvent<HTMLButtonElement>) => {\n if (handleChipKeyDown) {\n handleChipKeyDown(event, chipId, index);\n }\n\n if (event.key === 'Enter' || event.key === 'Backspace') {\n if (onChipClick) {\n onChipClick({ value, label, disabled });\n }\n }\n };\n\n const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n event.stopPropagation();\n\n if (onChipClick) {\n onChipClick({ value, label, disabled });\n }\n\n if (onChipClear) {\n onChipClear(chipId, index);\n }\n };\n\n return (\n <StyledChip\n key={chipId}\n ref={(element) => getRef(element, index)}\n tabIndex={-1}\n disabled={disabled}\n hasClear={!disabled}\n readOnly={readOnly}\n onClick={handleClick}\n onKeyDown={onKeyDownHandle}\n text={label}\n view={view}\n />\n );\n })}\n </StyledChips>\n );\n};\n"],"names":["TextFieldChipNew","_ref","chips","onChipClick","getRef","handleChipKeyDown","onChipClear","readOnly","view","React","createElement","StyledChips","className","classes","chipsWrapper","map","_ref2","index","value","label","disabled","chipId","concat","onKeyDownHandle","event","key","handleClick","stopPropagation","StyledChip","ref","element","tabIndex","hasClear","onClick","onKeyDown","text"],"mappings":";;;;;;;;;;;;;IAOaA,gBAQX,GAAG,SARQA,gBAQXA,CAAAC,IAAA,EAAuF;AAAA,EAAA,IAAjFC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,WAAW,GAAAF,IAAA,CAAXE,WAAW;IAAEC,MAAM,GAAAH,IAAA,CAANG,MAAM;IAAEC,iBAAiB,GAAAJ,IAAA,CAAjBI,iBAAiB;IAAEC,WAAW,GAAAL,IAAA,CAAXK,WAAW;IAAEC,QAAQ,GAAAN,IAAA,CAARM,QAAQ;IAAEC,IAAI,GAAAP,IAAA,CAAJO,IAAI,CAAA;AAC9E,EAAA,oBACIC,sBAAA,CAAAC,aAAA,CAACC,4BAAW,EAAA;IAACC,SAAS,EAAEC,wBAAO,CAACC,YAAAA;GAC3BZ,EAAAA,KAAK,CAACa,GAAG,CAAC,UAAAC,KAAA,EAA6BC,KAAK,EAAK;AAAA,IAAA,IAApCC,KAAK,GAAAF,KAAA,CAALE,KAAK;MAAEC,KAAK,GAAAH,KAAA,CAALG,KAAK;MAAEC,QAAQ,GAAAJ,KAAA,CAARI,QAAQ,CAAA;IAChC,IAAMC,MAAM,MAAAC,MAAA,CAAML,KAAK,EAAAK,GAAAA,CAAAA,CAAAA,MAAA,CAAIJ,KAAK,CAAE,CAAA;AAElC,IAAA,IAAMK,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,KAA6C,EAAK;AACvE,MAAA,IAAInB,iBAAiB,EAAE;AACnBA,QAAAA,iBAAiB,CAACmB,KAAK,EAAEH,MAAM,EAAEJ,KAAK,CAAC,CAAA;AAC3C,OAAA;MAEA,IAAIO,KAAK,CAACC,GAAG,KAAK,OAAO,IAAID,KAAK,CAACC,GAAG,KAAK,WAAW,EAAE;AACpD,QAAA,IAAItB,WAAW,EAAE;AACbA,UAAAA,WAAW,CAAC;AAAEe,YAAAA,KAAK,EAALA,KAAK;AAAEC,YAAAA,KAAK,EAALA,KAAK;AAAEC,YAAAA,QAAQ,EAARA,QAAAA;AAAS,WAAC,CAAC,CAAA;AAC3C,SAAA;AACJ,OAAA;KACH,CAAA;AAED,IAAA,IAAMM,WAAW,GAAG,SAAdA,WAAWA,CAAIF,KAA0C,EAAK;MAChEA,KAAK,CAACG,eAAe,EAAE,CAAA;AAEvB,MAAA,IAAIxB,WAAW,EAAE;AACbA,QAAAA,WAAW,CAAC;AAAEe,UAAAA,KAAK,EAALA,KAAK;AAAEC,UAAAA,KAAK,EAALA,KAAK;AAAEC,UAAAA,QAAQ,EAARA,QAAAA;AAAS,SAAC,CAAC,CAAA;AAC3C,OAAA;AAEA,MAAA,IAAId,WAAW,EAAE;AACbA,QAAAA,WAAW,CAACe,MAAM,EAAEJ,KAAK,CAAC,CAAA;AAC9B,OAAA;KACH,CAAA;AAED,IAAA,oBACIR,sBAAA,CAAAC,aAAA,CAACkB,kCAAU,EAAA;AACPH,MAAAA,GAAG,EAAEJ,MAAO;MACZQ,GAAG,EAAE,SAAAA,GAAAA,CAACC,OAAO,EAAA;AAAA,QAAA,OAAK1B,MAAM,CAAC0B,OAAO,EAAEb,KAAK,CAAC,CAAA;OAAC;MACzCc,QAAQ,EAAE,CAAC,CAAE;AACbX,MAAAA,QAAQ,EAAEA,QAAS;MACnBY,QAAQ,EAAE,CAACZ,QAAS;AACpBb,MAAAA,QAAQ,EAAEA,QAAS;AACnB0B,MAAAA,OAAO,EAAEP,WAAY;AACrBQ,MAAAA,SAAS,EAAEX,eAAgB;AAC3BY,MAAAA,IAAI,EAAEhB,KAAM;AACZX,MAAAA,IAAI,EAAEA,IAAAA;AAAK,KACd,CAAC,CAAA;AAEV,GAAC,CACQ,CAAC,CAAA;AAEtB;;;;"}
|
@@ -1,25 +0,0 @@
|
|
1
|
-
require('./TextFieldChipNew.styles_119gtz1.css');
|
2
|
-
'use strict';
|
3
|
-
|
4
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
5
|
-
|
6
|
-
var react = require('@linaria/react');
|
7
|
-
var common = require('../../../../engines/common.js');
|
8
|
-
var Chip$1 = require('../../../Chip/Chip.js');
|
9
|
-
|
10
|
-
// issue #823
|
11
|
-
var mergedConfig = /*#__PURE__*/common.mergeConfig(Chip$1.chipConfig);
|
12
|
-
var Chip = /*#__PURE__*/common.component(mergedConfig);
|
13
|
-
|
14
|
-
// NOTE: Необходимое переопределение токенов из компонента Chip т.к. используются его части
|
15
|
-
var _exp = function _exp() {
|
16
|
-
return Chip;
|
17
|
-
};
|
18
|
-
var StyledChip = /*#__PURE__*/react.styled(_exp())({
|
19
|
-
name: "StyledChip",
|
20
|
-
"class": "s11qqqhl",
|
21
|
-
propsAsIs: true
|
22
|
-
});
|
23
|
-
|
24
|
-
exports.StyledChip = StyledChip;
|
25
|
-
//# sourceMappingURL=TextFieldChipNew.styles.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"TextFieldChipNew.styles.js","sources":["../../../../../src/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { component, mergeConfig } from 'src/engines';\nimport { addFocus } from 'src/mixins';\nimport { chipConfig, chipTokens } from 'src/components/Chip';\n\nimport { tokens } from '../../TextField.tokens';\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.padding}: var(${tokens.chipPadding});\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.closeIconSize}: var(${tokens.chipCloseIconSize});\n ${chipTokens.closeIconColor}: var(${tokens.chipCloseIconColor});\n ${chipTokens.focusColor}: var(${tokens.focusColor});\n ${chipTokens.disabledOpacity}: 0.4;\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,kBAAW,CAACC,iBAAU,CAAC,CAAA;AAC5C,IAAMC,IAAI,gBAAGC,gBAAS,CAACJ,YAAY,CAAC,CAAA;;AAEpC;AAAA,IAAAK,IAAA,GAVkBA,SAUlBA,IAAAA,GAAA;AAAA,EAAA,OACiCF,IAAI,CAAA;AAAA,CAAA,CAAA;AAA9B,IAAMG,UAAU,gBAAGC,YAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAsC/B;;;;"}
|
@@ -1 +0,0 @@
|
|
1
|
-
.s11qqqhl{--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:var(--plasma-textfield__chip-padding);--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-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);--plasma-chip-disabled-opacity:0.4;position:relative;}.s11qqqhl::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;}.s11qqqhl.focus-visible:focus::before,.s11qqqhl[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.s11qqqhl[readonly]{opacity:var(--plasma-textfield__chip-opacity-readonly);}
|
@@ -1,69 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
Object.defineProperty(exports, "__esModule", {
|
3
|
-
value: true
|
4
|
-
});
|
5
|
-
Object.defineProperty(exports, "TextFieldChipNew", {
|
6
|
-
enumerable: true,
|
7
|
-
get: function() {
|
8
|
-
return TextFieldChipNew;
|
9
|
-
}
|
10
|
-
});
|
11
|
-
var _react = /*#__PURE__*/ _interop_require_default(require("react"));
|
12
|
-
var _TextFieldstyles = require("../../TextField.styles");
|
13
|
-
var _TextFieldtokens = require("../../TextField.tokens");
|
14
|
-
var _TextFieldChipNewstyles = require("./TextFieldChipNew.styles");
|
15
|
-
function _interop_require_default(obj) {
|
16
|
-
return obj && obj.__esModule ? obj : {
|
17
|
-
default: obj
|
18
|
-
};
|
19
|
-
}
|
20
|
-
var TextFieldChipNew = function(param) {
|
21
|
-
var chips = param.chips, onChipClick = param.onChipClick, getRef = param.getRef, handleChipKeyDown = param.handleChipKeyDown, onChipClear = param.onChipClear, readOnly = param.readOnly, view = param.view;
|
22
|
-
return /*#__PURE__*/ _react.default.createElement(_TextFieldstyles.StyledChips, {
|
23
|
-
className: _TextFieldtokens.classes.chipsWrapper
|
24
|
-
}, chips.map(function(param, index) {
|
25
|
-
var value = param.value, label = param.label, disabled = param.disabled;
|
26
|
-
var chipId = "".concat(index, "_").concat(value);
|
27
|
-
var onKeyDownHandle = function(event) {
|
28
|
-
if (handleChipKeyDown) {
|
29
|
-
handleChipKeyDown(event, chipId, index);
|
30
|
-
}
|
31
|
-
if (event.key === 'Enter' || event.key === 'Backspace') {
|
32
|
-
if (onChipClick) {
|
33
|
-
onChipClick({
|
34
|
-
value: value,
|
35
|
-
label: label,
|
36
|
-
disabled: disabled
|
37
|
-
});
|
38
|
-
}
|
39
|
-
}
|
40
|
-
};
|
41
|
-
var handleClick = function(event) {
|
42
|
-
event.stopPropagation();
|
43
|
-
if (onChipClick) {
|
44
|
-
onChipClick({
|
45
|
-
value: value,
|
46
|
-
label: label,
|
47
|
-
disabled: disabled
|
48
|
-
});
|
49
|
-
}
|
50
|
-
if (onChipClear) {
|
51
|
-
onChipClear(chipId, index);
|
52
|
-
}
|
53
|
-
};
|
54
|
-
return /*#__PURE__*/ _react.default.createElement(_TextFieldChipNewstyles.StyledChip, {
|
55
|
-
key: chipId,
|
56
|
-
ref: function(element) {
|
57
|
-
return getRef(element, index);
|
58
|
-
},
|
59
|
-
tabIndex: -1,
|
60
|
-
disabled: disabled,
|
61
|
-
hasClear: !disabled,
|
62
|
-
readOnly: readOnly,
|
63
|
-
onClick: handleClick,
|
64
|
-
onKeyDown: onKeyDownHandle,
|
65
|
-
text: label,
|
66
|
-
view: view
|
67
|
-
});
|
68
|
-
}));
|
69
|
-
};
|
@@ -1,32 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
Object.defineProperty(exports, "__esModule", {
|
3
|
-
value: true
|
4
|
-
});
|
5
|
-
Object.defineProperty(exports, "StyledChip", {
|
6
|
-
enumerable: true,
|
7
|
-
get: function() {
|
8
|
-
return StyledChip;
|
9
|
-
}
|
10
|
-
});
|
11
|
-
var _styled = /*#__PURE__*/ _interop_require_default(require("@emotion/styled"));
|
12
|
-
var _engines = require("../../../../engines");
|
13
|
-
var _mixins = require("../../../../mixins");
|
14
|
-
var _Chip = require("../../../Chip");
|
15
|
-
var _TextFieldtokens = require("../../TextField.tokens");
|
16
|
-
function _interop_require_default(obj) {
|
17
|
-
return obj && obj.__esModule ? obj : {
|
18
|
-
default: obj
|
19
|
-
};
|
20
|
-
}
|
21
|
-
// issue #823
|
22
|
-
var mergedConfig = (0, _engines.mergeConfig)(_Chip.chipConfig);
|
23
|
-
var Chip = (0, _engines.component)(mergedConfig);
|
24
|
-
var StyledChip = /*#__PURE__*/ (0, _styled.default)(Chip, {
|
25
|
-
target: "e1b8rfew0",
|
26
|
-
label: "StyledChip"
|
27
|
-
})(_Chip.chipTokens.color, ":var(", _TextFieldtokens.tokens.chipColor, ");", _Chip.chipTokens.background, ":var(", _TextFieldtokens.tokens.chipBackground, ");", _Chip.chipTokens.colorHover, ":var(", _TextFieldtokens.tokens.chipColorHover, ");", _Chip.chipTokens.backgroundHover, ":var(", _TextFieldtokens.tokens.chipBackgroundHover, ");", _Chip.chipTokens.colorActive, ":var(", _TextFieldtokens.tokens.chipColorActive, ");", _Chip.chipTokens.backgroundActive, ":var(", _TextFieldtokens.tokens.chipBackgroundActive, ");", _Chip.chipTokens.backgroundReadOnly, ":var(", _TextFieldtokens.tokens.chipBackgroundReadOnly, ");", _Chip.chipTokens.colorReadOnly, ":var(", _TextFieldtokens.tokens.chipColorReadOnly, ");", _Chip.chipTokens.backgroundReadOnlyHover, ":var(", _TextFieldtokens.tokens.chipBackgroundReadOnlyHover, ");", _Chip.chipTokens.colorReadOnlyHover, ":var(", _TextFieldtokens.tokens.chipColorReadOnlyHover, ");", _Chip.chipTokens.borderRadius, ":var(", _TextFieldtokens.tokens.chipBorderRadius, ");", _Chip.chipTokens.width, ":var(", _TextFieldtokens.tokens.chipWidth, ");", _Chip.chipTokens.height, ":var(", _TextFieldtokens.tokens.chipHeight, ");", _Chip.chipTokens.padding, ":var(", _TextFieldtokens.tokens.chipPadding, ");", _Chip.chipTokens.fontFamily, ":var(", _TextFieldtokens.tokens.chipFontFamily, ");", _Chip.chipTokens.fontSize, ":var(", _TextFieldtokens.tokens.chipFontSize, ");", _Chip.chipTokens.fontStyle, ":var(", _TextFieldtokens.tokens.chipFontStyle, ");", _Chip.chipTokens.fontWeight, ":var(", _TextFieldtokens.tokens.chipFontWeight, ");", _Chip.chipTokens.letterSpacing, ":var(", _TextFieldtokens.tokens.chipLetterSpacing, ");", _Chip.chipTokens.lineHeight, ":var(", _TextFieldtokens.tokens.chipLineHeight, ");", _Chip.chipTokens.clearContentMarginLeft, ":var(", _TextFieldtokens.tokens.chipClearContentMarginLeft, ");", _Chip.chipTokens.clearContentMarginRight, ":var(", _TextFieldtokens.tokens.chipClearContentMarginRight, ");", _Chip.chipTokens.closeIconSize, ":var(", _TextFieldtokens.tokens.chipCloseIconSize, ");", _Chip.chipTokens.closeIconColor, ":var(", _TextFieldtokens.tokens.chipCloseIconColor, ");", _Chip.chipTokens.focusColor, ":var(", _TextFieldtokens.tokens.focusColor, ");", _Chip.chipTokens.disabledOpacity, ":0.4;", (0, _mixins.addFocus)({
|
28
|
-
outlineOffset: '0.0625rem',
|
29
|
-
outlineSize: '0.0625rem',
|
30
|
-
outlineRadius: "calc(var(".concat(_TextFieldtokens.tokens.chipBorderRadius, ") - 0.1rem)"),
|
31
|
-
outlineColor: "var(".concat(_TextFieldtokens.tokens.focusColor, ")")
|
32
|
-
}), " &[readonly]{opacity:var(", _TextFieldtokens.tokens.chipOpacityReadonly, ");}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9UZXh0RmllbGQvdWkvVGV4dEZpZWxkQ2hpcE5ldy9UZXh0RmllbGRDaGlwTmV3LnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9UZXh0RmllbGQvdWkvVGV4dEZpZWxkQ2hpcE5ldy9UZXh0RmllbGRDaGlwTmV3LnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjb21wb25lbnQsIG1lcmdlQ29uZmlnIH0gZnJvbSAnc3JjL2VuZ2luZXMnO1xuaW1wb3J0IHsgYWRkRm9jdXMgfSBmcm9tICdzcmMvbWl4aW5zJztcbmltcG9ydCB7IGNoaXBDb25maWcsIGNoaXBUb2tlbnMgfSBmcm9tICdzcmMvY29tcG9uZW50cy9DaGlwJztcblxuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi4vLi4vVGV4dEZpZWxkLnRva2Vucyc7XG5cbi8vIGlzc3VlICM4MjNcbmNvbnN0IG1lcmdlZENvbmZpZyA9IG1lcmdlQ29uZmlnKGNoaXBDb25maWcpO1xuY29uc3QgQ2hpcCA9IGNvbXBvbmVudChtZXJnZWRDb25maWcpO1xuXG4vLyBOT1RFOiDQndC10L7QsdGF0L7QtNC40LzQvtC1INC/0LXRgNC10L7Qv9GA0LXQtNC10LvQtdC90LjQtSDRgtC+0LrQtdC90L7QsiDQuNC3INC60L7QvNC/0L7QvdC10L3RgtCwIENoaXAg0YIu0LouINC40YHQv9C+0LvRjNC30YPRjtGC0YHRjyDQtdCz0L4g0YfQsNGB0YLQuFxuZXhwb3J0IGNvbnN0IFN0eWxlZENoaXAgPSBzdHlsZWQoQ2hpcClgXG4gICAgJHtjaGlwVG9rZW5zLmNvbG9yfTogdmFyKCR7dG9rZW5zLmNoaXBDb2xvcn0pO1xuICAgICR7Y2hpcFRva2Vucy5iYWNrZ3JvdW5kfTogdmFyKCR7dG9rZW5zLmNoaXBCYWNrZ3JvdW5kfSk7XG4gICAgJHtjaGlwVG9rZW5zLmNvbG9ySG92ZXJ9OiB2YXIoJHt0b2tlbnMuY2hpcENvbG9ySG92ZXJ9KTtcbiAgICAke2NoaXBUb2tlbnMuYmFja2dyb3VuZEhvdmVyfTogdmFyKCR7dG9rZW5zLmNoaXBCYWNrZ3JvdW5kSG92ZXJ9KTtcbiAgICAke2NoaXBUb2tlbnMuY29sb3JBY3RpdmV9OiB2YXIoJHt0b2tlbnMuY2hpcENvbG9yQWN0aXZlfSk7XG4gICAgJHtjaGlwVG9rZW5zLmJhY2tncm91bmRBY3RpdmV9OiB2YXIoJHt0b2tlbnMuY2hpcEJhY2tncm91bmRBY3RpdmV9KTtcbiAgICAke2NoaXBUb2tlbnMuYmFja2dyb3VuZFJlYWRPbmx5fTogdmFyKCR7dG9rZW5zLmNoaXBCYWNrZ3JvdW5kUmVhZE9ubHl9KTtcbiAgICAke2NoaXBUb2tlbnMuY29sb3JSZWFkT25seX06IHZhcigke3Rva2Vucy5jaGlwQ29sb3JSZWFkT25seX0pO1xuICAgICR7Y2hpcFRva2Vucy5iYWNrZ3JvdW5kUmVhZE9ubHlIb3Zlcn06IHZhcigke3Rva2Vucy5jaGlwQmFja2dyb3VuZFJlYWRPbmx5SG92ZXJ9KTtcbiAgICAke2NoaXBUb2tlbnMuY29sb3JSZWFkT25seUhvdmVyfTogdmFyKCR7dG9rZW5zLmNoaXBDb2xvclJlYWRPbmx5SG92ZXJ9KTtcbiAgICAke2NoaXBUb2tlbnMuYm9yZGVyUmFkaXVzfTogdmFyKCR7dG9rZW5zLmNoaXBCb3JkZXJSYWRpdXN9KTtcbiAgICAke2NoaXBUb2tlbnMud2lkdGh9OiB2YXIoJHt0b2tlbnMuY2hpcFdpZHRofSk7XG4gICAgJHtjaGlwVG9rZW5zLmhlaWdodH06IHZhcigke3Rva2Vucy5jaGlwSGVpZ2h0fSk7XG4gICAgJHtjaGlwVG9rZW5zLnBhZGRpbmd9OiB2YXIoJHt0b2tlbnMuY2hpcFBhZGRpbmd9KTtcbiAgICAke2NoaXBUb2tlbnMuZm9udEZhbWlseX06IHZhcigke3Rva2Vucy5jaGlwRm9udEZhbWlseX0pO1xuICAgICR7Y2hpcFRva2Vucy5mb250U2l6ZX06IHZhcigke3Rva2Vucy5jaGlwRm9udFNpemV9KTtcbiAgICAke2NoaXBUb2tlbnMuZm9udFN0eWxlfTogdmFyKCR7dG9rZW5zLmNoaXBGb250U3R5bGV9KTtcbiAgICAke2NoaXBUb2tlbnMuZm9udFdlaWdodH06IHZhcigke3Rva2Vucy5jaGlwRm9udFdlaWdodH0pO1xuICAgICR7Y2hpcFRva2Vucy5sZXR0ZXJTcGFjaW5nfTogdmFyKCR7dG9rZW5zLmNoaXBMZXR0ZXJTcGFjaW5nfSk7XG4gICAgJHtjaGlwVG9rZW5zLmxpbmVIZWlnaHR9OiB2YXIoJHt0b2tlbnMuY2hpcExpbmVIZWlnaHR9KTtcbiAgICAke2NoaXBUb2tlbnMuY2xlYXJDb250ZW50TWFyZ2luTGVmdH06IHZhcigke3Rva2Vucy5jaGlwQ2xlYXJDb250ZW50TWFyZ2luTGVmdH0pO1xuICAgICR7Y2hpcFRva2Vucy5jbGVhckNvbnRlbnRNYXJnaW5SaWdodH06IHZhcigke3Rva2Vucy5jaGlwQ2xlYXJDb250ZW50TWFyZ2luUmlnaHR9KTtcbiAgICAke2NoaXBUb2tlbnMuY2xvc2VJY29uU2l6ZX06IHZhcigke3Rva2Vucy5jaGlwQ2xvc2VJY29uU2l6ZX0pO1xuICAgICR7Y2hpcFRva2Vucy5jbG9zZUljb25Db2xvcn06IHZhcigke3Rva2Vucy5jaGlwQ2xvc2VJY29uQ29sb3J9KTtcbiAgICAke2NoaXBUb2tlbnMuZm9jdXNDb2xvcn06IHZhcigke3Rva2Vucy5mb2N1c0NvbG9yfSk7XG4gICAgJHtjaGlwVG9rZW5zLmRpc2FibGVkT3BhY2l0eX06IDAuNDtcblxuICAgICR7YWRkRm9jdXMoe1xuICAgICAgICBvdXRsaW5lT2Zmc2V0OiAnMC4wNjI1cmVtJyxcbiAgICAgICAgb3V0bGluZVNpemU6ICcwLjA2MjVyZW0nLFxuICAgICAgICBvdXRsaW5lUmFkaXVzOiBgY2FsYyh2YXIoJHt0b2tlbnMuY2hpcEJvcmRlclJhZGl1c30pIC0gMC4xcmVtKWAsXG4gICAgICAgIG91dGxpbmVDb2xvcjogYHZhcigke3Rva2Vucy5mb2N1c0NvbG9yfSlgLFxuICAgIH0pfVxuXG4gICAgJltyZWFkb25seV0ge1xuICAgICAgICBvcGFjaXR5OiB2YXIoJHt0b2tlbnMuY2hpcE9wYWNpdHlSZWFkb25seX0pO1xuICAgIH1cbmA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBWTBCIn0= */");
|
@@ -1,54 +0,0 @@
|
|
1
|
-
import React from "react";
|
2
|
-
import { StyledChips } from "../../TextField.styles";
|
3
|
-
import { classes } from "../../TextField.tokens";
|
4
|
-
import { StyledChip } from "./TextFieldChipNew.styles";
|
5
|
-
export var TextFieldChipNew = function(param) {
|
6
|
-
var chips = param.chips, onChipClick = param.onChipClick, getRef = param.getRef, handleChipKeyDown = param.handleChipKeyDown, onChipClear = param.onChipClear, readOnly = param.readOnly, view = param.view;
|
7
|
-
return /*#__PURE__*/ React.createElement(StyledChips, {
|
8
|
-
className: classes.chipsWrapper
|
9
|
-
}, chips.map(function(param, index) {
|
10
|
-
var value = param.value, label = param.label, disabled = param.disabled;
|
11
|
-
var chipId = "".concat(index, "_").concat(value);
|
12
|
-
var onKeyDownHandle = function(event) {
|
13
|
-
if (handleChipKeyDown) {
|
14
|
-
handleChipKeyDown(event, chipId, index);
|
15
|
-
}
|
16
|
-
if (event.key === 'Enter' || event.key === 'Backspace') {
|
17
|
-
if (onChipClick) {
|
18
|
-
onChipClick({
|
19
|
-
value: value,
|
20
|
-
label: label,
|
21
|
-
disabled: disabled
|
22
|
-
});
|
23
|
-
}
|
24
|
-
}
|
25
|
-
};
|
26
|
-
var handleClick = function(event) {
|
27
|
-
event.stopPropagation();
|
28
|
-
if (onChipClick) {
|
29
|
-
onChipClick({
|
30
|
-
value: value,
|
31
|
-
label: label,
|
32
|
-
disabled: disabled
|
33
|
-
});
|
34
|
-
}
|
35
|
-
if (onChipClear) {
|
36
|
-
onChipClear(chipId, index);
|
37
|
-
}
|
38
|
-
};
|
39
|
-
return /*#__PURE__*/ React.createElement(StyledChip, {
|
40
|
-
key: chipId,
|
41
|
-
ref: function(element) {
|
42
|
-
return getRef(element, index);
|
43
|
-
},
|
44
|
-
tabIndex: -1,
|
45
|
-
disabled: disabled,
|
46
|
-
hasClear: !disabled,
|
47
|
-
readOnly: readOnly,
|
48
|
-
onClick: handleClick,
|
49
|
-
onKeyDown: onKeyDownHandle,
|
50
|
-
text: label,
|
51
|
-
view: view
|
52
|
-
});
|
53
|
-
}));
|
54
|
-
};
|
@@ -1,18 +0,0 @@
|
|
1
|
-
import styled from "@emotion/styled";
|
2
|
-
import { component, mergeConfig } from "../../../../engines";
|
3
|
-
import { addFocus } from "../../../../mixins";
|
4
|
-
import { chipConfig, chipTokens } from "../../../Chip";
|
5
|
-
import { tokens } from "../../TextField.tokens";
|
6
|
-
// issue #823
|
7
|
-
var mergedConfig = mergeConfig(chipConfig);
|
8
|
-
var Chip = component(mergedConfig);
|
9
|
-
// NOTE: Необходимое переопределение токенов из компонента Chip т.к. используются его части
|
10
|
-
export var StyledChip = /*#__PURE__*/ styled(Chip, {
|
11
|
-
target: "e1b8rfew0",
|
12
|
-
label: "StyledChip"
|
13
|
-
})(chipTokens.color, ":var(", tokens.chipColor, ");", chipTokens.background, ":var(", tokens.chipBackground, ");", chipTokens.colorHover, ":var(", tokens.chipColorHover, ");", chipTokens.backgroundHover, ":var(", tokens.chipBackgroundHover, ");", chipTokens.colorActive, ":var(", tokens.chipColorActive, ");", chipTokens.backgroundActive, ":var(", tokens.chipBackgroundActive, ");", chipTokens.backgroundReadOnly, ":var(", tokens.chipBackgroundReadOnly, ");", chipTokens.colorReadOnly, ":var(", tokens.chipColorReadOnly, ");", chipTokens.backgroundReadOnlyHover, ":var(", tokens.chipBackgroundReadOnlyHover, ");", chipTokens.colorReadOnlyHover, ":var(", tokens.chipColorReadOnlyHover, ");", chipTokens.borderRadius, ":var(", tokens.chipBorderRadius, ");", chipTokens.width, ":var(", tokens.chipWidth, ");", chipTokens.height, ":var(", tokens.chipHeight, ");", chipTokens.padding, ":var(", tokens.chipPadding, ");", chipTokens.fontFamily, ":var(", tokens.chipFontFamily, ");", chipTokens.fontSize, ":var(", tokens.chipFontSize, ");", chipTokens.fontStyle, ":var(", tokens.chipFontStyle, ");", chipTokens.fontWeight, ":var(", tokens.chipFontWeight, ");", chipTokens.letterSpacing, ":var(", tokens.chipLetterSpacing, ");", chipTokens.lineHeight, ":var(", tokens.chipLineHeight, ");", chipTokens.clearContentMarginLeft, ":var(", tokens.chipClearContentMarginLeft, ");", chipTokens.clearContentMarginRight, ":var(", tokens.chipClearContentMarginRight, ");", chipTokens.closeIconSize, ":var(", tokens.chipCloseIconSize, ");", chipTokens.closeIconColor, ":var(", tokens.chipCloseIconColor, ");", chipTokens.focusColor, ":var(", tokens.focusColor, ");", chipTokens.disabledOpacity, ":0.4;", addFocus({
|
14
|
-
outlineOffset: '0.0625rem',
|
15
|
-
outlineSize: '0.0625rem',
|
16
|
-
outlineRadius: "calc(var(".concat(tokens.chipBorderRadius, ") - 0.1rem)"),
|
17
|
-
outlineColor: "var(".concat(tokens.focusColor, ")")
|
18
|
-
}), " &[readonly]{opacity:var(", tokens.chipOpacityReadonly, ");}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9UZXh0RmllbGQvdWkvVGV4dEZpZWxkQ2hpcE5ldy9UZXh0RmllbGRDaGlwTmV3LnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9UZXh0RmllbGQvdWkvVGV4dEZpZWxkQ2hpcE5ldy9UZXh0RmllbGRDaGlwTmV3LnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjb21wb25lbnQsIG1lcmdlQ29uZmlnIH0gZnJvbSAnc3JjL2VuZ2luZXMnO1xuaW1wb3J0IHsgYWRkRm9jdXMgfSBmcm9tICdzcmMvbWl4aW5zJztcbmltcG9ydCB7IGNoaXBDb25maWcsIGNoaXBUb2tlbnMgfSBmcm9tICdzcmMvY29tcG9uZW50cy9DaGlwJztcblxuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi4vLi4vVGV4dEZpZWxkLnRva2Vucyc7XG5cbi8vIGlzc3VlICM4MjNcbmNvbnN0IG1lcmdlZENvbmZpZyA9IG1lcmdlQ29uZmlnKGNoaXBDb25maWcpO1xuY29uc3QgQ2hpcCA9IGNvbXBvbmVudChtZXJnZWRDb25maWcpO1xuXG4vLyBOT1RFOiDQndC10L7QsdGF0L7QtNC40LzQvtC1INC/0LXRgNC10L7Qv9GA0LXQtNC10LvQtdC90LjQtSDRgtC+0LrQtdC90L7QsiDQuNC3INC60L7QvNC/0L7QvdC10L3RgtCwIENoaXAg0YIu0LouINC40YHQv9C+0LvRjNC30YPRjtGC0YHRjyDQtdCz0L4g0YfQsNGB0YLQuFxuZXhwb3J0IGNvbnN0IFN0eWxlZENoaXAgPSBzdHlsZWQoQ2hpcClgXG4gICAgJHtjaGlwVG9rZW5zLmNvbG9yfTogdmFyKCR7dG9rZW5zLmNoaXBDb2xvcn0pO1xuICAgICR7Y2hpcFRva2Vucy5iYWNrZ3JvdW5kfTogdmFyKCR7dG9rZW5zLmNoaXBCYWNrZ3JvdW5kfSk7XG4gICAgJHtjaGlwVG9rZW5zLmNvbG9ySG92ZXJ9OiB2YXIoJHt0b2tlbnMuY2hpcENvbG9ySG92ZXJ9KTtcbiAgICAke2NoaXBUb2tlbnMuYmFja2dyb3VuZEhvdmVyfTogdmFyKCR7dG9rZW5zLmNoaXBCYWNrZ3JvdW5kSG92ZXJ9KTtcbiAgICAke2NoaXBUb2tlbnMuY29sb3JBY3RpdmV9OiB2YXIoJHt0b2tlbnMuY2hpcENvbG9yQWN0aXZlfSk7XG4gICAgJHtjaGlwVG9rZW5zLmJhY2tncm91bmRBY3RpdmV9OiB2YXIoJHt0b2tlbnMuY2hpcEJhY2tncm91bmRBY3RpdmV9KTtcbiAgICAke2NoaXBUb2tlbnMuYmFja2dyb3VuZFJlYWRPbmx5fTogdmFyKCR7dG9rZW5zLmNoaXBCYWNrZ3JvdW5kUmVhZE9ubHl9KTtcbiAgICAke2NoaXBUb2tlbnMuY29sb3JSZWFkT25seX06IHZhcigke3Rva2Vucy5jaGlwQ29sb3JSZWFkT25seX0pO1xuICAgICR7Y2hpcFRva2Vucy5iYWNrZ3JvdW5kUmVhZE9ubHlIb3Zlcn06IHZhcigke3Rva2Vucy5jaGlwQmFja2dyb3VuZFJlYWRPbmx5SG92ZXJ9KTtcbiAgICAke2NoaXBUb2tlbnMuY29sb3JSZWFkT25seUhvdmVyfTogdmFyKCR7dG9rZW5zLmNoaXBDb2xvclJlYWRPbmx5SG92ZXJ9KTtcbiAgICAke2NoaXBUb2tlbnMuYm9yZGVyUmFkaXVzfTogdmFyKCR7dG9rZW5zLmNoaXBCb3JkZXJSYWRpdXN9KTtcbiAgICAke2NoaXBUb2tlbnMud2lkdGh9OiB2YXIoJHt0b2tlbnMuY2hpcFdpZHRofSk7XG4gICAgJHtjaGlwVG9rZW5zLmhlaWdodH06IHZhcigke3Rva2Vucy5jaGlwSGVpZ2h0fSk7XG4gICAgJHtjaGlwVG9rZW5zLnBhZGRpbmd9OiB2YXIoJHt0b2tlbnMuY2hpcFBhZGRpbmd9KTtcbiAgICAke2NoaXBUb2tlbnMuZm9udEZhbWlseX06IHZhcigke3Rva2Vucy5jaGlwRm9udEZhbWlseX0pO1xuICAgICR7Y2hpcFRva2Vucy5mb250U2l6ZX06IHZhcigke3Rva2Vucy5jaGlwRm9udFNpemV9KTtcbiAgICAke2NoaXBUb2tlbnMuZm9udFN0eWxlfTogdmFyKCR7dG9rZW5zLmNoaXBGb250U3R5bGV9KTtcbiAgICAke2NoaXBUb2tlbnMuZm9udFdlaWdodH06IHZhcigke3Rva2Vucy5jaGlwRm9udFdlaWdodH0pO1xuICAgICR7Y2hpcFRva2Vucy5sZXR0ZXJTcGFjaW5nfTogdmFyKCR7dG9rZW5zLmNoaXBMZXR0ZXJTcGFjaW5nfSk7XG4gICAgJHtjaGlwVG9rZW5zLmxpbmVIZWlnaHR9OiB2YXIoJHt0b2tlbnMuY2hpcExpbmVIZWlnaHR9KTtcbiAgICAke2NoaXBUb2tlbnMuY2xlYXJDb250ZW50TWFyZ2luTGVmdH06IHZhcigke3Rva2Vucy5jaGlwQ2xlYXJDb250ZW50TWFyZ2luTGVmdH0pO1xuICAgICR7Y2hpcFRva2Vucy5jbGVhckNvbnRlbnRNYXJnaW5SaWdodH06IHZhcigke3Rva2Vucy5jaGlwQ2xlYXJDb250ZW50TWFyZ2luUmlnaHR9KTtcbiAgICAke2NoaXBUb2tlbnMuY2xvc2VJY29uU2l6ZX06IHZhcigke3Rva2Vucy5jaGlwQ2xvc2VJY29uU2l6ZX0pO1xuICAgICR7Y2hpcFRva2Vucy5jbG9zZUljb25Db2xvcn06IHZhcigke3Rva2Vucy5jaGlwQ2xvc2VJY29uQ29sb3J9KTtcbiAgICAke2NoaXBUb2tlbnMuZm9jdXNDb2xvcn06IHZhcigke3Rva2Vucy5mb2N1c0NvbG9yfSk7XG4gICAgJHtjaGlwVG9rZW5zLmRpc2FibGVkT3BhY2l0eX06IDAuNDtcblxuICAgICR7YWRkRm9jdXMoe1xuICAgICAgICBvdXRsaW5lT2Zmc2V0OiAnMC4wNjI1cmVtJyxcbiAgICAgICAgb3V0bGluZVNpemU6ICcwLjA2MjVyZW0nLFxuICAgICAgICBvdXRsaW5lUmFkaXVzOiBgY2FsYyh2YXIoJHt0b2tlbnMuY2hpcEJvcmRlclJhZGl1c30pIC0gMC4xcmVtKWAsXG4gICAgICAgIG91dGxpbmVDb2xvcjogYHZhcigke3Rva2Vucy5mb2N1c0NvbG9yfSlgLFxuICAgIH0pfVxuXG4gICAgJltyZWFkb25seV0ge1xuICAgICAgICBvcGFjaXR5OiB2YXIoJHt0b2tlbnMuY2hpcE9wYWNpdHlSZWFkb25seX0pO1xuICAgIH1cbmA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBWTBCIn0= */");
|