@semcore/pills 4.4.18 → 4.4.19
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 +2 -2
- package/lib/cjs/Pills.js +30 -71
- package/lib/cjs/Pills.js.map +1 -1
- package/lib/cjs/index.js +0 -2
- package/lib/cjs/index.js.map +1 -1
- package/lib/es6/Pills.js +30 -61
- package/lib/es6/Pills.js.map +1 -1
- package/lib/es6/index.js.map +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -2,11 +2,11 @@
|
|
|
2
2
|
|
|
3
3
|
CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
|
|
4
4
|
|
|
5
|
-
## [4.4.
|
|
5
|
+
## [4.4.19] - 2023-04-14
|
|
6
6
|
|
|
7
7
|
### Changed
|
|
8
8
|
|
|
9
|
-
- Version patch update due to children dependencies update (`@semcore/flex-box` [4.7.
|
|
9
|
+
- Version patch update due to children dependencies update (`@semcore/flex-box` [4.7.18 ~> 4.7.19], `@semcore/neighbor-location` [3.1.24 ~> 3.1.25], `@semcore/utils` [3.50.0 ~> 3.50.2]).
|
|
10
10
|
|
|
11
11
|
## [4.4.8] - 2023-02-09
|
|
12
12
|
|
package/lib/cjs/Pills.js
CHANGED
|
@@ -1,78 +1,48 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
|
|
4
|
-
|
|
5
4
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
6
|
-
|
|
7
5
|
Object.defineProperty(exports, "__esModule", {
|
|
8
6
|
value: true
|
|
9
7
|
});
|
|
10
8
|
exports["default"] = void 0;
|
|
11
|
-
|
|
12
9
|
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
13
|
-
|
|
14
10
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
15
|
-
|
|
16
11
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
17
|
-
|
|
18
12
|
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
19
|
-
|
|
20
13
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
21
|
-
|
|
22
14
|
var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
|
|
23
|
-
|
|
24
15
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
25
|
-
|
|
26
16
|
var _core = _interopRequireWildcard(require("@semcore/core"));
|
|
27
|
-
|
|
28
17
|
var _react = _interopRequireDefault(require("react"));
|
|
29
|
-
|
|
30
18
|
var _flexBox = require("@semcore/flex-box");
|
|
31
|
-
|
|
32
19
|
var _neighborLocation = _interopRequireWildcard(require("@semcore/neighbor-location"));
|
|
33
|
-
|
|
34
20
|
var _keyboardFocusEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/keyboardFocusEnhance"));
|
|
35
|
-
|
|
36
21
|
var _addonTextChildren = _interopRequireDefault(require("@semcore/utils/lib/addonTextChildren"));
|
|
37
|
-
|
|
38
22
|
/*__reshadow-styles__:"./style/pills.shadow.css"*/
|
|
39
|
-
var style = (
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
"
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
,
|
|
48
|
-
"
|
|
49
|
-
"
|
|
50
|
-
"
|
|
51
|
-
"
|
|
52
|
-
"_keyboardFocused": "__keyboardFocused_1xa2y_gg_",
|
|
53
|
-
"__SText": "___SText_1xa2y_gg_",
|
|
54
|
-
"__SAddon": "___SAddon_1xa2y_gg_",
|
|
55
|
-
"_size_m": "_size_m_1xa2y_gg_",
|
|
56
|
-
"_size_l": "_size_l_1xa2y_gg_",
|
|
57
|
-
"_neighborLocation_right": "_neighborLocation_right_1xa2y_gg_",
|
|
58
|
-
"_neighborLocation_both": "_neighborLocation_both_1xa2y_gg_",
|
|
59
|
-
"_neighborLocation_left": "_neighborLocation_left_1xa2y_gg_"
|
|
23
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SPill_11y81_gg_,.___SPills_11y81_gg_{display:inline-flex;align-items:center;justify-content:center}.___SPills_11y81_gg_{isolation:isolate}.___SPill_11y81_gg_{line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;box-shadow:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer;background:var(--intergalactic-bg-primary-neutral, #ffffff);border:1px solid var(--intergalactic-border-primary, #c4c7cf);border-radius:var(--intergalactic-control-rounded, 6px)}.___SPill_11y81_gg_::-moz-focus-inner{border:0;padding:0}.___SPill_11y81_gg_:active,.___SPill_11y81_gg_:focus{outline:0;text-decoration:none}@media (hover:hover){.___SPill_11y81_gg_:hover{outline:0;text-decoration:none;background:var(--intergalactic-bg-primary-neutral-hover, #f4f5f9)}}.___SPill_11y81_gg_.__selected_11y81_gg_{background:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2));border-color:var(--intergalactic-border-info-active, #006dca);z-index:1}.___SPill_11y81_gg_.__disabled_11y81_gg_{cursor:default;pointer-events:none}.___SPill_11y81_gg_.__disabled_11y81_gg_>*{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SPill_11y81_gg_.__keyboardFocused_11y81_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.3))}.___SText_11y81_gg_{color:var(--intergalactic-text-primary, #191b23);display:inline-flex}.___SAddon_11y81_gg_{color:var(--intergalactic-text-secondary, #6c6e79);display:inline-flex;align-items:center;justify-content:center}.___SPill_11y81_gg_._size_m_11y81_gg_{height:var(--intergalactic-form-control-m, 28px);min-width:var(--intergalactic-form-control-m, 28px);font-size:var(--intergalactic-fs-200, 14px)}.___SPill_11y81_gg_._size_l_11y81_gg_ .___SText_11y81_gg_,.___SPill_11y81_gg_._size_m_11y81_gg_ .___SText_11y81_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SPill_11y81_gg_._size_m_11y81_gg_ .___SAddon_11y81_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SPill_11y81_gg_._size_m_11y81_gg_ .___SAddon_11y81_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SPill_11y81_gg_._size_m_11y81_gg_ .___SAddon_11y81_gg_:only-child{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SPill_11y81_gg_._size_l_11y81_gg_{height:var(--intergalactic-form-control-l, 40px);min-width:var(--intergalactic-form-control-l, 40px);font-size:var(--intergalactic-fs-300, 16px)}.___SPill_11y81_gg_._size_l_11y81_gg_ .___SAddon_11y81_gg_:only-child,.___SPill_11y81_gg_._size_l_11y81_gg_ .___SText_11y81_gg_:only-child{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px)}.___SPill_11y81_gg_._size_l_11y81_gg_ .___SAddon_11y81_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SPill_11y81_gg_._size_l_11y81_gg_ .___SAddon_11y81_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SPill_11y81_gg_._neighborLocation_right_11y81_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SPill_11y81_gg_._neighborLocation_both_11y81_gg_{border-radius:0;margin-left:-1px}.___SPill_11y81_gg_._neighborLocation_left_11y81_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}" /*__inner_css_end__*/, "11y81_gg_") /*__reshadow_css_end__*/, {
|
|
24
|
+
"__SPills": "___SPills_11y81_gg_",
|
|
25
|
+
"__SPill": "___SPill_11y81_gg_",
|
|
26
|
+
"_selected": "__selected_11y81_gg_",
|
|
27
|
+
"_disabled": "__disabled_11y81_gg_",
|
|
28
|
+
"_keyboardFocused": "__keyboardFocused_11y81_gg_",
|
|
29
|
+
"__SText": "___SText_11y81_gg_",
|
|
30
|
+
"__SAddon": "___SAddon_11y81_gg_",
|
|
31
|
+
"_size_m": "_size_m_11y81_gg_",
|
|
32
|
+
"_size_l": "_size_l_11y81_gg_",
|
|
33
|
+
"_neighborLocation_right": "_neighborLocation_right_11y81_gg_",
|
|
34
|
+
"_neighborLocation_both": "_neighborLocation_both_11y81_gg_",
|
|
35
|
+
"_neighborLocation_left": "_neighborLocation_left_11y81_gg_"
|
|
60
36
|
});
|
|
61
|
-
|
|
62
37
|
var RootPills = /*#__PURE__*/function (_Component) {
|
|
63
38
|
(0, _inherits2["default"])(RootPills, _Component);
|
|
64
|
-
|
|
65
39
|
var _super = (0, _createSuper2["default"])(RootPills);
|
|
66
|
-
|
|
67
40
|
function RootPills() {
|
|
68
41
|
var _this;
|
|
69
|
-
|
|
70
42
|
(0, _classCallCheck2["default"])(this, RootPills);
|
|
71
|
-
|
|
72
43
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
73
44
|
args[_key] = arguments[_key];
|
|
74
45
|
}
|
|
75
|
-
|
|
76
46
|
_this = _super.call.apply(_super, [this].concat(args));
|
|
77
47
|
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "bindHandlerClick", function (value) {
|
|
78
48
|
return function (e) {
|
|
@@ -81,7 +51,6 @@ var RootPills = /*#__PURE__*/function (_Component) {
|
|
|
81
51
|
});
|
|
82
52
|
return _this;
|
|
83
53
|
}
|
|
84
|
-
|
|
85
54
|
(0, _createClass2["default"])(RootPills, [{
|
|
86
55
|
key: "uncontrolledProps",
|
|
87
56
|
value: function uncontrolledProps() {
|
|
@@ -93,9 +62,9 @@ var RootPills = /*#__PURE__*/function (_Component) {
|
|
|
93
62
|
key: "getItemProps",
|
|
94
63
|
value: function getItemProps(props, i) {
|
|
95
64
|
var _this$asProps = this.asProps,
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
65
|
+
value = _this$asProps.value,
|
|
66
|
+
size = _this$asProps.size,
|
|
67
|
+
disabled = _this$asProps.disabled;
|
|
99
68
|
return {
|
|
100
69
|
index: i,
|
|
101
70
|
size: size,
|
|
@@ -108,14 +77,13 @@ var RootPills = /*#__PURE__*/function (_Component) {
|
|
|
108
77
|
key: "render",
|
|
109
78
|
value: function render() {
|
|
110
79
|
var _ref = this.asProps,
|
|
111
|
-
|
|
112
|
-
|
|
80
|
+
_ref5;
|
|
113
81
|
var SPills = _flexBox.Box;
|
|
114
82
|
var _this$asProps2 = this.asProps,
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
83
|
+
Children = _this$asProps2.Children,
|
|
84
|
+
styles = _this$asProps2.styles,
|
|
85
|
+
controlsLength = _this$asProps2.controlsLength,
|
|
86
|
+
disabled = _this$asProps2.disabled;
|
|
119
87
|
return _ref5 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SPills, _ref5.cn("SPills", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
120
88
|
"role": "radiogroup",
|
|
121
89
|
"aria-disabled": disabled
|
|
@@ -126,26 +94,23 @@ var RootPills = /*#__PURE__*/function (_Component) {
|
|
|
126
94
|
}]);
|
|
127
95
|
return RootPills;
|
|
128
96
|
}(_core.Component);
|
|
129
|
-
|
|
130
97
|
(0, _defineProperty2["default"])(RootPills, "displayName", 'Pills');
|
|
131
98
|
(0, _defineProperty2["default"])(RootPills, "style", style);
|
|
132
99
|
(0, _defineProperty2["default"])(RootPills, "defaultProps", {
|
|
133
100
|
size: 'm',
|
|
134
101
|
defaultValue: null
|
|
135
102
|
});
|
|
136
|
-
|
|
137
103
|
function Pill(props) {
|
|
138
104
|
var _ref2 = arguments[0],
|
|
139
|
-
|
|
140
|
-
|
|
105
|
+
_ref6;
|
|
141
106
|
var SPill = _flexBox.Box;
|
|
142
107
|
var Children = props.Children,
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
108
|
+
styles = props.styles,
|
|
109
|
+
addonLeft = props.addonLeft,
|
|
110
|
+
addonRight = props.addonRight,
|
|
111
|
+
selected = props.selected,
|
|
112
|
+
disabled = props.disabled,
|
|
113
|
+
index = props.index;
|
|
149
114
|
var neighborLocation = (0, _neighborLocation.useNeighborLocationDetect)(index);
|
|
150
115
|
return _ref6 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SPill, _ref6.cn("SPill", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
151
116
|
"tag": "button",
|
|
@@ -160,29 +125,23 @@ function Pill(props) {
|
|
|
160
125
|
tag: addonRight
|
|
161
126
|
}) : null);
|
|
162
127
|
}
|
|
163
|
-
|
|
164
128
|
Pill.enhance = [(0, _keyboardFocusEnhance["default"])()];
|
|
165
|
-
|
|
166
129
|
function Text(props) {
|
|
167
130
|
var _ref3 = arguments[0],
|
|
168
|
-
|
|
169
|
-
|
|
131
|
+
_ref7;
|
|
170
132
|
var SText = _flexBox.Box;
|
|
171
133
|
return _ref7 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SText, _ref7.cn("SText", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
172
134
|
"tag": "span"
|
|
173
135
|
}, _ref3))));
|
|
174
136
|
}
|
|
175
|
-
|
|
176
137
|
function Addon(props) {
|
|
177
138
|
var _ref4 = arguments[0],
|
|
178
|
-
|
|
179
|
-
|
|
139
|
+
_ref8;
|
|
180
140
|
var SAddon = _flexBox.Box;
|
|
181
141
|
return _ref8 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SAddon, _ref8.cn("SAddon", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
182
142
|
"tag": "span"
|
|
183
143
|
}, _ref4))));
|
|
184
144
|
}
|
|
185
|
-
|
|
186
145
|
var Pills = (0, _core["default"])(RootPills, {
|
|
187
146
|
Item: [Pill, {
|
|
188
147
|
Text: Text,
|
package/lib/cjs/Pills.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pills.js","names":["RootPills","value","e","handlers","props","i","asProps","size","disabled","index","selected","onClick","bindHandlerClick","SPills","Box","Children","styles","controlsLength","
|
|
1
|
+
{"version":3,"file":"Pills.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_neighborLocation","_keyboardFocusEnhance","_addonTextChildren","style","sstyled","insert","RootPills","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","value","e","handlers","_createClass2","key","uncontrolledProps","getItemProps","props","i","_this$asProps","asProps","size","disabled","index","selected","onClick","bindHandlerClick","render","_ref","_ref5","SPills","Box","_this$asProps2","Children","styles","controlsLength","createElement","cn","_objectSpread2","assignProps","Component","defaultValue","Pill","_ref2","arguments[0]","_ref6","SPill","addonLeft","addonRight","neighborLocation","useNeighborLocationDetect","Pills","Item","Addon","tag","addonTextChildren","Text","enhance","keyboardFocusEnhance","_ref3","_ref7","SText","_ref4","_ref8","SAddon","createComponent","_default","exports"],"sources":["../../src/Pills.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport NeighborLocation, { useNeighborLocationDetect } from '@semcore/neighbor-location';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\n\nimport style from './style/pills.shadow.css';\n\nclass RootPills extends Component {\n static displayName = 'Pills';\n static style = style;\n static defaultProps = {\n size: 'm',\n defaultValue: null,\n };\n\n uncontrolledProps() {\n return {\n value: null,\n };\n }\n\n bindHandlerClick = (value) => (e) => {\n this.handlers.value(value, e);\n };\n\n getItemProps(props, i) {\n const { value, size, disabled } = this.asProps;\n return {\n index: i,\n size,\n disabled,\n selected: value === props.value,\n onClick: this.bindHandlerClick(props.value),\n };\n }\n\n render() {\n const SPills = Root;\n const { Children, styles, controlsLength, disabled } = this.asProps;\n\n return sstyled(styles)(\n <SPills render={Box} role=\"radiogroup\" aria-disabled={disabled}>\n <NeighborLocation controlsLength={controlsLength}>\n <Children />\n </NeighborLocation>\n </SPills>,\n );\n }\n}\n\nfunction Pill(props) {\n const SPill = Root;\n const { Children, styles, addonLeft, addonRight, selected, disabled, index } = props;\n const neighborLocation = useNeighborLocationDetect(index);\n return sstyled(styles)(\n <SPill\n render={Box}\n tag=\"button\"\n type=\"button\"\n role=\"radio\"\n neighborLocation={neighborLocation}\n aria-checked={selected}\n aria-disabled={disabled}\n >\n {addonLeft ? <Pills.Item.Addon tag={addonLeft} /> : null}\n {addonTextChildren(Children, Pills.Item.Text, Pills.Item.Addon)}\n {addonRight ? <Pills.Item.Addon tag={addonRight} /> : null}\n </SPill>,\n );\n}\n\nPill.enhance = [keyboardFocusEnhance()];\n\nfunction Text(props) {\n const SText = Root;\n return sstyled(props.styles)(<SText render={Box} tag=\"span\" />);\n}\n\nfunction Addon(props) {\n const SAddon = Root;\n return sstyled(props.styles)(<SAddon render={Box} tag=\"span\" />);\n}\n\nconst Pills = createComponent(RootPills, {\n Item: [Pill, { Text, Addon }],\n});\n\nexport default Pills;\n"],"mappings":"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"}
|
package/lib/cjs/index.js
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
@@ -11,6 +10,5 @@ Object.defineProperty(exports, "default", {
|
|
|
11
10
|
return _Pills["default"];
|
|
12
11
|
}
|
|
13
12
|
});
|
|
14
|
-
|
|
15
13
|
var _Pills = _interopRequireDefault(require("./Pills"));
|
|
16
14
|
//# sourceMappingURL=index.js.map
|
package/lib/cjs/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './Pills';\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","names":["_Pills","_interopRequireDefault","require"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './Pills';\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA"}
|
package/lib/es6/Pills.js
CHANGED
|
@@ -16,56 +16,38 @@ import { Box } from '@semcore/flex-box';
|
|
|
16
16
|
import NeighborLocation, { useNeighborLocationDetect } from '@semcore/neighbor-location';
|
|
17
17
|
import keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
|
|
18
18
|
import addonTextChildren from '@semcore/utils/lib/addonTextChildren';
|
|
19
|
-
|
|
20
19
|
/*__reshadow-styles__:"./style/pills.shadow.css"*/
|
|
21
|
-
var style = (
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
"
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
,
|
|
30
|
-
"
|
|
31
|
-
"
|
|
32
|
-
"
|
|
33
|
-
"
|
|
34
|
-
"_keyboardFocused": "__keyboardFocused_1xa2y_gg_",
|
|
35
|
-
"__SText": "___SText_1xa2y_gg_",
|
|
36
|
-
"__SAddon": "___SAddon_1xa2y_gg_",
|
|
37
|
-
"_size_m": "_size_m_1xa2y_gg_",
|
|
38
|
-
"_size_l": "_size_l_1xa2y_gg_",
|
|
39
|
-
"_neighborLocation_right": "_neighborLocation_right_1xa2y_gg_",
|
|
40
|
-
"_neighborLocation_both": "_neighborLocation_both_1xa2y_gg_",
|
|
41
|
-
"_neighborLocation_left": "_neighborLocation_left_1xa2y_gg_"
|
|
20
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPill_11y81_gg_,.___SPills_11y81_gg_{display:inline-flex;align-items:center;justify-content:center}.___SPills_11y81_gg_{isolation:isolate}.___SPill_11y81_gg_{line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;box-shadow:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer;background:var(--intergalactic-bg-primary-neutral, #ffffff);border:1px solid var(--intergalactic-border-primary, #c4c7cf);border-radius:var(--intergalactic-control-rounded, 6px)}.___SPill_11y81_gg_::-moz-focus-inner{border:0;padding:0}.___SPill_11y81_gg_:active,.___SPill_11y81_gg_:focus{outline:0;text-decoration:none}@media (hover:hover){.___SPill_11y81_gg_:hover{outline:0;text-decoration:none;background:var(--intergalactic-bg-primary-neutral-hover, #f4f5f9)}}.___SPill_11y81_gg_.__selected_11y81_gg_{background:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2));border-color:var(--intergalactic-border-info-active, #006dca);z-index:1}.___SPill_11y81_gg_.__disabled_11y81_gg_{cursor:default;pointer-events:none}.___SPill_11y81_gg_.__disabled_11y81_gg_>*{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SPill_11y81_gg_.__keyboardFocused_11y81_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.3))}.___SText_11y81_gg_{color:var(--intergalactic-text-primary, #191b23);display:inline-flex}.___SAddon_11y81_gg_{color:var(--intergalactic-text-secondary, #6c6e79);display:inline-flex;align-items:center;justify-content:center}.___SPill_11y81_gg_._size_m_11y81_gg_{height:var(--intergalactic-form-control-m, 28px);min-width:var(--intergalactic-form-control-m, 28px);font-size:var(--intergalactic-fs-200, 14px)}.___SPill_11y81_gg_._size_l_11y81_gg_ .___SText_11y81_gg_,.___SPill_11y81_gg_._size_m_11y81_gg_ .___SText_11y81_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SPill_11y81_gg_._size_m_11y81_gg_ .___SAddon_11y81_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SPill_11y81_gg_._size_m_11y81_gg_ .___SAddon_11y81_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SPill_11y81_gg_._size_m_11y81_gg_ .___SAddon_11y81_gg_:only-child{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SPill_11y81_gg_._size_l_11y81_gg_{height:var(--intergalactic-form-control-l, 40px);min-width:var(--intergalactic-form-control-l, 40px);font-size:var(--intergalactic-fs-300, 16px)}.___SPill_11y81_gg_._size_l_11y81_gg_ .___SAddon_11y81_gg_:only-child,.___SPill_11y81_gg_._size_l_11y81_gg_ .___SText_11y81_gg_:only-child{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px)}.___SPill_11y81_gg_._size_l_11y81_gg_ .___SAddon_11y81_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SPill_11y81_gg_._size_l_11y81_gg_ .___SAddon_11y81_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SPill_11y81_gg_._neighborLocation_right_11y81_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SPill_11y81_gg_._neighborLocation_both_11y81_gg_{border-radius:0;margin-left:-1px}.___SPill_11y81_gg_._neighborLocation_left_11y81_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}" /*__inner_css_end__*/, "11y81_gg_") /*__reshadow_css_end__*/, {
|
|
21
|
+
"__SPills": "___SPills_11y81_gg_",
|
|
22
|
+
"__SPill": "___SPill_11y81_gg_",
|
|
23
|
+
"_selected": "__selected_11y81_gg_",
|
|
24
|
+
"_disabled": "__disabled_11y81_gg_",
|
|
25
|
+
"_keyboardFocused": "__keyboardFocused_11y81_gg_",
|
|
26
|
+
"__SText": "___SText_11y81_gg_",
|
|
27
|
+
"__SAddon": "___SAddon_11y81_gg_",
|
|
28
|
+
"_size_m": "_size_m_11y81_gg_",
|
|
29
|
+
"_size_l": "_size_l_11y81_gg_",
|
|
30
|
+
"_neighborLocation_right": "_neighborLocation_right_11y81_gg_",
|
|
31
|
+
"_neighborLocation_both": "_neighborLocation_both_11y81_gg_",
|
|
32
|
+
"_neighborLocation_left": "_neighborLocation_left_11y81_gg_"
|
|
42
33
|
});
|
|
43
|
-
|
|
44
34
|
var RootPills = /*#__PURE__*/function (_Component) {
|
|
45
35
|
_inherits(RootPills, _Component);
|
|
46
|
-
|
|
47
36
|
var _super = _createSuper(RootPills);
|
|
48
|
-
|
|
49
37
|
function RootPills() {
|
|
50
38
|
var _this;
|
|
51
|
-
|
|
52
39
|
_classCallCheck(this, RootPills);
|
|
53
|
-
|
|
54
40
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
55
41
|
args[_key] = arguments[_key];
|
|
56
42
|
}
|
|
57
|
-
|
|
58
43
|
_this = _super.call.apply(_super, [this].concat(args));
|
|
59
|
-
|
|
60
44
|
_defineProperty(_assertThisInitialized(_this), "bindHandlerClick", function (value) {
|
|
61
45
|
return function (e) {
|
|
62
46
|
_this.handlers.value(value, e);
|
|
63
47
|
};
|
|
64
48
|
});
|
|
65
|
-
|
|
66
49
|
return _this;
|
|
67
50
|
}
|
|
68
|
-
|
|
69
51
|
_createClass(RootPills, [{
|
|
70
52
|
key: "uncontrolledProps",
|
|
71
53
|
value: function uncontrolledProps() {
|
|
@@ -77,9 +59,9 @@ var RootPills = /*#__PURE__*/function (_Component) {
|
|
|
77
59
|
key: "getItemProps",
|
|
78
60
|
value: function getItemProps(props, i) {
|
|
79
61
|
var _this$asProps = this.asProps,
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
62
|
+
value = _this$asProps.value,
|
|
63
|
+
size = _this$asProps.size,
|
|
64
|
+
disabled = _this$asProps.disabled;
|
|
83
65
|
return {
|
|
84
66
|
index: i,
|
|
85
67
|
size: size,
|
|
@@ -92,14 +74,13 @@ var RootPills = /*#__PURE__*/function (_Component) {
|
|
|
92
74
|
key: "render",
|
|
93
75
|
value: function render() {
|
|
94
76
|
var _ref = this.asProps,
|
|
95
|
-
|
|
96
|
-
|
|
77
|
+
_ref5;
|
|
97
78
|
var SPills = Box;
|
|
98
79
|
var _this$asProps2 = this.asProps,
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
80
|
+
Children = _this$asProps2.Children,
|
|
81
|
+
styles = _this$asProps2.styles,
|
|
82
|
+
controlsLength = _this$asProps2.controlsLength,
|
|
83
|
+
disabled = _this$asProps2.disabled;
|
|
103
84
|
return _ref5 = sstyled(styles), /*#__PURE__*/React.createElement(SPills, _ref5.cn("SPills", _objectSpread({}, _assignProps({
|
|
104
85
|
"role": "radiogroup",
|
|
105
86
|
"aria-disabled": disabled
|
|
@@ -108,31 +89,25 @@ var RootPills = /*#__PURE__*/function (_Component) {
|
|
|
108
89
|
}), /*#__PURE__*/React.createElement(Children, _ref5.cn("Children", {}))));
|
|
109
90
|
}
|
|
110
91
|
}]);
|
|
111
|
-
|
|
112
92
|
return RootPills;
|
|
113
93
|
}(Component);
|
|
114
|
-
|
|
115
94
|
_defineProperty(RootPills, "displayName", 'Pills');
|
|
116
|
-
|
|
117
95
|
_defineProperty(RootPills, "style", style);
|
|
118
|
-
|
|
119
96
|
_defineProperty(RootPills, "defaultProps", {
|
|
120
97
|
size: 'm',
|
|
121
98
|
defaultValue: null
|
|
122
99
|
});
|
|
123
|
-
|
|
124
100
|
function Pill(props) {
|
|
125
101
|
var _ref2 = arguments[0],
|
|
126
|
-
|
|
127
|
-
|
|
102
|
+
_ref6;
|
|
128
103
|
var SPill = Box;
|
|
129
104
|
var Children = props.Children,
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
105
|
+
styles = props.styles,
|
|
106
|
+
addonLeft = props.addonLeft,
|
|
107
|
+
addonRight = props.addonRight,
|
|
108
|
+
selected = props.selected,
|
|
109
|
+
disabled = props.disabled,
|
|
110
|
+
index = props.index;
|
|
136
111
|
var neighborLocation = useNeighborLocationDetect(index);
|
|
137
112
|
return _ref6 = sstyled(styles), /*#__PURE__*/React.createElement(SPill, _ref6.cn("SPill", _objectSpread({}, _assignProps2({
|
|
138
113
|
"tag": "button",
|
|
@@ -147,29 +122,23 @@ function Pill(props) {
|
|
|
147
122
|
tag: addonRight
|
|
148
123
|
}) : null);
|
|
149
124
|
}
|
|
150
|
-
|
|
151
125
|
Pill.enhance = [keyboardFocusEnhance()];
|
|
152
|
-
|
|
153
126
|
function Text(props) {
|
|
154
127
|
var _ref3 = arguments[0],
|
|
155
|
-
|
|
156
|
-
|
|
128
|
+
_ref7;
|
|
157
129
|
var SText = Box;
|
|
158
130
|
return _ref7 = sstyled(props.styles), /*#__PURE__*/React.createElement(SText, _ref7.cn("SText", _objectSpread({}, _assignProps3({
|
|
159
131
|
"tag": "span"
|
|
160
132
|
}, _ref3))));
|
|
161
133
|
}
|
|
162
|
-
|
|
163
134
|
function Addon(props) {
|
|
164
135
|
var _ref4 = arguments[0],
|
|
165
|
-
|
|
166
|
-
|
|
136
|
+
_ref8;
|
|
167
137
|
var SAddon = Box;
|
|
168
138
|
return _ref8 = sstyled(props.styles), /*#__PURE__*/React.createElement(SAddon, _ref8.cn("SAddon", _objectSpread({}, _assignProps4({
|
|
169
139
|
"tag": "span"
|
|
170
140
|
}, _ref4))));
|
|
171
141
|
}
|
|
172
|
-
|
|
173
142
|
var Pills = createComponent(RootPills, {
|
|
174
143
|
Item: [Pill, {
|
|
175
144
|
Text: Text,
|
package/lib/es6/Pills.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pills.js","names":["React","createComponent","Component","sstyled","Root","Box","NeighborLocation","useNeighborLocationDetect","keyboardFocusEnhance","addonTextChildren","RootPills","value","e","handlers","props","i","asProps","size","disabled","index","selected","onClick","bindHandlerClick","SPills","Children","styles","controlsLength","
|
|
1
|
+
{"version":3,"file":"Pills.js","names":["React","createComponent","Component","sstyled","Root","Box","NeighborLocation","useNeighborLocationDetect","keyboardFocusEnhance","addonTextChildren","style","_sstyled","insert","RootPills","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","value","e","handlers","_createClass","key","uncontrolledProps","getItemProps","props","i","_this$asProps","asProps","size","disabled","index","selected","onClick","bindHandlerClick","render","_ref","_ref5","SPills","_this$asProps2","Children","styles","controlsLength","createElement","cn","_objectSpread","_assignProps","defaultValue","Pill","_ref2","arguments[0]","_ref6","SPill","addonLeft","addonRight","neighborLocation","_assignProps2","Pills","Item","Addon","tag","Text","enhance","_ref3","_ref7","SText","_assignProps3","_ref4","_ref8","SAddon","_assignProps4"],"sources":["../../src/Pills.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport NeighborLocation, { useNeighborLocationDetect } from '@semcore/neighbor-location';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\n\nimport style from './style/pills.shadow.css';\n\nclass RootPills extends Component {\n static displayName = 'Pills';\n static style = style;\n static defaultProps = {\n size: 'm',\n defaultValue: null,\n };\n\n uncontrolledProps() {\n return {\n value: null,\n };\n }\n\n bindHandlerClick = (value) => (e) => {\n this.handlers.value(value, e);\n };\n\n getItemProps(props, i) {\n const { value, size, disabled } = this.asProps;\n return {\n index: i,\n size,\n disabled,\n selected: value === props.value,\n onClick: this.bindHandlerClick(props.value),\n };\n }\n\n render() {\n const SPills = Root;\n const { Children, styles, controlsLength, disabled } = this.asProps;\n\n return sstyled(styles)(\n <SPills render={Box} role=\"radiogroup\" aria-disabled={disabled}>\n <NeighborLocation controlsLength={controlsLength}>\n <Children />\n </NeighborLocation>\n </SPills>,\n );\n }\n}\n\nfunction Pill(props) {\n const SPill = Root;\n const { Children, styles, addonLeft, addonRight, selected, disabled, index } = props;\n const neighborLocation = useNeighborLocationDetect(index);\n return sstyled(styles)(\n <SPill\n render={Box}\n tag=\"button\"\n type=\"button\"\n role=\"radio\"\n neighborLocation={neighborLocation}\n aria-checked={selected}\n aria-disabled={disabled}\n >\n {addonLeft ? <Pills.Item.Addon tag={addonLeft} /> : null}\n {addonTextChildren(Children, Pills.Item.Text, Pills.Item.Addon)}\n {addonRight ? <Pills.Item.Addon tag={addonRight} /> : null}\n </SPill>,\n );\n}\n\nPill.enhance = [keyboardFocusEnhance()];\n\nfunction Text(props) {\n const SText = Root;\n return sstyled(props.styles)(<SText render={Box} tag=\"span\" />);\n}\n\nfunction Addon(props) {\n const SAddon = Root;\n return sstyled(props.styles)(<SAddon render={Box} tag=\"span\" />);\n}\n\nconst Pills = createComponent(RootPills, {\n Item: [Pill, { Text, Addon }],\n});\n\nexport default Pills;\n"],"mappings":"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"}
|
package/lib/es6/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["default"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './Pills';\n"],"mappings":"AAAA,SAASA,
|
|
1
|
+
{"version":3,"file":"index.js","names":["default"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './Pills';\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,SAAS"}
|