@semcore/select 3.1.2 → 3.1.3
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 +8 -7
- package/lib/cjs/InputSearch.js.map +1 -1
- package/lib/cjs/Select.js +8 -8
- package/lib/es6/InputSearch.js +8 -7
- package/lib/es6/InputSearch.js.map +1 -1
- package/lib/es6/Select.js +8 -8
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,12 @@
|
|
|
2
2
|
|
|
3
3
|
CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
|
|
4
4
|
|
|
5
|
+
## [3.1.3] - 2022-09-29
|
|
6
|
+
|
|
7
|
+
### Changed
|
|
8
|
+
|
|
9
|
+
- Version patch update due to children dependencies update (`@semcore/base-trigger` [3.0.20 ~> 3.0.21], `@semcore/icon` [2.30.4 ~> 2.31.0]).
|
|
10
|
+
|
|
5
11
|
## [3.1.2] - 2022-09-21
|
|
6
12
|
|
|
7
13
|
### Changed
|
package/lib/cjs/InputSearch.js
CHANGED
|
@@ -52,16 +52,16 @@ var style = (
|
|
|
52
52
|
/*__reshadow_css_start__*/
|
|
53
53
|
_core.sstyled.insert(
|
|
54
54
|
/*__inner_css_start__*/
|
|
55
|
-
".
|
|
55
|
+
".___SInputSearch_1mkur_gg_._size_m_1mkur_gg_{height:32px}.___SClose_1mkur_gg_.__hide_1mkur_gg_{visibility:hidden}.___SOutline_1mkur_gg_{top:-1px;left:-1px;width:100%;border-radius:6px 6px 0 0}"
|
|
56
56
|
/*__inner_css_end__*/
|
|
57
|
-
, "
|
|
57
|
+
, "1mkur_gg_")
|
|
58
58
|
/*__reshadow_css_end__*/
|
|
59
59
|
, {
|
|
60
|
-
"__SInputSearch": "
|
|
61
|
-
"_size_m": "
|
|
62
|
-
"__SClose": "
|
|
63
|
-
"_hide": "
|
|
64
|
-
"__SOutline": "
|
|
60
|
+
"__SInputSearch": "___SInputSearch_1mkur_gg_",
|
|
61
|
+
"_size_m": "_size_m_1mkur_gg_",
|
|
62
|
+
"__SClose": "___SClose_1mkur_gg_",
|
|
63
|
+
"_hide": "__hide_1mkur_gg_",
|
|
64
|
+
"__SOutline": "___SOutline_1mkur_gg_"
|
|
65
65
|
});
|
|
66
66
|
var MAP_SIZE_TO_ICON = {
|
|
67
67
|
m: [_m["default"], _m2["default"]],
|
|
@@ -123,6 +123,7 @@ var InputSearch = /*#__PURE__*/function (_Component) {
|
|
|
123
123
|
"hide": hideClose,
|
|
124
124
|
"aria-hidden": hideClose,
|
|
125
125
|
"interactive": true,
|
|
126
|
+
"aria-label": "Clear search field",
|
|
126
127
|
"onClick": this.handleClear
|
|
127
128
|
}), /*#__PURE__*/_react["default"].createElement(IconClose, _ref2.cn("IconClose", {}))));
|
|
128
129
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputSearch.js","names":["MAP_SIZE_TO_ICON","m","SearchM","CloseM","l","InputSearch","e","handlers","value","Value","Input","SInputSearch","SClose","Addon","asProps","size","styles","finalSize","context","hideClose","IconClose","IconSearch","sstyled","handleClear","Component","style","defaultValue","selectContext","createComponent"],"sources":["../../src/InputSearch.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport SearchM from '@semcore/icon/Search/m';\nimport CloseM from '@semcore/icon/Close/m';\nimport Input from '@semcore/input';\nimport { selectContext } from './context';\n\nimport style from './style/input-search.shadow.css';\n\nconst MAP_SIZE_TO_ICON = {\n m: [SearchM, CloseM],\n l: [SearchM, CloseM],\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 = selectContext;\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 Value = Root;\n const SInputSearch = Input;\n const SClose = Input.Addon;\n const { size, value, styles } = this.asProps;\n const finalSize = size || this.context.size;\n const hideClose = !value;\n const IconClose = MAP_SIZE_TO_ICON[finalSize][1];\n const IconSearch = MAP_SIZE_TO_ICON[finalSize][0];\n\n return sstyled(styles)(\n <SInputSearch size={finalSize} styles={styles}>\n <Input.Addon>\n <IconSearch />\n </Input.Addon>\n <Value render={Input.Value} autoFocus />\n <SClose\n role=\"button\"\n /* hide through css because the width of the input changes */\n hide={hideClose}\n aria-hidden={hideClose}\n interactive\n onClick={this.handleClear}\n >\n <IconClose />\n </SClose>\n </SInputSearch>,\n );\n }\n}\n\nexport default createComponent(InputSearch);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AACA;;AADA;;AAEA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,IAAMA,gBAAgB,GAAG;EACvBC,CAAC,EAAE,CAACC,aAAD,EAAUC,cAAV,CADoB;EAEvBC,CAAC,EAAE,CAACF,aAAD,EAAUC,cAAV;AAFoB,CAAzB;;IAKME,W;;;;;;;;;;;;;;;oGAiBU,UAACC,CAAD,EAAO;MACnB,MAAKC,QAAL,CAAcC,KAAd,CAAoB,EAApB,EAAwBF,CAAxB;IACD,C;;;;;;WARD,6BAAoB;MAClB,OAAO;QACLE,KAAK,EAAE;MADF,CAAP;IAGD;;;WAMD,kBAAS;MAAA;MAAA;;MACP,IAAMC,KAAK,GAcQC,iBAAA,CAAMD,KAdzB;MACA,IAAME,YAAY,GAAGD,iBAArB;MACA,IAAME,MAAM,GAAGF,iBAAA,CAAMG,KAArB;MACA,oBAAgC,KAAKC,OAArC;MAAA,IAAQC,IAAR,iBAAQA,IAAR;MAAA,IAAcP,KAAd,iBAAcA,KAAd;MAAA,IAAqBQ,MAArB,iBAAqBA,MAArB;MACA,IAAMC,SAAS,GAAGF,IAAI,IAAI,KAAKG,OAAL,CAAaH,IAAvC;MACA,IAAMI,SAAS,GAAG,CAACX,KAAnB;MACA,IAAMY,SAAS,GAAGpB,gBAAgB,CAACiB,SAAD,CAAhB,CAA4B,CAA5B,CAAlB;MACA,IAAMI,UAAU,GAAGrB,gBAAgB,CAACiB,SAAD,CAAhB,CAA4B,CAA5B,CAAnB;MAEA,eAAO,IAAAK,aAAA,EAAQN,MAAR,CAAP,eACE,gCAAC,YAAD;QAAA,QAAoBC,SAApB;QAAA,UAAuCD;MAAvC,iBACE,gCAAC,iBAAD,CAAO,KAAP,qBACE,gCAAC,UAAD,6BADF,CADF,eAIE,gCAAC,KAAD;QAAA;MAAA,WAJF,eAKE,gCAAC,MAAD;QAAA,QACO,QADP;QAAA,QAGQG,SAHR;QAAA,eAIeA,SAJf;QAAA;QAAA,
|
|
1
|
+
{"version":3,"file":"InputSearch.js","names":["MAP_SIZE_TO_ICON","m","SearchM","CloseM","l","InputSearch","e","handlers","value","Value","Input","SInputSearch","SClose","Addon","asProps","size","styles","finalSize","context","hideClose","IconClose","IconSearch","sstyled","handleClear","Component","style","defaultValue","selectContext","createComponent"],"sources":["../../src/InputSearch.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport SearchM from '@semcore/icon/Search/m';\nimport CloseM from '@semcore/icon/Close/m';\nimport Input from '@semcore/input';\nimport { selectContext } from './context';\n\nimport style from './style/input-search.shadow.css';\n\nconst MAP_SIZE_TO_ICON = {\n m: [SearchM, CloseM],\n l: [SearchM, CloseM],\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 = selectContext;\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 Value = Root;\n const SInputSearch = Input;\n const SClose = Input.Addon;\n const { size, value, styles } = this.asProps;\n const finalSize = size || this.context.size;\n const hideClose = !value;\n const IconClose = MAP_SIZE_TO_ICON[finalSize][1];\n const IconSearch = MAP_SIZE_TO_ICON[finalSize][0];\n\n return sstyled(styles)(\n <SInputSearch size={finalSize} styles={styles}>\n <Input.Addon>\n <IconSearch />\n </Input.Addon>\n <Value render={Input.Value} autoFocus />\n <SClose\n role=\"button\"\n /* hide through css because the width of the input changes */\n hide={hideClose}\n aria-hidden={hideClose}\n interactive\n aria-label=\"Clear search field\"\n onClick={this.handleClear}\n >\n <IconClose />\n </SClose>\n </SInputSearch>,\n );\n }\n}\n\nexport default createComponent(InputSearch);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AACA;;AADA;;AAEA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,IAAMA,gBAAgB,GAAG;EACvBC,CAAC,EAAE,CAACC,aAAD,EAAUC,cAAV,CADoB;EAEvBC,CAAC,EAAE,CAACF,aAAD,EAAUC,cAAV;AAFoB,CAAzB;;IAKME,W;;;;;;;;;;;;;;;oGAiBU,UAACC,CAAD,EAAO;MACnB,MAAKC,QAAL,CAAcC,KAAd,CAAoB,EAApB,EAAwBF,CAAxB;IACD,C;;;;;;WARD,6BAAoB;MAClB,OAAO;QACLE,KAAK,EAAE;MADF,CAAP;IAGD;;;WAMD,kBAAS;MAAA;MAAA;;MACP,IAAMC,KAAK,GAcQC,iBAAA,CAAMD,KAdzB;MACA,IAAME,YAAY,GAAGD,iBAArB;MACA,IAAME,MAAM,GAAGF,iBAAA,CAAMG,KAArB;MACA,oBAAgC,KAAKC,OAArC;MAAA,IAAQC,IAAR,iBAAQA,IAAR;MAAA,IAAcP,KAAd,iBAAcA,KAAd;MAAA,IAAqBQ,MAArB,iBAAqBA,MAArB;MACA,IAAMC,SAAS,GAAGF,IAAI,IAAI,KAAKG,OAAL,CAAaH,IAAvC;MACA,IAAMI,SAAS,GAAG,CAACX,KAAnB;MACA,IAAMY,SAAS,GAAGpB,gBAAgB,CAACiB,SAAD,CAAhB,CAA4B,CAA5B,CAAlB;MACA,IAAMI,UAAU,GAAGrB,gBAAgB,CAACiB,SAAD,CAAhB,CAA4B,CAA5B,CAAnB;MAEA,eAAO,IAAAK,aAAA,EAAQN,MAAR,CAAP,eACE,gCAAC,YAAD;QAAA,QAAoBC,SAApB;QAAA,UAAuCD;MAAvC,iBACE,gCAAC,iBAAD,CAAO,KAAP,qBACE,gCAAC,UAAD,6BADF,CADF,eAIE,gCAAC,KAAD;QAAA;MAAA,WAJF,eAKE,gCAAC,MAAD;QAAA,QACO,QADP;QAAA,QAGQG,SAHR;QAAA,eAIeA,SAJf;QAAA;QAAA,cAMa,oBANb;QAAA,WAOW,KAAKI;MAPhB,iBASE,gCAAC,SAAD,4BATF,CALF,CADF;IAmBD;;;EAlDuBC,e;;iCAApBnB,W,iBACiB,a;iCADjBA,W,WAGWoB,K;iCAHXpB,W,kBAKkB;EACpBqB,YAAY,EAAE;AADM,C;iCALlBrB,W,iBASiBsB,sB;;eA4CR,IAAAC,gBAAA,EAAgBvB,WAAhB,C"}
|
package/lib/cjs/Select.js
CHANGED
|
@@ -78,17 +78,17 @@ var style = (
|
|
|
78
78
|
/*__reshadow_css_start__*/
|
|
79
79
|
_core.sstyled.insert(
|
|
80
80
|
/*__inner_css_start__*/
|
|
81
|
-
".
|
|
81
|
+
".___SOptionCheckbox_ih7t0_gg_{margin-top:2px;margin-right:8px;margin-bottom:auto;position:relative;flex-shrink:0}.___SOptionCheckbox_ih7t0_gg_:before{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;background:#fff;border:1px solid;border-radius:4px;border-color:#c4c7cf}.___SOptionCheckbox_ih7t0_gg_{width:16px;height:16px}.___SOptionCheckbox_ih7t0_gg_:after{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;margin:0 2px;background-repeat:no-repeat;background-position:50%;background-image:url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC4yNSAxTDQgNS4yNSAxLjc1IDMiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=\")}.___SOptionCheckbox_ih7t0_gg_._size_l_ih7t0_gg_{width:20px;height:20px}.___SOptionCheckbox_ih7t0_gg_._size_l_ih7t0_gg_:after{background-image:url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTEgMS41TDQuNzUgNy43NSAxIDQiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=\")}.___SOptionCheckbox_ih7t0_gg_.__checked_ih7t0_gg_:before{background-color:#008ff8;border-color:#008ff8}.___SOptionCheckbox_ih7t0_gg_.__theme_ih7t0_gg_:before{border-color:var(--theme_ih7t0)}.___SOptionCheckbox_ih7t0_gg_.__theme_ih7t0_gg_.__checked_ih7t0_gg_:before{background-color:var(--theme_ih7t0);border-color:var(--theme_ih7t0)}.___SOptionCheckbox_ih7t0_gg_.__selected_ih7t0_gg_{background-color:rgba(196,229,254,.7)}.___SOptionCheckbox_ih7t0_gg_.__selected_ih7t0_gg_:hover{background-color:rgba(196,229,254,.7)}"
|
|
82
82
|
/*__inner_css_end__*/
|
|
83
|
-
, "
|
|
83
|
+
, "ih7t0_gg_")
|
|
84
84
|
/*__reshadow_css_end__*/
|
|
85
85
|
, {
|
|
86
|
-
"__SOptionCheckbox": "
|
|
87
|
-
"_size_l": "
|
|
88
|
-
"_checked": "
|
|
89
|
-
"_theme": "
|
|
90
|
-
"--theme": "--
|
|
91
|
-
"_selected": "
|
|
86
|
+
"__SOptionCheckbox": "___SOptionCheckbox_ih7t0_gg_",
|
|
87
|
+
"_size_l": "_size_l_ih7t0_gg_",
|
|
88
|
+
"_checked": "__checked_ih7t0_gg_",
|
|
89
|
+
"_theme": "__theme_ih7t0_gg_",
|
|
90
|
+
"--theme": "--theme_ih7t0",
|
|
91
|
+
"_selected": "__selected_ih7t0_gg_"
|
|
92
92
|
});
|
|
93
93
|
|
|
94
94
|
function isSelectedOption(value, valueOption) {
|
package/lib/es6/InputSearch.js
CHANGED
|
@@ -28,16 +28,16 @@ var style = (
|
|
|
28
28
|
/*__reshadow_css_start__*/
|
|
29
29
|
_sstyled.insert(
|
|
30
30
|
/*__inner_css_start__*/
|
|
31
|
-
".
|
|
31
|
+
".___SInputSearch_1mkur_gg_._size_m_1mkur_gg_{height:32px}.___SClose_1mkur_gg_.__hide_1mkur_gg_{visibility:hidden}.___SOutline_1mkur_gg_{top:-1px;left:-1px;width:100%;border-radius:6px 6px 0 0}"
|
|
32
32
|
/*__inner_css_end__*/
|
|
33
|
-
, "
|
|
33
|
+
, "1mkur_gg_")
|
|
34
34
|
/*__reshadow_css_end__*/
|
|
35
35
|
, {
|
|
36
|
-
"__SInputSearch": "
|
|
37
|
-
"_size_m": "
|
|
38
|
-
"__SClose": "
|
|
39
|
-
"_hide": "
|
|
40
|
-
"__SOutline": "
|
|
36
|
+
"__SInputSearch": "___SInputSearch_1mkur_gg_",
|
|
37
|
+
"_size_m": "_size_m_1mkur_gg_",
|
|
38
|
+
"__SClose": "___SClose_1mkur_gg_",
|
|
39
|
+
"_hide": "__hide_1mkur_gg_",
|
|
40
|
+
"__SOutline": "___SOutline_1mkur_gg_"
|
|
41
41
|
});
|
|
42
42
|
var MAP_SIZE_TO_ICON = {
|
|
43
43
|
m: [SearchM, CloseM],
|
|
@@ -101,6 +101,7 @@ var InputSearch = /*#__PURE__*/function (_Component) {
|
|
|
101
101
|
"hide": hideClose,
|
|
102
102
|
"aria-hidden": hideClose,
|
|
103
103
|
"interactive": true,
|
|
104
|
+
"aria-label": "Clear search field",
|
|
104
105
|
"onClick": this.handleClear
|
|
105
106
|
}), /*#__PURE__*/React.createElement(IconClose, _ref2.cn("IconClose", {}))));
|
|
106
107
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputSearch.js","names":["React","createComponent","Component","sstyled","Root","SearchM","CloseM","Input","selectContext","MAP_SIZE_TO_ICON","m","l","InputSearch","e","handlers","value","Value","SInputSearch","SClose","Addon","asProps","size","styles","finalSize","context","hideClose","IconClose","IconSearch","handleClear","style","defaultValue"],"sources":["../../src/InputSearch.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport SearchM from '@semcore/icon/Search/m';\nimport CloseM from '@semcore/icon/Close/m';\nimport Input from '@semcore/input';\nimport { selectContext } from './context';\n\nimport style from './style/input-search.shadow.css';\n\nconst MAP_SIZE_TO_ICON = {\n m: [SearchM, CloseM],\n l: [SearchM, CloseM],\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 = selectContext;\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 Value = Root;\n const SInputSearch = Input;\n const SClose = Input.Addon;\n const { size, value, styles } = this.asProps;\n const finalSize = size || this.context.size;\n const hideClose = !value;\n const IconClose = MAP_SIZE_TO_ICON[finalSize][1];\n const IconSearch = MAP_SIZE_TO_ICON[finalSize][0];\n\n return sstyled(styles)(\n <SInputSearch size={finalSize} styles={styles}>\n <Input.Addon>\n <IconSearch />\n </Input.Addon>\n <Value render={Input.Value} autoFocus />\n <SClose\n role=\"button\"\n /* hide through css because the width of the input changes */\n hide={hideClose}\n aria-hidden={hideClose}\n interactive\n onClick={this.handleClear}\n >\n <IconClose />\n </SClose>\n </SInputSearch>,\n );\n }\n}\n\nexport default createComponent(InputSearch);\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,eAAP,IAA0BC,SAA1B,EAAqCC,OAArC,EAA8CC,IAA9C,QAA0D,eAA1D;AACA,OAAOC,OAAP,MAAoB,wBAApB;AACA,OAAOC,MAAP,MAAmB,uBAAnB;AACA,OAAOC,KAAP,MAAkB,gBAAlB;AACA,SAASC,aAAT,QAA8B,WAA9B;;;;;;;;;;;;;;;;;;AAIA,IAAMC,gBAAgB,GAAG;EACvBC,CAAC,EAAE,CAACL,OAAD,EAAUC,MAAV,CADoB;EAEvBK,CAAC,EAAE,CAACN,OAAD,EAAUC,MAAV;AAFoB,CAAzB;;IAKMM,W;;;;;;;;;;;;;;;;kEAiBU,UAACC,CAAD,EAAO;MACnB,MAAKC,QAAL,CAAcC,KAAd,CAAoB,EAApB,EAAwBF,CAAxB;IACD,C;;;;;;;WARD,6BAAoB;MAClB,OAAO;QACLE,KAAK,EAAE;MADF,CAAP;IAGD;;;WAMD,kBAAS;MAAA;MAAA;;MACP,IAAMC,KAAK,GAcQT,KAAK,CAACS,KAdzB;MACA,IAAMC,YAAY,GAAGV,KAArB;MACA,IAAMW,MAAM,GAAGX,KAAK,CAACY,KAArB;MACA,oBAAgC,KAAKC,OAArC;MAAA,IAAQC,IAAR,iBAAQA,IAAR;MAAA,IAAcN,KAAd,iBAAcA,KAAd;MAAA,IAAqBO,MAArB,iBAAqBA,MAArB;MACA,IAAMC,SAAS,GAAGF,IAAI,IAAI,KAAKG,OAAL,CAAaH,IAAvC;MACA,IAAMI,SAAS,GAAG,CAACV,KAAnB;MACA,IAAMW,SAAS,GAAGjB,gBAAgB,CAACc,SAAD,CAAhB,CAA4B,CAA5B,CAAlB;MACA,IAAMI,UAAU,GAAGlB,gBAAgB,CAACc,SAAD,CAAhB,CAA4B,CAA5B,CAAnB;MAEA,eAAOpB,OAAO,CAACmB,MAAD,CAAd,eACE,oBAAC,YAAD;QAAA,QAAoBC,SAApB;QAAA,UAAuCD;MAAvC,iBACE,oBAAC,KAAD,CAAO,KAAP,qBACE,oBAAC,UAAD,6BADF,CADF,eAIE,oBAAC,KAAD;QAAA;MAAA,WAJF,eAKE,oBAAC,MAAD;QAAA,QACO,QADP;QAAA,QAGQG,SAHR;QAAA,eAIeA,SAJf;QAAA;QAAA,
|
|
1
|
+
{"version":3,"file":"InputSearch.js","names":["React","createComponent","Component","sstyled","Root","SearchM","CloseM","Input","selectContext","MAP_SIZE_TO_ICON","m","l","InputSearch","e","handlers","value","Value","SInputSearch","SClose","Addon","asProps","size","styles","finalSize","context","hideClose","IconClose","IconSearch","handleClear","style","defaultValue"],"sources":["../../src/InputSearch.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport SearchM from '@semcore/icon/Search/m';\nimport CloseM from '@semcore/icon/Close/m';\nimport Input from '@semcore/input';\nimport { selectContext } from './context';\n\nimport style from './style/input-search.shadow.css';\n\nconst MAP_SIZE_TO_ICON = {\n m: [SearchM, CloseM],\n l: [SearchM, CloseM],\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 = selectContext;\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 Value = Root;\n const SInputSearch = Input;\n const SClose = Input.Addon;\n const { size, value, styles } = this.asProps;\n const finalSize = size || this.context.size;\n const hideClose = !value;\n const IconClose = MAP_SIZE_TO_ICON[finalSize][1];\n const IconSearch = MAP_SIZE_TO_ICON[finalSize][0];\n\n return sstyled(styles)(\n <SInputSearch size={finalSize} styles={styles}>\n <Input.Addon>\n <IconSearch />\n </Input.Addon>\n <Value render={Input.Value} autoFocus />\n <SClose\n role=\"button\"\n /* hide through css because the width of the input changes */\n hide={hideClose}\n aria-hidden={hideClose}\n interactive\n aria-label=\"Clear search field\"\n onClick={this.handleClear}\n >\n <IconClose />\n </SClose>\n </SInputSearch>,\n );\n }\n}\n\nexport default createComponent(InputSearch);\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,eAAP,IAA0BC,SAA1B,EAAqCC,OAArC,EAA8CC,IAA9C,QAA0D,eAA1D;AACA,OAAOC,OAAP,MAAoB,wBAApB;AACA,OAAOC,MAAP,MAAmB,uBAAnB;AACA,OAAOC,KAAP,MAAkB,gBAAlB;AACA,SAASC,aAAT,QAA8B,WAA9B;;;;;;;;;;;;;;;;;;AAIA,IAAMC,gBAAgB,GAAG;EACvBC,CAAC,EAAE,CAACL,OAAD,EAAUC,MAAV,CADoB;EAEvBK,CAAC,EAAE,CAACN,OAAD,EAAUC,MAAV;AAFoB,CAAzB;;IAKMM,W;;;;;;;;;;;;;;;;kEAiBU,UAACC,CAAD,EAAO;MACnB,MAAKC,QAAL,CAAcC,KAAd,CAAoB,EAApB,EAAwBF,CAAxB;IACD,C;;;;;;;WARD,6BAAoB;MAClB,OAAO;QACLE,KAAK,EAAE;MADF,CAAP;IAGD;;;WAMD,kBAAS;MAAA;MAAA;;MACP,IAAMC,KAAK,GAcQT,KAAK,CAACS,KAdzB;MACA,IAAMC,YAAY,GAAGV,KAArB;MACA,IAAMW,MAAM,GAAGX,KAAK,CAACY,KAArB;MACA,oBAAgC,KAAKC,OAArC;MAAA,IAAQC,IAAR,iBAAQA,IAAR;MAAA,IAAcN,KAAd,iBAAcA,KAAd;MAAA,IAAqBO,MAArB,iBAAqBA,MAArB;MACA,IAAMC,SAAS,GAAGF,IAAI,IAAI,KAAKG,OAAL,CAAaH,IAAvC;MACA,IAAMI,SAAS,GAAG,CAACV,KAAnB;MACA,IAAMW,SAAS,GAAGjB,gBAAgB,CAACc,SAAD,CAAhB,CAA4B,CAA5B,CAAlB;MACA,IAAMI,UAAU,GAAGlB,gBAAgB,CAACc,SAAD,CAAhB,CAA4B,CAA5B,CAAnB;MAEA,eAAOpB,OAAO,CAACmB,MAAD,CAAd,eACE,oBAAC,YAAD;QAAA,QAAoBC,SAApB;QAAA,UAAuCD;MAAvC,iBACE,oBAAC,KAAD,CAAO,KAAP,qBACE,oBAAC,UAAD,6BADF,CADF,eAIE,oBAAC,KAAD;QAAA;MAAA,WAJF,eAKE,oBAAC,MAAD;QAAA,QACO,QADP;QAAA,QAGQG,SAHR;QAAA,eAIeA,SAJf;QAAA;QAAA,cAMa,oBANb;QAAA,WAOW,KAAKG;MAPhB,iBASE,oBAAC,SAAD,4BATF,CALF,CADF;IAmBD;;;;EAlDuB1B,S;;gBAApBU,W,iBACiB,a;;gBADjBA,W,WAGWiB,K;;gBAHXjB,W,kBAKkB;EACpBkB,YAAY,EAAE;AADM,C;;gBALlBlB,W,iBASiBJ,a;;AA4CvB,eAAeP,eAAe,CAACW,WAAD,CAA9B"}
|
package/lib/es6/Select.js
CHANGED
|
@@ -44,17 +44,17 @@ var style = (
|
|
|
44
44
|
/*__reshadow_css_start__*/
|
|
45
45
|
_sstyled.insert(
|
|
46
46
|
/*__inner_css_start__*/
|
|
47
|
-
".
|
|
47
|
+
".___SOptionCheckbox_ih7t0_gg_{margin-top:2px;margin-right:8px;margin-bottom:auto;position:relative;flex-shrink:0}.___SOptionCheckbox_ih7t0_gg_:before{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;background:#fff;border:1px solid;border-radius:4px;border-color:#c4c7cf}.___SOptionCheckbox_ih7t0_gg_{width:16px;height:16px}.___SOptionCheckbox_ih7t0_gg_:after{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;margin:0 2px;background-repeat:no-repeat;background-position:50%;background-image:url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC4yNSAxTDQgNS4yNSAxLjc1IDMiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=\")}.___SOptionCheckbox_ih7t0_gg_._size_l_ih7t0_gg_{width:20px;height:20px}.___SOptionCheckbox_ih7t0_gg_._size_l_ih7t0_gg_:after{background-image:url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTEgMS41TDQuNzUgNy43NSAxIDQiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=\")}.___SOptionCheckbox_ih7t0_gg_.__checked_ih7t0_gg_:before{background-color:#008ff8;border-color:#008ff8}.___SOptionCheckbox_ih7t0_gg_.__theme_ih7t0_gg_:before{border-color:var(--theme_ih7t0)}.___SOptionCheckbox_ih7t0_gg_.__theme_ih7t0_gg_.__checked_ih7t0_gg_:before{background-color:var(--theme_ih7t0);border-color:var(--theme_ih7t0)}.___SOptionCheckbox_ih7t0_gg_.__selected_ih7t0_gg_{background-color:rgba(196,229,254,.7)}.___SOptionCheckbox_ih7t0_gg_.__selected_ih7t0_gg_:hover{background-color:rgba(196,229,254,.7)}"
|
|
48
48
|
/*__inner_css_end__*/
|
|
49
|
-
, "
|
|
49
|
+
, "ih7t0_gg_")
|
|
50
50
|
/*__reshadow_css_end__*/
|
|
51
51
|
, {
|
|
52
|
-
"__SOptionCheckbox": "
|
|
53
|
-
"_size_l": "
|
|
54
|
-
"_checked": "
|
|
55
|
-
"_theme": "
|
|
56
|
-
"--theme": "--
|
|
57
|
-
"_selected": "
|
|
52
|
+
"__SOptionCheckbox": "___SOptionCheckbox_ih7t0_gg_",
|
|
53
|
+
"_size_l": "_size_l_ih7t0_gg_",
|
|
54
|
+
"_checked": "__checked_ih7t0_gg_",
|
|
55
|
+
"_theme": "__theme_ih7t0_gg_",
|
|
56
|
+
"--theme": "--theme_ih7t0",
|
|
57
|
+
"_selected": "__selected_ih7t0_gg_"
|
|
58
58
|
});
|
|
59
59
|
|
|
60
60
|
function isSelectedOption(value, valueOption) {
|