@peculiar/react-components 0.3.4 → 0.3.6
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/cjs/IconButton/icon_button.js +1 -0
- package/dist/cjs/IconButton/icon_button.js.map +1 -1
- package/dist/cjs/Menu/menu.js +2 -2
- package/dist/cjs/Menu/menu.js.map +1 -1
- package/dist/cjs/MenuList/menu_item.js +14 -4
- package/dist/cjs/MenuList/menu_item.js.map +1 -1
- package/dist/cjs/styles/theme_provider.js +1 -1
- package/dist/cjs/styles/theme_provider.js.map +1 -1
- package/dist/esm/IconButton/icon_button.js +1 -0
- package/dist/esm/IconButton/icon_button.js.map +1 -1
- package/dist/esm/Menu/menu.js +2 -2
- package/dist/esm/Menu/menu.js.map +1 -1
- package/dist/esm/MenuList/menu_item.js +14 -4
- package/dist/esm/MenuList/menu_item.js.map +1 -1
- package/dist/esm/styles/theme_provider.js +1 -1
- package/dist/esm/styles/theme_provider.js.map +1 -1
- package/dist/esnext/IconButton/icon_button.js +1 -0
- package/dist/esnext/IconButton/icon_button.js.map +1 -1
- package/dist/esnext/Menu/menu.js +2 -2
- package/dist/esnext/Menu/menu.js.map +1 -1
- package/dist/esnext/MenuList/menu_item.js +15 -4
- package/dist/esnext/MenuList/menu_item.js.map +1 -1
- package/dist/esnext/styles/theme_provider.js +1 -1
- package/dist/esnext/styles/theme_provider.js.map +1 -1
- package/dist/types/Menu/menu.d.ts +8 -0
- package/dist/types/MenuList/menu_item.d.ts +4 -0
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon_button.js","sourceRoot":"","sources":["../../../src/IconButton/icon_button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAE/B,oCAAoC;AACpC,oCAAmD;AACnD,sCAAqC;AAsBrC;;GAEG;AAEH;;GAEG;AACH,IAAM,UAAU,GAAG,cAAM,OAAA,IAAA,YAAG,EAAC;IAC3B,kBAAkB,EAAE,wBAAwB;
|
|
1
|
+
{"version":3,"file":"icon_button.js","sourceRoot":"","sources":["../../../src/IconButton/icon_button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAE/B,oCAAoC;AACpC,oCAAmD;AACnD,sCAAqC;AAsBrC;;GAEG;AAEH;;GAEG;AACH,IAAM,UAAU,GAAG,cAAM,OAAA,IAAA,YAAG,EAAC;IAC3B,kBAAkB,EAAE,wBAAwB;IAC5C,MAAM,EAAE,MAAM;CACf,CAAC,EAHuB,CAGvB,CAAC;AACH;;GAEG;AAEU,QAAA,UAAU,GAAG,KAAK,CAAC,UAAU,CAAuB,UAAC,KAAK,EAAE,GAAG;;IAExE,IAAA,KAAK,GAIH,KAAK,MAJF,EACL,SAAS,GAGP,KAAK,UAHE,EACT,QAAQ,GAEN,KAAK,SAFC,EACL,KAAK,UACN,KAAK,EALH,kCAKL,CADS,CACA;IAEV,IAAM,SAAS,GAAG,CAChB,oBAAC,eAAM,2BACO,KAAK,EACjB,QAAQ,EAAE,QAAQ,IACd,KAAK,IACT,GAAG,EAAE,GAAG,EACR,cAAc,QACd,SAAS,EAAE,IAAA,WAAE;YACX,GAAC,UAAU,EAAE,IAAG,IAAI;YACpB,GAAC,SAAS,IAAG,CAAC,CAAC,SAAS;gBACxB,IACF,CACH,CAAC;IAEF,IAAI,CAAC,KAAK,IAAI,QAAQ,EAAE;QACtB,OAAO,SAAS,CAAC;KAClB;IAED,OAAO,CACL,oBAAC,iBAAO,IACN,KAAK,EAAE,KAAK,EACZ,KAAK,EAAC,OAAO,EACb,IAAI,EAAC,OAAO,IAEX,SAAS,CACF,CACX,CAAC;AACJ,CAAC,CAA4C,CAAC;AAE9C,kBAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AAEtC,kBAAU,CAAC,YAAY,GAAG;IACxB,QAAQ,EAAE,KAAK;IACf,KAAK,EAAE,SAAS;IAChB,IAAI,EAAE,QAAQ;CACf,CAAC"}
|
package/dist/cjs/Menu/menu.js
CHANGED
|
@@ -82,7 +82,7 @@ exports.Menu = react_1.default.forwardRef(function (props, ref) {
|
|
|
82
82
|
}
|
|
83
83
|
};
|
|
84
84
|
var renderOption = function (option, index) {
|
|
85
|
-
var component = option.component, disabled = option.disabled, label = option.label, subOptions = option.subOptions, classNameProp = option.className, textVariantProp = option.textVariant, onClick = option.onClick, other = __rest(option, ["component", "disabled", "label", "subOptions", "className", "textVariant", "onClick"]);
|
|
85
|
+
var component = option.component, disabled = option.disabled, label = option.label, subOptions = option.subOptions, classNameProp = option.className, textVariantProp = option.textVariant, startIcon = option.startIcon, endIcon = option.endIcon, onClick = option.onClick, other = __rest(option, ["component", "disabled", "label", "subOptions", "className", "textVariant", "startIcon", "endIcon", "onClick"]);
|
|
86
86
|
if (subOptions && subOptions.length) {
|
|
87
87
|
return (react_1.default.createElement(MenuList_1.SubMenuItem, __assign({ key: index, component: component, textVariant: textVariantProp, disabled: disabled, label: label, className: classNameProp }, other), subOptions.map(renderOption)));
|
|
88
88
|
}
|
|
@@ -90,7 +90,7 @@ exports.Menu = react_1.default.forwardRef(function (props, ref) {
|
|
|
90
90
|
// eslint-disable-next-line react/no-array-index-key
|
|
91
91
|
, __assign({
|
|
92
92
|
// eslint-disable-next-line react/no-array-index-key
|
|
93
|
-
key: index, component: component, textVariant: textVariantProp, disabled: disabled, onClick: handleMenuItemClick(option), className: classNameProp }, other), label));
|
|
93
|
+
key: index, component: component, textVariant: textVariantProp, disabled: disabled, onClick: handleMenuItemClick(option), className: classNameProp, startIcon: startIcon, endIcon: endIcon }, other), label));
|
|
94
94
|
};
|
|
95
95
|
var childrenProps = {
|
|
96
96
|
ref: childRef,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu.js","sourceRoot":"","sources":["../../../src/Menu/menu.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,sCAAmD;AACnD,wCAA8D;AAC9D,oCAAoD;
|
|
1
|
+
{"version":3,"file":"menu.js","sourceRoot":"","sources":["../../../src/Menu/menu.tsx"],"names":[],"mappings":"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"}
|
|
@@ -35,7 +35,7 @@ var styles_1 = require("../styles");
|
|
|
35
35
|
/**
|
|
36
36
|
* Styles.
|
|
37
37
|
*/
|
|
38
|
-
var stylesBase = function (props) { return (0, styles_1.css)(__assign({ label: 'MenuItem', padding: '0px var(--pv-size-base-2)', fontFamily: 'inherit', outline: 'none', width: '100%', height: 'var(--pv-size-base-7)', display: 'flex', textAlign: 'left', alignItems: 'center', justifyContent: '
|
|
38
|
+
var stylesBase = function (props) { return (0, styles_1.css)(__assign({ label: 'MenuItem', padding: '0px var(--pv-size-base-2)', fontFamily: 'inherit', outline: 'none', width: '100%', height: 'var(--pv-size-base-7)', display: 'flex', textAlign: 'left', alignItems: 'center', justifyContent: 'flex-start', textDecoration: 'none', userSelect: 'none', cursor: 'pointer', transition: 'background-color 200ms', backgroundColor: 'transparent', border: 'none', color: 'var(--pv-color-black)', boxSizing: 'border-box', gap: 'var(--pv-size-base-2)', '&:hover': {
|
|
39
39
|
backgroundColor: 'var(--pv-color-gray-3)',
|
|
40
40
|
}, '&:focus': {
|
|
41
41
|
backgroundColor: 'var(--pv-color-gray-4)',
|
|
@@ -46,12 +46,21 @@ var stylesBase = function (props) { return (0, styles_1.css)(__assign({ label: '
|
|
|
46
46
|
cursor: 'not-allowed',
|
|
47
47
|
pointerEvents: 'none',
|
|
48
48
|
}))); };
|
|
49
|
+
var stylesIcon = function () { return (0, styles_1.css)({
|
|
50
|
+
label: 'MenuItem-icon',
|
|
51
|
+
flexShrink: 0,
|
|
52
|
+
display: 'inline-flex',
|
|
53
|
+
}); };
|
|
54
|
+
var stylesLabel = function () { return (0, styles_1.css)({
|
|
55
|
+
label: 'MenuItem-label',
|
|
56
|
+
flex: '1 1 auto',
|
|
57
|
+
}); };
|
|
49
58
|
/**
|
|
50
59
|
*
|
|
51
60
|
*/
|
|
52
61
|
exports.MenuItem = react_1.default.forwardRef(function (props, ref) {
|
|
53
62
|
var _a;
|
|
54
|
-
var component = props.component, children = props.children, className = props.className, disabled = props.disabled, textVariantProp = props.textVariant, endIcon = props.endIcon, onClick = props.onClick, other = __rest(props, ["component", "children", "className", "disabled", "textVariant", "endIcon", "onClick"]);
|
|
63
|
+
var component = props.component, children = props.children, className = props.className, disabled = props.disabled, textVariantProp = props.textVariant, startIcon = props.startIcon, endIcon = props.endIcon, onClick = props.onClick, other = __rest(props, ["component", "children", "className", "disabled", "textVariant", "startIcon", "endIcon", "onClick"]);
|
|
55
64
|
var Component = component || 'li';
|
|
56
65
|
var textVariant = textVariantProp || 'b3';
|
|
57
66
|
var handleKeyDown = function (event) {
|
|
@@ -69,8 +78,9 @@ exports.MenuItem = react_1.default.forwardRef(function (props, ref) {
|
|
|
69
78
|
_a[stylesBase(props)] = true,
|
|
70
79
|
_a[className] = !!className,
|
|
71
80
|
_a)), "aria-disabled": disabled, onKeyDown: handleKeyDown, onClick: onClick }, other),
|
|
72
|
-
react_1.default.createElement(
|
|
73
|
-
|
|
81
|
+
startIcon && (react_1.default.createElement("span", { className: stylesIcon() }, startIcon)),
|
|
82
|
+
react_1.default.createElement(Typography_1.Typography, { variant: textVariant, color: "inherit", component: "span", noWrap: true, className: stylesLabel() }, children),
|
|
83
|
+
endIcon && (react_1.default.createElement("span", { className: stylesIcon() }, endIcon))));
|
|
74
84
|
});
|
|
75
85
|
exports.MenuItem.displayName = 'MenuItem';
|
|
76
86
|
//# sourceMappingURL=menu_item.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu_item.js","sourceRoot":"","sources":["../../../src/MenuList/menu_item.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAE1B,4CAA2C;AAC3C,oCAAoD;
|
|
1
|
+
{"version":3,"file":"menu_item.js","sourceRoot":"","sources":["../../../src/MenuList/menu_item.tsx"],"names":[],"mappings":"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"}
|
|
@@ -36,7 +36,7 @@ var ThemeProvider = function (props) {
|
|
|
36
36
|
}, [themeProp]);
|
|
37
37
|
return (React.createElement(React.Fragment, null,
|
|
38
38
|
React.createElement(react_1.Global, { styles: {
|
|
39
|
-
html: (0, utils_1.createThemeCSSVariablesFromObject)(theme),
|
|
39
|
+
'html, ::backdrop': (0, utils_1.createThemeCSSVariablesFromObject)(theme),
|
|
40
40
|
} }),
|
|
41
41
|
children));
|
|
42
42
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme_provider.js","sourceRoot":"","sources":["../../../src/styles/theme_provider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,wCAAwC;AACxC,iCAAyE;AACzE,iDAA+C;AAQxC,IAAM,aAAa,GAAiC,UAAC,KAAK;IAE7D,IAAA,QAAQ,GAEN,KAAK,SAFC,EACD,SAAS,GACd,KAAK,MADS,CACR;IAEV,IAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC;QAC1B,IAAM,MAAM,GAAG,SAAS,CAAC,CAAC,CAAC,IAAA,mBAAW,EAAC,SAAS,CAAC,CAAC,CAAC,CAAC,4BAAY,CAAC;QAEjE,OAAO,MAAM,CAAC;IAChB,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,OAAO,CACL;QACE,oBAAC,cAAM,IACL,MAAM,EAAE;gBACN,
|
|
1
|
+
{"version":3,"file":"theme_provider.js","sourceRoot":"","sources":["../../../src/styles/theme_provider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,wCAAwC;AACxC,iCAAyE;AACzE,iDAA+C;AAQxC,IAAM,aAAa,GAAiC,UAAC,KAAK;IAE7D,IAAA,QAAQ,GAEN,KAAK,SAFC,EACD,SAAS,GACd,KAAK,MADS,CACR;IAEV,IAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC;QAC1B,IAAM,MAAM,GAAG,SAAS,CAAC,CAAC,CAAC,IAAA,mBAAW,EAAC,SAAS,CAAC,CAAC,CAAC,CAAC,4BAAY,CAAC;QAEjE,OAAO,MAAM,CAAC;IAChB,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,OAAO,CACL;QACE,oBAAC,cAAM,IACL,MAAM,EAAE;gBACN,kBAAkB,EAAE,IAAA,yCAAiC,EAAC,KAAK,CAAC;aAC7D,GACD;QACD,QAAQ,CACR,CACJ,CAAC;AACJ,CAAC,CAAC;AAtBW,QAAA,aAAa,iBAsBxB;AAEF,qBAAa,CAAC,WAAW,GAAG,eAAe,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon_button.js","sourceRoot":"","sources":["../../../src/IconButton/icon_button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,MAAM,EAAkB,MAAM,WAAW,CAAC;AACnD,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAsBrC;;GAEG;AAEH;;GAEG;AACH,IAAM,UAAU,GAAG,cAAM,OAAA,GAAG,CAAC;IAC3B,kBAAkB,EAAE,wBAAwB;
|
|
1
|
+
{"version":3,"file":"icon_button.js","sourceRoot":"","sources":["../../../src/IconButton/icon_button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,MAAM,EAAkB,MAAM,WAAW,CAAC;AACnD,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAsBrC;;GAEG;AAEH;;GAEG;AACH,IAAM,UAAU,GAAG,cAAM,OAAA,GAAG,CAAC;IAC3B,kBAAkB,EAAE,wBAAwB;IAC5C,MAAM,EAAE,MAAM;CACf,CAAC,EAHuB,CAGvB,CAAC;AACH;;GAEG;AAEH,MAAM,CAAC,IAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAuB,UAAC,KAAK,EAAE,GAAG;;IAExE,IAAA,KAAK,GAIH,KAAK,MAJF,EACL,SAAS,GAGP,KAAK,UAHE,EACT,QAAQ,GAEN,KAAK,SAFC,EACL,KAAK,UACN,KAAK,EALH,kCAKL,CADS,CACA;IAEV,IAAM,SAAS,GAAG,CAChB,oBAAC,MAAM,2BACO,KAAK,EACjB,QAAQ,EAAE,QAAQ,IACd,KAAK,IACT,GAAG,EAAE,GAAG,EACR,cAAc,QACd,SAAS,EAAE,EAAE;YACX,GAAC,UAAU,EAAE,IAAG,IAAI;YACpB,GAAC,SAAS,IAAG,CAAC,CAAC,SAAS;gBACxB,IACF,CACH,CAAC;IAEF,IAAI,CAAC,KAAK,IAAI,QAAQ,EAAE;QACtB,OAAO,SAAS,CAAC;KAClB;IAED,OAAO,CACL,oBAAC,OAAO,IACN,KAAK,EAAE,KAAK,EACZ,KAAK,EAAC,OAAO,EACb,IAAI,EAAC,OAAO,IAEX,SAAS,CACF,CACX,CAAC;AACJ,CAAC,CAA4C,CAAC;AAE9C,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AAEtC,UAAU,CAAC,YAAY,GAAG;IACxB,QAAQ,EAAE,KAAK;IACf,KAAK,EAAE,SAAS;IAChB,IAAI,EAAE,QAAQ;CACf,CAAC"}
|
package/dist/esm/Menu/menu.js
CHANGED
|
@@ -76,7 +76,7 @@ export var Menu = React.forwardRef(function (props, ref) {
|
|
|
76
76
|
}
|
|
77
77
|
};
|
|
78
78
|
var renderOption = function (option, index) {
|
|
79
|
-
var component = option.component, disabled = option.disabled, label = option.label, subOptions = option.subOptions, classNameProp = option.className, textVariantProp = option.textVariant, onClick = option.onClick, other = __rest(option, ["component", "disabled", "label", "subOptions", "className", "textVariant", "onClick"]);
|
|
79
|
+
var component = option.component, disabled = option.disabled, label = option.label, subOptions = option.subOptions, classNameProp = option.className, textVariantProp = option.textVariant, startIcon = option.startIcon, endIcon = option.endIcon, onClick = option.onClick, other = __rest(option, ["component", "disabled", "label", "subOptions", "className", "textVariant", "startIcon", "endIcon", "onClick"]);
|
|
80
80
|
if (subOptions && subOptions.length) {
|
|
81
81
|
return (React.createElement(SubMenuItem, __assign({ key: index, component: component, textVariant: textVariantProp, disabled: disabled, label: label, className: classNameProp }, other), subOptions.map(renderOption)));
|
|
82
82
|
}
|
|
@@ -84,7 +84,7 @@ export var Menu = React.forwardRef(function (props, ref) {
|
|
|
84
84
|
// eslint-disable-next-line react/no-array-index-key
|
|
85
85
|
, __assign({
|
|
86
86
|
// eslint-disable-next-line react/no-array-index-key
|
|
87
|
-
key: index, component: component, textVariant: textVariantProp, disabled: disabled, onClick: handleMenuItemClick(option), className: classNameProp }, other), label));
|
|
87
|
+
key: index, component: component, textVariant: textVariantProp, disabled: disabled, onClick: handleMenuItemClick(option), className: classNameProp, startIcon: startIcon, endIcon: endIcon }, other), label));
|
|
88
88
|
};
|
|
89
89
|
var childrenProps = {
|
|
90
90
|
ref: childRef,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu.js","sourceRoot":"","sources":["../../../src/Menu/menu.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAgB,MAAM,YAAY,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC9D,OAAO,EAAE,GAAG,EAAE,EAAE,EAAkB,MAAM,WAAW,CAAC;
|
|
1
|
+
{"version":3,"file":"menu.js","sourceRoot":"","sources":["../../../src/Menu/menu.tsx"],"names":[],"mappings":"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"}
|
|
@@ -29,7 +29,7 @@ import { css, cx } from '../styles';
|
|
|
29
29
|
/**
|
|
30
30
|
* Styles.
|
|
31
31
|
*/
|
|
32
|
-
var stylesBase = function (props) { return css(__assign({ label: 'MenuItem', padding: '0px var(--pv-size-base-2)', fontFamily: 'inherit', outline: 'none', width: '100%', height: 'var(--pv-size-base-7)', display: 'flex', textAlign: 'left', alignItems: 'center', justifyContent: '
|
|
32
|
+
var stylesBase = function (props) { return css(__assign({ label: 'MenuItem', padding: '0px var(--pv-size-base-2)', fontFamily: 'inherit', outline: 'none', width: '100%', height: 'var(--pv-size-base-7)', display: 'flex', textAlign: 'left', alignItems: 'center', justifyContent: 'flex-start', textDecoration: 'none', userSelect: 'none', cursor: 'pointer', transition: 'background-color 200ms', backgroundColor: 'transparent', border: 'none', color: 'var(--pv-color-black)', boxSizing: 'border-box', gap: 'var(--pv-size-base-2)', '&:hover': {
|
|
33
33
|
backgroundColor: 'var(--pv-color-gray-3)',
|
|
34
34
|
}, '&:focus': {
|
|
35
35
|
backgroundColor: 'var(--pv-color-gray-4)',
|
|
@@ -40,12 +40,21 @@ var stylesBase = function (props) { return css(__assign({ label: 'MenuItem', pad
|
|
|
40
40
|
cursor: 'not-allowed',
|
|
41
41
|
pointerEvents: 'none',
|
|
42
42
|
}))); };
|
|
43
|
+
var stylesIcon = function () { return css({
|
|
44
|
+
label: 'MenuItem-icon',
|
|
45
|
+
flexShrink: 0,
|
|
46
|
+
display: 'inline-flex',
|
|
47
|
+
}); };
|
|
48
|
+
var stylesLabel = function () { return css({
|
|
49
|
+
label: 'MenuItem-label',
|
|
50
|
+
flex: '1 1 auto',
|
|
51
|
+
}); };
|
|
43
52
|
/**
|
|
44
53
|
*
|
|
45
54
|
*/
|
|
46
55
|
export var MenuItem = React.forwardRef(function (props, ref) {
|
|
47
56
|
var _a;
|
|
48
|
-
var component = props.component, children = props.children, className = props.className, disabled = props.disabled, textVariantProp = props.textVariant, endIcon = props.endIcon, onClick = props.onClick, other = __rest(props, ["component", "children", "className", "disabled", "textVariant", "endIcon", "onClick"]);
|
|
57
|
+
var component = props.component, children = props.children, className = props.className, disabled = props.disabled, textVariantProp = props.textVariant, startIcon = props.startIcon, endIcon = props.endIcon, onClick = props.onClick, other = __rest(props, ["component", "children", "className", "disabled", "textVariant", "startIcon", "endIcon", "onClick"]);
|
|
49
58
|
var Component = component || 'li';
|
|
50
59
|
var textVariant = textVariantProp || 'b3';
|
|
51
60
|
var handleKeyDown = function (event) {
|
|
@@ -63,8 +72,9 @@ export var MenuItem = React.forwardRef(function (props, ref) {
|
|
|
63
72
|
_a[stylesBase(props)] = true,
|
|
64
73
|
_a[className] = !!className,
|
|
65
74
|
_a)), "aria-disabled": disabled, onKeyDown: handleKeyDown, onClick: onClick }, other),
|
|
66
|
-
React.createElement(
|
|
67
|
-
|
|
75
|
+
startIcon && (React.createElement("span", { className: stylesIcon() }, startIcon)),
|
|
76
|
+
React.createElement(Typography, { variant: textVariant, color: "inherit", component: "span", noWrap: true, className: stylesLabel() }, children),
|
|
77
|
+
endIcon && (React.createElement("span", { className: stylesIcon() }, endIcon))));
|
|
68
78
|
});
|
|
69
79
|
MenuItem.displayName = 'MenuItem';
|
|
70
80
|
//# sourceMappingURL=menu_item.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu_item.js","sourceRoot":"","sources":["../../../src/MenuList/menu_item.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,GAAG,EAAE,EAAE,EAAkB,MAAM,WAAW,CAAC;
|
|
1
|
+
{"version":3,"file":"menu_item.js","sourceRoot":"","sources":["../../../src/MenuList/menu_item.tsx"],"names":[],"mappings":"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"}
|
|
@@ -10,7 +10,7 @@ export var ThemeProvider = function (props) {
|
|
|
10
10
|
}, [themeProp]);
|
|
11
11
|
return (React.createElement(React.Fragment, null,
|
|
12
12
|
React.createElement(Global, { styles: {
|
|
13
|
-
html: createThemeCSSVariablesFromObject(theme),
|
|
13
|
+
'html, ::backdrop': createThemeCSSVariablesFromObject(theme),
|
|
14
14
|
} }),
|
|
15
15
|
children));
|
|
16
16
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme_provider.js","sourceRoot":"","sources":["../../../src/styles/theme_provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,iCAAiC,EAAE,MAAM,SAAS,CAAC;AACzE,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAQ/C,MAAM,CAAC,IAAM,aAAa,GAAiC,UAAC,KAAK;IAE7D,IAAA,QAAQ,GAEN,KAAK,SAFC,EACD,SAAS,GACd,KAAK,MADS,CACR;IAEV,IAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC;QAC1B,IAAM,MAAM,GAAG,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC;QAEjE,OAAO,MAAM,CAAC;IAChB,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,OAAO,CACL;QACE,oBAAC,MAAM,IACL,MAAM,EAAE;gBACN,
|
|
1
|
+
{"version":3,"file":"theme_provider.js","sourceRoot":"","sources":["../../../src/styles/theme_provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,iCAAiC,EAAE,MAAM,SAAS,CAAC;AACzE,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAQ/C,MAAM,CAAC,IAAM,aAAa,GAAiC,UAAC,KAAK;IAE7D,IAAA,QAAQ,GAEN,KAAK,SAFC,EACD,SAAS,GACd,KAAK,MADS,CACR;IAEV,IAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC;QAC1B,IAAM,MAAM,GAAG,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC;QAEjE,OAAO,MAAM,CAAC;IAChB,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,OAAO,CACL;QACE,oBAAC,MAAM,IACL,MAAM,EAAE;gBACN,kBAAkB,EAAE,iCAAiC,CAAC,KAAK,CAAC;aAC7D,GACD;QACD,QAAQ,CACR,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon_button.js","sourceRoot":"","sources":["../../../src/IconButton/icon_button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,MAAM,EAAkB,MAAM,WAAW,CAAC;AACnD,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAsBrC;;GAEG;AAEH;;GAEG;AACH,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IAC3B,kBAAkB,EAAE,wBAAwB;
|
|
1
|
+
{"version":3,"file":"icon_button.js","sourceRoot":"","sources":["../../../src/IconButton/icon_button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,MAAM,EAAkB,MAAM,WAAW,CAAC;AACnD,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAsBrC;;GAEG;AAEH;;GAEG;AACH,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IAC3B,kBAAkB,EAAE,wBAAwB;IAC5C,MAAM,EAAE,MAAM;CACf,CAAC,CAAC;AACH;;GAEG;AAEH,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAuB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC9E,MAAM,EACJ,KAAK,EACL,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,GAAG,KAAK,CAAC;IAEV,MAAM,SAAS,GAAG,CAChB,oBAAC,MAAM,kBACO,KAAK,EACjB,QAAQ,EAAE,QAAQ,KACd,KAAK,EACT,GAAG,EAAE,GAAG,EACR,cAAc,QACd,SAAS,EAAE,EAAE,CAAC;YACZ,CAAC,UAAU,EAAE,CAAC,EAAE,IAAI;YACpB,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,SAAS;SACzB,CAAC,GACF,CACH,CAAC;IAEF,IAAI,CAAC,KAAK,IAAI,QAAQ,EAAE;QACtB,OAAO,SAAS,CAAC;KAClB;IAED,OAAO,CACL,oBAAC,OAAO,IACN,KAAK,EAAE,KAAK,EACZ,KAAK,EAAC,OAAO,EACb,IAAI,EAAC,OAAO,IAEX,SAAS,CACF,CACX,CAAC;AACJ,CAAC,CAA4C,CAAC;AAE9C,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AAEtC,UAAU,CAAC,YAAY,GAAG;IACxB,QAAQ,EAAE,KAAK;IACf,KAAK,EAAE,SAAS;IAChB,IAAI,EAAE,QAAQ;CACf,CAAC"}
|
package/dist/esnext/Menu/menu.js
CHANGED
|
@@ -53,7 +53,7 @@ export const Menu = React.forwardRef((props, ref) => {
|
|
|
53
53
|
}
|
|
54
54
|
};
|
|
55
55
|
const renderOption = (option, index) => {
|
|
56
|
-
const { component, disabled, label, subOptions, className: classNameProp, textVariant: textVariantProp, onClick, ...other } = option;
|
|
56
|
+
const { component, disabled, label, subOptions, className: classNameProp, textVariant: textVariantProp, startIcon, endIcon, onClick, ...other } = option;
|
|
57
57
|
if (subOptions && subOptions.length) {
|
|
58
58
|
return (React.createElement(SubMenuItem, { key: index, component: component, textVariant: textVariantProp, disabled: disabled, label: label, className: classNameProp, ...other }, subOptions.map(renderOption)));
|
|
59
59
|
}
|
|
@@ -61,7 +61,7 @@ export const Menu = React.forwardRef((props, ref) => {
|
|
|
61
61
|
// eslint-disable-next-line react/no-array-index-key
|
|
62
62
|
, {
|
|
63
63
|
// eslint-disable-next-line react/no-array-index-key
|
|
64
|
-
key: index, component: component, textVariant: textVariantProp, disabled: disabled, onClick: handleMenuItemClick(option), className: classNameProp, ...other }, label));
|
|
64
|
+
key: index, component: component, textVariant: textVariantProp, disabled: disabled, onClick: handleMenuItemClick(option), className: classNameProp, startIcon: startIcon, endIcon: endIcon, ...other }, label));
|
|
65
65
|
};
|
|
66
66
|
const childrenProps = {
|
|
67
67
|
ref: childRef,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu.js","sourceRoot":"","sources":["../../../src/Menu/menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAgB,MAAM,YAAY,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC9D,OAAO,EAAE,GAAG,EAAE,EAAE,EAAkB,MAAM,WAAW,CAAC;
|
|
1
|
+
{"version":3,"file":"menu.js","sourceRoot":"","sources":["../../../src/Menu/menu.tsx"],"names":[],"mappings":"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"}
|
|
@@ -17,7 +17,7 @@ const stylesBase = (props) => css({
|
|
|
17
17
|
display: 'flex',
|
|
18
18
|
textAlign: 'left',
|
|
19
19
|
alignItems: 'center',
|
|
20
|
-
justifyContent: '
|
|
20
|
+
justifyContent: 'flex-start',
|
|
21
21
|
textDecoration: 'none',
|
|
22
22
|
userSelect: 'none',
|
|
23
23
|
cursor: 'pointer',
|
|
@@ -26,6 +26,7 @@ const stylesBase = (props) => css({
|
|
|
26
26
|
border: 'none',
|
|
27
27
|
color: 'var(--pv-color-black)',
|
|
28
28
|
boxSizing: 'border-box',
|
|
29
|
+
gap: 'var(--pv-size-base-2)',
|
|
29
30
|
'&:hover': {
|
|
30
31
|
backgroundColor: 'var(--pv-color-gray-3)',
|
|
31
32
|
},
|
|
@@ -41,11 +42,20 @@ const stylesBase = (props) => css({
|
|
|
41
42
|
pointerEvents: 'none',
|
|
42
43
|
}),
|
|
43
44
|
});
|
|
45
|
+
const stylesIcon = () => css({
|
|
46
|
+
label: 'MenuItem-icon',
|
|
47
|
+
flexShrink: 0,
|
|
48
|
+
display: 'inline-flex',
|
|
49
|
+
});
|
|
50
|
+
const stylesLabel = () => css({
|
|
51
|
+
label: 'MenuItem-label',
|
|
52
|
+
flex: '1 1 auto',
|
|
53
|
+
});
|
|
44
54
|
/**
|
|
45
55
|
*
|
|
46
56
|
*/
|
|
47
57
|
export const MenuItem = React.forwardRef((props, ref) => {
|
|
48
|
-
const { component, children, className, disabled, textVariant: textVariantProp, endIcon, onClick, ...other } = props;
|
|
58
|
+
const { component, children, className, disabled, textVariant: textVariantProp, startIcon, endIcon, onClick, ...other } = props;
|
|
49
59
|
const Component = component || 'li';
|
|
50
60
|
const textVariant = textVariantProp || 'b3';
|
|
51
61
|
const handleKeyDown = (event) => {
|
|
@@ -63,8 +73,9 @@ export const MenuItem = React.forwardRef((props, ref) => {
|
|
|
63
73
|
[stylesBase(props)]: true,
|
|
64
74
|
[className]: !!className,
|
|
65
75
|
}), "aria-disabled": disabled, onKeyDown: handleKeyDown, onClick: onClick, ...other },
|
|
66
|
-
React.createElement(
|
|
67
|
-
|
|
76
|
+
startIcon && (React.createElement("span", { className: stylesIcon() }, startIcon)),
|
|
77
|
+
React.createElement(Typography, { variant: textVariant, color: "inherit", component: "span", noWrap: true, className: stylesLabel() }, children),
|
|
78
|
+
endIcon && (React.createElement("span", { className: stylesIcon() }, endIcon))));
|
|
68
79
|
});
|
|
69
80
|
MenuItem.displayName = 'MenuItem';
|
|
70
81
|
//# sourceMappingURL=menu_item.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu_item.js","sourceRoot":"","sources":["../../../src/MenuList/menu_item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,GAAG,EAAE,EAAE,EAAkB,MAAM,WAAW,CAAC;
|
|
1
|
+
{"version":3,"file":"menu_item.js","sourceRoot":"","sources":["../../../src/MenuList/menu_item.tsx"],"names":[],"mappings":"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"}
|
|
@@ -10,7 +10,7 @@ export const ThemeProvider = (props) => {
|
|
|
10
10
|
}, [themeProp]);
|
|
11
11
|
return (React.createElement(React.Fragment, null,
|
|
12
12
|
React.createElement(Global, { styles: {
|
|
13
|
-
html: createThemeCSSVariablesFromObject(theme),
|
|
13
|
+
'html, ::backdrop': createThemeCSSVariablesFromObject(theme),
|
|
14
14
|
} }),
|
|
15
15
|
children));
|
|
16
16
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme_provider.js","sourceRoot":"","sources":["../../../src/styles/theme_provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,iCAAiC,EAAE,MAAM,SAAS,CAAC;AACzE,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAQ/C,MAAM,CAAC,MAAM,aAAa,GAAiC,CAAC,KAAK,EAAE,EAAE;IACnE,MAAM,EACJ,QAAQ,EACR,KAAK,EAAE,SAAS,GACjB,GAAG,KAAK,CAAC;IAEV,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAC/B,MAAM,MAAM,GAAG,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC;QAEjE,OAAO,MAAM,CAAC;IAChB,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,OAAO,CACL;QACE,oBAAC,MAAM,IACL,MAAM,EAAE;gBACN,
|
|
1
|
+
{"version":3,"file":"theme_provider.js","sourceRoot":"","sources":["../../../src/styles/theme_provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,iCAAiC,EAAE,MAAM,SAAS,CAAC;AACzE,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAQ/C,MAAM,CAAC,MAAM,aAAa,GAAiC,CAAC,KAAK,EAAE,EAAE;IACnE,MAAM,EACJ,QAAQ,EACR,KAAK,EAAE,SAAS,GACjB,GAAG,KAAK,CAAC;IAEV,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAC/B,MAAM,MAAM,GAAG,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC;QAEjE,OAAO,MAAM,CAAC;IAChB,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,OAAO,CACL;QACE,oBAAC,MAAM,IACL,MAAM,EAAE;gBACN,kBAAkB,EAAE,iCAAiC,CAAC,KAAK,CAAC;aAC7D,GACD;QACD,QAAQ,CACR,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC"}
|
|
@@ -13,6 +13,14 @@ declare type OptionBaseProps = {
|
|
|
13
13
|
* The variant of text to use.
|
|
14
14
|
*/
|
|
15
15
|
textVariant?: TypographyType;
|
|
16
|
+
/**
|
|
17
|
+
* Element placed before the children.
|
|
18
|
+
*/
|
|
19
|
+
startIcon?: React.ReactNode;
|
|
20
|
+
/**
|
|
21
|
+
* Element placed after the children.
|
|
22
|
+
*/
|
|
23
|
+
endIcon?: React.ReactNode;
|
|
16
24
|
};
|
|
17
25
|
declare type OptionProps = OptionBaseProps & Omit<React.AllHTMLAttributes<HTMLElement>, 'children'>;
|
|
18
26
|
declare type MenuOptionProps = OptionProps & {
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@peculiar/react-components",
|
|
3
3
|
"private": false,
|
|
4
|
-
"version": "0.3.
|
|
4
|
+
"version": "0.3.6",
|
|
5
5
|
"author": "PeculiarVentures Team",
|
|
6
6
|
"description": "A simple and customizable component library to build faster, beautiful, and more accessible React applications.",
|
|
7
7
|
"keywords": [
|
|
@@ -93,5 +93,5 @@
|
|
|
93
93
|
"node": ">=12.x"
|
|
94
94
|
},
|
|
95
95
|
"license": "MIT",
|
|
96
|
-
"gitHead": "
|
|
96
|
+
"gitHead": "8c5a6ec79a9e192622708bf0aa41db1390457b2b"
|
|
97
97
|
}
|