@semcore/select 2.6.3 → 2.7.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/CHANGELOG.md +6 -0
- package/lib/cjs/InputSearch.js +7 -11
- package/lib/cjs/InputSearch.js.map +1 -1
- package/lib/es6/InputSearch.js +7 -9
- package/lib/es6/InputSearch.js.map +1 -1
- package/package.json +2 -2
- package/src/InputSearch.js +7 -9
package/CHANGELOG.md
CHANGED
package/lib/cjs/InputSearch.js
CHANGED
|
@@ -35,17 +35,13 @@ var _input = _interopRequireDefault(require("@semcore/input"));
|
|
|
35
35
|
|
|
36
36
|
var _divider = _interopRequireDefault(require("@semcore/divider"));
|
|
37
37
|
|
|
38
|
-
var
|
|
38
|
+
var _m = _interopRequireDefault(require("@semcore/icon/Search/m"));
|
|
39
39
|
|
|
40
|
-
var
|
|
40
|
+
var _m2 = _interopRequireDefault(require("@semcore/icon/Close/m"));
|
|
41
41
|
|
|
42
|
-
var
|
|
42
|
+
var _l = _interopRequireDefault(require("@semcore/icon/Search/l"));
|
|
43
43
|
|
|
44
|
-
var
|
|
45
|
-
|
|
46
|
-
var _m = _interopRequireDefault(require("@semcore/icon/lib/Search/m"));
|
|
47
|
-
|
|
48
|
-
var _m2 = _interopRequireDefault(require("@semcore/icon/lib/Close/m"));
|
|
44
|
+
var _l2 = _interopRequireDefault(require("@semcore/icon/Close/l"));
|
|
49
45
|
|
|
50
46
|
var _Select = _interopRequireDefault(require("./Select"));
|
|
51
47
|
|
|
@@ -69,9 +65,9 @@ _core.sstyled.insert(
|
|
|
69
65
|
"_size_xl": "_size_xl_115d6_gg_"
|
|
70
66
|
});
|
|
71
67
|
var MAP_SIZE_TO_ICON = {
|
|
72
|
-
m: [
|
|
73
|
-
l: [
|
|
74
|
-
xl: [
|
|
68
|
+
m: [_m["default"], _m2["default"]],
|
|
69
|
+
l: [_m["default"], _m2["default"]],
|
|
70
|
+
xl: [_l["default"], _l2["default"]]
|
|
75
71
|
};
|
|
76
72
|
|
|
77
73
|
var InputSearch = /*#__PURE__*/function (_Component) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/InputSearch.js"],"names":["MAP_SIZE_TO_ICON","m","
|
|
1
|
+
{"version":3,"sources":["../../src/InputSearch.js"],"names":["MAP_SIZE_TO_ICON","m","SearchM","CloseM","l","xl","SearchL","CloseL","InputSearch","e","handlers","value","SInputSearch","Box","asProps","size","forwardRef","styles","finalSize","context","visibility","handleClear","Component","style","defaultValue","Select","CONTEXT_COMPONENT"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AACA;;AADA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;AAIA,IAAMA,gBAAgB,GAAG;AACvBC,EAAAA,CAAC,EAAE,CAACC,aAAD,EAAUC,cAAV,CADoB;AAEvBC,EAAAA,CAAC,EAAE,CAACF,aAAD,EAAUC,cAAV,CAFoB;AAGvBE,EAAAA,EAAE,EAAE,CAACC,aAAD,EAAUC,cAAV;AAHmB,CAAzB;;IAMMC,W;;;;;;;;;;;;;;;oGAiBU,UAACC,CAAD,EAAO;AACnB,YAAKC,QAAL,CAAcC,KAAd,CAAoB,EAApB,EAAwBF,CAAxB;AACD,K;;;;;;WARD,6BAAoB;AAClB,aAAO;AACLE,QAAAA,KAAK,EAAE;AADF,OAAP;AAGD;;;WAMD,kBAAS;AAAA;;AACP,UAAMC,YAAY,GAAGC,YAArB;AADO,0BAEqC,KAAKC,OAF1C;AAAA,UAECC,IAFD,iBAECA,IAFD;AAAA,UAEOJ,KAFP,iBAEOA,KAFP;AAAA,UAEcK,UAFd,iBAEcA,UAFd;AAAA,UAE0BC,MAF1B,iBAE0BA,MAF1B;AAGP,UAAMC,SAAS,GAAGH,IAAI,IAAI,KAAKI,OAAL,CAAaJ,IAAvC;AAEA,oBAAO,mBAAQE,MAAR,CAAP,eACE,+EACE,gCAAC,YAAD;AAAA,gBAAoBC;AAApB,uBACE,gCAAC,iBAAD;AAAA,gBAAaA;AAAb,uBACE,gCAAC,iBAAD,CAAO,KAAP;AAAa,QAAA,GAAG,EAAElB,gBAAgB,CAACkB,SAAD,CAAhB,CAA4B,CAA5B;AAAlB,QADF,eAEE,gCAAC,iBAAD,CAAO,KAAP;AAAa,QAAA,GAAG,EAAEF,UAAlB;AAA8B,QAAA,SAAS;AAAvC,SAA4C,KAAKF,OAAjD,EAFF,eAGE,gCAAC,iBAAD,CAAO,KAAP;AACE,QAAA,GAAG,EAAEd,gBAAgB,CAACkB,SAAD,CAAhB,CAA4B,CAA5B,CADP;AAEE,QAAA,IAAI,EAAC,QAFP;AAGE,QAAA,WAAW,MAHb;AAIE,QAAA,KAAK,EAAE;AAAEE,UAAAA,UAAU,EAAET,KAAK,GAAG,SAAH,GAAe;AAAlC,SAJT;AAKE,QAAA,OAAO,EAAE,KAAKU;AALhB,QAHF,CADF,CADF,eAcE,gCAAC,mBAAD,yBAdF,CADF;AAkBD;;;EA5CuBC,e;;iCAApBd,W,iBACiB,a;iCADjBA,W,WAGWe,K;iCAHXf,W,kBAKkB;AACpBgB,EAAAA,YAAY,EAAE;AADM,C;iCALlBhB,W,iBASiBiB,mBAAOC,uBAAP,C;;eAsCR,sBAAgBlB,WAAhB,C","sourcesContent":["import React from 'react';\nimport createComponent, { Component, CONTEXT_COMPONENT, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport Input from '@semcore/input';\nimport Divider from '@semcore/divider';\nimport SearchM from '@semcore/icon/Search/m';\nimport CloseM from '@semcore/icon/Close/m';\nimport SearchL from '@semcore/icon/Search/l';\nimport CloseL from '@semcore/icon/Close/l';\nimport Select from './Select';\n\nimport style from './style/input-search.shadow.css';\n\nconst MAP_SIZE_TO_ICON = {\n m: [SearchM, CloseM],\n l: [SearchM, CloseM],\n xl: [SearchL, CloseL],\n};\n\nclass InputSearch extends Component {\n static displayName = 'InputSearch';\n\n static style = style;\n\n static defaultProps = {\n defaultValue: '',\n };\n\n static contextType = Select[CONTEXT_COMPONENT];\n\n uncontrolledProps() {\n return {\n value: null,\n };\n }\n\n handleClear = (e) => {\n this.handlers.value('', e);\n };\n\n render() {\n const SInputSearch = Box;\n const { size, value, forwardRef, styles } = this.asProps;\n const finalSize = size || this.context.size;\n\n return sstyled(styles)(\n <>\n <SInputSearch size={finalSize}>\n <Input size={finalSize}>\n <Input.Addon tag={MAP_SIZE_TO_ICON[finalSize][0]} />\n <Input.Value ref={forwardRef} autoFocus {...this.asProps} />\n <Input.Addon\n tag={MAP_SIZE_TO_ICON[finalSize][1]}\n role=\"button\"\n interactive\n style={{ visibility: value ? 'visible' : 'hidden' }}\n onClick={this.handleClear}\n />\n </Input>\n </SInputSearch>\n <Divider />\n </>,\n );\n }\n}\n\nexport default createComponent(InputSearch);\n"],"file":"InputSearch.js"}
|
package/lib/es6/InputSearch.js
CHANGED
|
@@ -17,12 +17,10 @@ import createComponent, { Component, CONTEXT_COMPONENT, sstyled } from '@semcore
|
|
|
17
17
|
import { Box } from '@semcore/flex-box';
|
|
18
18
|
import Input from '@semcore/input';
|
|
19
19
|
import Divider from '@semcore/divider';
|
|
20
|
-
import
|
|
21
|
-
import
|
|
22
|
-
import
|
|
23
|
-
import
|
|
24
|
-
import SearchM from '@semcore/icon/lib/Search/m';
|
|
25
|
-
import CloseM from '@semcore/icon/lib/Close/m';
|
|
20
|
+
import SearchM from '@semcore/icon/Search/m';
|
|
21
|
+
import CloseM from '@semcore/icon/Close/m';
|
|
22
|
+
import SearchL from '@semcore/icon/Search/l';
|
|
23
|
+
import CloseL from '@semcore/icon/Close/l';
|
|
26
24
|
import Select from './Select';
|
|
27
25
|
|
|
28
26
|
/*__reshadow-styles__:"./style/input-search.shadow.css"*/
|
|
@@ -41,9 +39,9 @@ _sstyled.insert(
|
|
|
41
39
|
"_size_xl": "_size_xl_115d6_gg_"
|
|
42
40
|
});
|
|
43
41
|
var MAP_SIZE_TO_ICON = {
|
|
44
|
-
m: [
|
|
45
|
-
l: [
|
|
46
|
-
xl: [
|
|
42
|
+
m: [SearchM, CloseM],
|
|
43
|
+
l: [SearchM, CloseM],
|
|
44
|
+
xl: [SearchL, CloseL]
|
|
47
45
|
};
|
|
48
46
|
|
|
49
47
|
var InputSearch = /*#__PURE__*/function (_Component) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/InputSearch.js"],"names":["React","createComponent","Component","CONTEXT_COMPONENT","sstyled","Box","Input","Divider","
|
|
1
|
+
{"version":3,"sources":["../../src/InputSearch.js"],"names":["React","createComponent","Component","CONTEXT_COMPONENT","sstyled","Box","Input","Divider","SearchM","CloseM","SearchL","CloseL","Select","MAP_SIZE_TO_ICON","m","l","xl","InputSearch","e","handlers","value","SInputSearch","asProps","size","forwardRef","styles","finalSize","context","visibility","handleClear","style","defaultValue"],"mappings":";;;;;;;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,eAAP,IAA0BC,SAA1B,EAAqCC,iBAArC,EAAwDC,OAAxD,QAAuE,eAAvE;AACA,SAASC,GAAT,QAAoB,mBAApB;AACA,OAAOC,KAAP,MAAkB,gBAAlB;AACA,OAAOC,OAAP,MAAoB,kBAApB;AACA,OAAOC,OAAP,MAAoB,wBAApB;AACA,OAAOC,MAAP,MAAmB,uBAAnB;AACA,OAAOC,OAAP,MAAoB,wBAApB;AACA,OAAOC,MAAP,MAAmB,uBAAnB;AACA,OAAOC,MAAP,MAAmB,UAAnB;;;;;;;;;;;;;;;;;AAIA,IAAMC,gBAAgB,GAAG;AACvBC,EAAAA,CAAC,EAAE,CAACN,OAAD,EAAUC,MAAV,CADoB;AAEvBM,EAAAA,CAAC,EAAE,CAACP,OAAD,EAAUC,MAAV,CAFoB;AAGvBO,EAAAA,EAAE,EAAE,CAACN,OAAD,EAAUC,MAAV;AAHmB,CAAzB;;IAMMM,W;;;;;;;;;;;;;;;;kEAiBU,UAACC,CAAD,EAAO;AACnB,YAAKC,QAAL,CAAcC,KAAd,CAAoB,EAApB,EAAwBF,CAAxB;AACD,K;;;;;;;WARD,6BAAoB;AAClB,aAAO;AACLE,QAAAA,KAAK,EAAE;AADF,OAAP;AAGD;;;WAMD,kBAAS;AAAA;;AACP,UAAMC,YAAY,GAAGhB,GAArB;AADO,0BAEqC,KAAKiB,OAF1C;AAAA,UAECC,IAFD,iBAECA,IAFD;AAAA,UAEOH,KAFP,iBAEOA,KAFP;AAAA,UAEcI,UAFd,iBAEcA,UAFd;AAAA,UAE0BC,MAF1B,iBAE0BA,MAF1B;AAGP,UAAMC,SAAS,GAAGH,IAAI,IAAI,KAAKI,OAAL,CAAaJ,IAAvC;AAEA,oBAAOnB,OAAO,CAACqB,MAAD,CAAd,eACE,uDACE,oBAAC,YAAD;AAAA,gBAAoBC;AAApB,uBACE,oBAAC,KAAD;AAAA,gBAAaA;AAAb,uBACE,oBAAC,KAAD,CAAO,KAAP;AAAa,QAAA,GAAG,EAAEb,gBAAgB,CAACa,SAAD,CAAhB,CAA4B,CAA5B;AAAlB,QADF,eAEE,oBAAC,KAAD,CAAO,KAAP;AAAa,QAAA,GAAG,EAAEF,UAAlB;AAA8B,QAAA,SAAS;AAAvC,SAA4C,KAAKF,OAAjD,EAFF,eAGE,oBAAC,KAAD,CAAO,KAAP;AACE,QAAA,GAAG,EAAET,gBAAgB,CAACa,SAAD,CAAhB,CAA4B,CAA5B,CADP;AAEE,QAAA,IAAI,EAAC,QAFP;AAGE,QAAA,WAAW,MAHb;AAIE,QAAA,KAAK,EAAE;AAAEE,UAAAA,UAAU,EAAER,KAAK,GAAG,SAAH,GAAe;AAAlC,SAJT;AAKE,QAAA,OAAO,EAAE,KAAKS;AALhB,QAHF,CADF,CADF,eAcE,oBAAC,OAAD,yBAdF,CADF;AAkBD;;;;EA5CuB3B,S;;gBAApBe,W,iBACiB,a;;gBADjBA,W,WAGWa,K;;gBAHXb,W,kBAKkB;AACpBc,EAAAA,YAAY,EAAE;AADM,C;;gBALlBd,W,iBASiBL,MAAM,CAACT,iBAAD,C;;AAsC7B,eAAeF,eAAe,CAACgB,WAAD,CAA9B","sourcesContent":["import React from 'react';\nimport createComponent, { Component, CONTEXT_COMPONENT, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport Input from '@semcore/input';\nimport Divider from '@semcore/divider';\nimport SearchM from '@semcore/icon/Search/m';\nimport CloseM from '@semcore/icon/Close/m';\nimport SearchL from '@semcore/icon/Search/l';\nimport CloseL from '@semcore/icon/Close/l';\nimport Select from './Select';\n\nimport style from './style/input-search.shadow.css';\n\nconst MAP_SIZE_TO_ICON = {\n m: [SearchM, CloseM],\n l: [SearchM, CloseM],\n xl: [SearchL, CloseL],\n};\n\nclass InputSearch extends Component {\n static displayName = 'InputSearch';\n\n static style = style;\n\n static defaultProps = {\n defaultValue: '',\n };\n\n static contextType = Select[CONTEXT_COMPONENT];\n\n uncontrolledProps() {\n return {\n value: null,\n };\n }\n\n handleClear = (e) => {\n this.handlers.value('', e);\n };\n\n render() {\n const SInputSearch = Box;\n const { size, value, forwardRef, styles } = this.asProps;\n const finalSize = size || this.context.size;\n\n return sstyled(styles)(\n <>\n <SInputSearch size={finalSize}>\n <Input size={finalSize}>\n <Input.Addon tag={MAP_SIZE_TO_ICON[finalSize][0]} />\n <Input.Value ref={forwardRef} autoFocus {...this.asProps} />\n <Input.Addon\n tag={MAP_SIZE_TO_ICON[finalSize][1]}\n role=\"button\"\n interactive\n style={{ visibility: value ? 'visible' : 'hidden' }}\n onClick={this.handleClear}\n />\n </Input>\n </SInputSearch>\n <Divider />\n </>,\n );\n }\n}\n\nexport default createComponent(InputSearch);\n"],"file":"InputSearch.js"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@semcore/select",
|
|
3
3
|
"description": "SEMRush Select Component",
|
|
4
|
-
"version": "2.
|
|
4
|
+
"version": "2.7.0",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/es6/index.js",
|
|
7
7
|
"typings": "lib/types/index.d.ts",
|
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
"dependencies": {
|
|
15
15
|
"@semcore/utils": "^3.15",
|
|
16
16
|
"@semcore/base-trigger": "^2",
|
|
17
|
-
"@semcore/icon": "^2",
|
|
17
|
+
"@semcore/icon": "^2.16",
|
|
18
18
|
"@semcore/dropdown-menu": "^2",
|
|
19
19
|
"@semcore/input": "^2",
|
|
20
20
|
"@semcore/checkbox": "^5",
|
package/src/InputSearch.js
CHANGED
|
@@ -3,20 +3,18 @@ import createComponent, { Component, CONTEXT_COMPONENT, sstyled } from '@semcore
|
|
|
3
3
|
import { Box } from '@semcore/flex-box';
|
|
4
4
|
import Input from '@semcore/input';
|
|
5
5
|
import Divider from '@semcore/divider';
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
import
|
|
9
|
-
import
|
|
10
|
-
import SearchM from '@semcore/icon/lib/Search/m';
|
|
11
|
-
import CloseM from '@semcore/icon/lib/Close/m';
|
|
6
|
+
import SearchM from '@semcore/icon/Search/m';
|
|
7
|
+
import CloseM from '@semcore/icon/Close/m';
|
|
8
|
+
import SearchL from '@semcore/icon/Search/l';
|
|
9
|
+
import CloseL from '@semcore/icon/Close/l';
|
|
12
10
|
import Select from './Select';
|
|
13
11
|
|
|
14
12
|
import style from './style/input-search.shadow.css';
|
|
15
13
|
|
|
16
14
|
const MAP_SIZE_TO_ICON = {
|
|
17
|
-
m: [
|
|
18
|
-
l: [
|
|
19
|
-
xl: [
|
|
15
|
+
m: [SearchM, CloseM],
|
|
16
|
+
l: [SearchM, CloseM],
|
|
17
|
+
xl: [SearchL, CloseL],
|
|
20
18
|
};
|
|
21
19
|
|
|
22
20
|
class InputSearch extends Component {
|