pebble-web 2.3.2 → 2.4.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/dist/components/Option.d.ts +2 -10
- package/dist/components/styles/Button.styles.d.ts +3 -3
- package/dist/components/typings/Option.d.ts +1 -0
- package/dist/components/typings/OptionGroupCheckBox.d.ts +1 -0
- package/dist/pebble-web.dev.js +18 -15
- package/dist/pebble-web.dev.js.map +1 -1
- package/dist/pebble-web.es.dev.js +15 -13
- package/dist/pebble-web.es.dev.js.map +1 -1
- package/dist/pebble-web.es.js +9 -7
- package/dist/pebble-web.es.js.map +1 -1
- package/dist/pebble-web.js +12 -9
- package/dist/pebble-web.js.map +1 -1
- package/dist/pebble-web.module.dev.js +18 -15
- package/dist/pebble-web.module.dev.js.map +1 -1
- package/dist/pebble-web.module.js +12 -9
- package/dist/pebble-web.module.js.map +1 -1
- package/dist/pebble-web.umd.dev.js +18 -15
- package/dist/pebble-web.umd.dev.js.map +1 -1
- package/dist/pebble-web.umd.js +12 -9
- package/dist/pebble-web.umd.js.map +1 -1
- package/package.json +3 -4
- package/src/components/Option.tsx +7 -8
- package/src/components/OptionGroupCheckBox.tsx +10 -2
- package/src/components/__tests__/__snapshots__/option.test.tsx.snap +24 -42
- package/src/components/__tests__/__snapshots__/optionGroup.test.tsx.snap +24 -42
- package/src/components/styles/Options.styles.ts +1 -1
- package/src/components/typings/Option.ts +1 -0
- package/src/components/typings/OptionGroupCheckBox.ts +1 -0
package/dist/pebble-web.es.js
CHANGED
|
@@ -1821,7 +1821,6 @@ const rowWrapper = /*#__PURE__*/css({ ...typography.normal.regular,
|
|
|
1821
1821
|
lineHeight: "28px",
|
|
1822
1822
|
zIndex: 999,
|
|
1823
1823
|
...textEllipsis,
|
|
1824
|
-
...flexSpaceBetween,
|
|
1825
1824
|
alignItems: "center",
|
|
1826
1825
|
display: "flex",
|
|
1827
1826
|
"&:last-of-type": {
|
|
@@ -1832,8 +1831,8 @@ const rowWrapper = /*#__PURE__*/css({ ...typography.normal.regular,
|
|
|
1832
1831
|
}
|
|
1833
1832
|
}, ";label:rowWrapper;" + ( "" ));
|
|
1834
1833
|
const labelWrap = /*#__PURE__*/css( {
|
|
1835
|
-
name: "
|
|
1836
|
-
styles: "user-select:none;overflow:hidden;text-overflow:ellipsis;;label:labelWrap;"
|
|
1834
|
+
name: "1glxdhg-labelWrap",
|
|
1835
|
+
styles: "user-select:none;flex-grow:1;overflow:hidden;text-overflow:ellipsis;;label:labelWrap;"
|
|
1837
1836
|
} );
|
|
1838
1837
|
const activeRow = /*#__PURE__*/css({
|
|
1839
1838
|
backgroundColor: colors.gray.lightest
|
|
@@ -1853,7 +1852,8 @@ const defaultProps = {
|
|
|
1853
1852
|
rightElement: ({
|
|
1854
1853
|
isSelected,
|
|
1855
1854
|
multiSelect,
|
|
1856
|
-
indeterminate
|
|
1855
|
+
indeterminate,
|
|
1856
|
+
iconClassName
|
|
1857
1857
|
}) => {
|
|
1858
1858
|
const iconClass = cx("pi", {
|
|
1859
1859
|
"pi-checkbox-selected": !indeterminate && isSelected,
|
|
@@ -1865,7 +1865,7 @@ const defaultProps = {
|
|
|
1865
1865
|
fontSize: "20px"
|
|
1866
1866
|
}, ";label:iconClass;" + ( "" )));
|
|
1867
1867
|
return multiSelect ? /*#__PURE__*/createElement("i", {
|
|
1868
|
-
className: iconClass
|
|
1868
|
+
className: cx(iconClass, iconClassName)
|
|
1869
1869
|
}) : null;
|
|
1870
1870
|
}
|
|
1871
1871
|
};
|
|
@@ -1875,6 +1875,7 @@ class Option extends Component {
|
|
|
1875
1875
|
label,
|
|
1876
1876
|
isActive,
|
|
1877
1877
|
isSelected,
|
|
1878
|
+
leftElement,
|
|
1878
1879
|
rightElement,
|
|
1879
1880
|
labelClassName,
|
|
1880
1881
|
className
|
|
@@ -1888,7 +1889,7 @@ class Option extends Component {
|
|
|
1888
1889
|
type: this.props.multiSelect ? "checkbox" : "radio",
|
|
1889
1890
|
className: _class
|
|
1890
1891
|
}), () => {
|
|
1891
|
-
return /*#__PURE__*/createElement(Fragment, null, /*#__PURE__*/createElement("div", {
|
|
1892
|
+
return /*#__PURE__*/createElement(Fragment, null, leftElement && leftElement(this.props), /*#__PURE__*/createElement("div", {
|
|
1892
1893
|
className: cx(labelWrap, labelClassName)
|
|
1893
1894
|
}, label), rightElement(this.props), /*#__PURE__*/createElement(Ink, null));
|
|
1894
1895
|
});
|
|
@@ -2239,6 +2240,7 @@ class OptionGroupCheckBox extends PureComponent {
|
|
|
2239
2240
|
}
|
|
2240
2241
|
render() {
|
|
2241
2242
|
const {
|
|
2243
|
+
wrapClassName,
|
|
2242
2244
|
onApply,
|
|
2243
2245
|
onClear,
|
|
2244
2246
|
isSelected,
|
|
@@ -2251,7 +2253,7 @@ class OptionGroupCheckBox extends PureComponent {
|
|
|
2251
2253
|
...this.props.advancedOptionsProps
|
|
2252
2254
|
};
|
|
2253
2255
|
return /*#__PURE__*/createElement("div", {
|
|
2254
|
-
className: optionGroupCheckBoxWrap
|
|
2256
|
+
className: cx(optionGroupCheckBoxWrap, wrapClassName)
|
|
2255
2257
|
}, /*#__PURE__*/createElement(OptionGroup, Object.assign({}, rest, {
|
|
2256
2258
|
advancedOptionsProps: advancedOptionsProps,
|
|
2257
2259
|
isSelected: isSelected || this.isSelected,
|