@bigbinary/neeto-molecules 1.0.109 → 1.0.110
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/MoreDropdown.cjs.js +147 -0
- package/dist/MoreDropdown.cjs.js.map +1 -0
- package/dist/MoreDropdown.js +141 -0
- package/dist/MoreDropdown.js.map +1 -0
- package/package.json +1 -1
- package/types/MoreDropdown.d.ts +57 -0
|
@@ -0,0 +1,147 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var React = require('react');
|
|
4
|
+
var neetoIcons = require('@bigbinary/neeto-icons');
|
|
5
|
+
var neetoui = require('@bigbinary/neetoui');
|
|
6
|
+
|
|
7
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
8
|
+
|
|
9
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
10
|
+
|
|
11
|
+
function _extends() {
|
|
12
|
+
_extends = Object.assign ? Object.assign.bind() : function (target) {
|
|
13
|
+
for (var i = 1; i < arguments.length; i++) {
|
|
14
|
+
var source = arguments[i];
|
|
15
|
+
for (var key in source) {
|
|
16
|
+
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
|
17
|
+
target[key] = source[key];
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
return target;
|
|
22
|
+
};
|
|
23
|
+
return _extends.apply(this, arguments);
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
function _objectWithoutPropertiesLoose(source, excluded) {
|
|
27
|
+
if (source == null) return {};
|
|
28
|
+
var target = {};
|
|
29
|
+
var sourceKeys = Object.keys(source);
|
|
30
|
+
var key, i;
|
|
31
|
+
for (i = 0; i < sourceKeys.length; i++) {
|
|
32
|
+
key = sourceKeys[i];
|
|
33
|
+
if (excluded.indexOf(key) >= 0) continue;
|
|
34
|
+
target[key] = source[key];
|
|
35
|
+
}
|
|
36
|
+
return target;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
function _objectWithoutProperties(source, excluded) {
|
|
40
|
+
if (source == null) return {};
|
|
41
|
+
var target = _objectWithoutPropertiesLoose(source, excluded);
|
|
42
|
+
var key, i;
|
|
43
|
+
if (Object.getOwnPropertySymbols) {
|
|
44
|
+
var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
|
|
45
|
+
for (i = 0; i < sourceSymbolKeys.length; i++) {
|
|
46
|
+
key = sourceSymbolKeys[i];
|
|
47
|
+
if (excluded.indexOf(key) >= 0) continue;
|
|
48
|
+
if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
|
|
49
|
+
target[key] = source[key];
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
return target;
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
function _typeof(obj) {
|
|
56
|
+
"@babel/helpers - typeof";
|
|
57
|
+
|
|
58
|
+
return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
|
|
59
|
+
return typeof obj;
|
|
60
|
+
} : function (obj) {
|
|
61
|
+
return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
|
|
62
|
+
}, _typeof(obj);
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
function _toPrimitive(input, hint) {
|
|
66
|
+
if (_typeof(input) !== "object" || input === null) return input;
|
|
67
|
+
var prim = input[Symbol.toPrimitive];
|
|
68
|
+
if (prim !== undefined) {
|
|
69
|
+
var res = prim.call(input, hint || "default");
|
|
70
|
+
if (_typeof(res) !== "object") return res;
|
|
71
|
+
throw new TypeError("@@toPrimitive must return a primitive value.");
|
|
72
|
+
}
|
|
73
|
+
return (hint === "string" ? String : Number)(input);
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
function _toPropertyKey(arg) {
|
|
77
|
+
var key = _toPrimitive(arg, "string");
|
|
78
|
+
return _typeof(key) === "symbol" ? key : String(key);
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
function _defineProperty(obj, key, value) {
|
|
82
|
+
key = _toPropertyKey(key);
|
|
83
|
+
if (key in obj) {
|
|
84
|
+
Object.defineProperty(obj, key, {
|
|
85
|
+
value: value,
|
|
86
|
+
enumerable: true,
|
|
87
|
+
configurable: true,
|
|
88
|
+
writable: true
|
|
89
|
+
});
|
|
90
|
+
} else {
|
|
91
|
+
obj[key] = value;
|
|
92
|
+
}
|
|
93
|
+
return obj;
|
|
94
|
+
}
|
|
95
|
+
|
|
96
|
+
var MENU_ITEM_TYPES = {
|
|
97
|
+
menuItem: "menuItem",
|
|
98
|
+
divider: "divider"
|
|
99
|
+
};
|
|
100
|
+
|
|
101
|
+
var _excluded = ["key", "onClick", "label", "type"];
|
|
102
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
103
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
104
|
+
var Menu = neetoui.Dropdown.Menu,
|
|
105
|
+
MenuItem = neetoui.Dropdown.MenuItem,
|
|
106
|
+
Divider = neetoui.Dropdown.Divider;
|
|
107
|
+
var MoreDropdown = function MoreDropdown(_ref) {
|
|
108
|
+
var _ref$dropdownButtonPr = _ref.dropdownButtonProps,
|
|
109
|
+
dropdownButtonProps = _ref$dropdownButtonPr === void 0 ? {} : _ref$dropdownButtonPr,
|
|
110
|
+
_ref$isVertical = _ref.isVertical,
|
|
111
|
+
isVertical = _ref$isVertical === void 0 ? false : _ref$isVertical,
|
|
112
|
+
_ref$isDisabled = _ref.isDisabled,
|
|
113
|
+
isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
|
|
114
|
+
_ref$dropdownProps = _ref.dropdownProps,
|
|
115
|
+
dropdownProps = _ref$dropdownProps === void 0 ? {} : _ref$dropdownProps,
|
|
116
|
+
menuTopChildren = _ref.menuTopChildren,
|
|
117
|
+
menuBottomChildren = _ref.menuBottomChildren,
|
|
118
|
+
_ref$menuItems = _ref.menuItems,
|
|
119
|
+
menuItems = _ref$menuItems === void 0 ? [] : _ref$menuItems;
|
|
120
|
+
return /*#__PURE__*/React__default["default"].createElement(neetoui.Dropdown, _extends({
|
|
121
|
+
autoWidth: true,
|
|
122
|
+
className: "flex",
|
|
123
|
+
disabled: isDisabled,
|
|
124
|
+
icon: isVertical ? neetoIcons.MenuVertical : neetoIcons.MenuHorizontal,
|
|
125
|
+
buttonProps: _objectSpread({
|
|
126
|
+
className: "min-h-0 flex-shrink-0",
|
|
127
|
+
style: "text"
|
|
128
|
+
}, dropdownButtonProps)
|
|
129
|
+
}, dropdownProps), /*#__PURE__*/React__default["default"].createElement(Menu, null, menuTopChildren, menuItems.map(function (_ref2) {
|
|
130
|
+
var key = _ref2.key,
|
|
131
|
+
onClick = _ref2.onClick,
|
|
132
|
+
label = _ref2.label,
|
|
133
|
+
_ref2$type = _ref2.type,
|
|
134
|
+
type = _ref2$type === void 0 ? MENU_ITEM_TYPES.menuItem : _ref2$type,
|
|
135
|
+
menuItemProps = _objectWithoutProperties(_ref2, _excluded);
|
|
136
|
+
return type === MENU_ITEM_TYPES.menuItem ? /*#__PURE__*/React__default["default"].createElement(MenuItem.Button, _extends({
|
|
137
|
+
key: key
|
|
138
|
+
}, _objectSpread({
|
|
139
|
+
onClick: onClick
|
|
140
|
+
}, menuItemProps)), label) : /*#__PURE__*/React__default["default"].createElement(Divider, {
|
|
141
|
+
key: key
|
|
142
|
+
});
|
|
143
|
+
}), menuBottomChildren));
|
|
144
|
+
};
|
|
145
|
+
|
|
146
|
+
module.exports = MoreDropdown;
|
|
147
|
+
//# sourceMappingURL=MoreDropdown.cjs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MoreDropdown.cjs.js","sources":["../node_modules/@babel/runtime/helpers/esm/extends.js","../node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js","../node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js","../node_modules/@babel/runtime/helpers/esm/typeof.js","../node_modules/@babel/runtime/helpers/esm/toPrimitive.js","../node_modules/@babel/runtime/helpers/esm/toPropertyKey.js","../node_modules/@babel/runtime/helpers/esm/defineProperty.js","../src/components/MoreDropdown/constants.js","../src/components/MoreDropdown/index.jsx"],"sourcesContent":["export default function _extends() {\n _extends = Object.assign ? Object.assign.bind() : function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n return target;\n };\n return _extends.apply(this, arguments);\n}","export default function _objectWithoutPropertiesLoose(source, excluded) {\n if (source == null) return {};\n var target = {};\n var sourceKeys = Object.keys(source);\n var key, i;\n for (i = 0; i < sourceKeys.length; i++) {\n key = sourceKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n target[key] = source[key];\n }\n return target;\n}","import objectWithoutPropertiesLoose from \"./objectWithoutPropertiesLoose.js\";\nexport default function _objectWithoutProperties(source, excluded) {\n if (source == null) return {};\n var target = objectWithoutPropertiesLoose(source, excluded);\n var key, i;\n if (Object.getOwnPropertySymbols) {\n var sourceSymbolKeys = Object.getOwnPropertySymbols(source);\n for (i = 0; i < sourceSymbolKeys.length; i++) {\n key = sourceSymbolKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;\n target[key] = source[key];\n }\n }\n return target;\n}","export default function _typeof(obj) {\n \"@babel/helpers - typeof\";\n\n return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) {\n return typeof obj;\n } : function (obj) {\n return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n }, _typeof(obj);\n}","import _typeof from \"./typeof.js\";\nexport default function _toPrimitive(input, hint) {\n if (_typeof(input) !== \"object\" || input === null) return input;\n var prim = input[Symbol.toPrimitive];\n if (prim !== undefined) {\n var res = prim.call(input, hint || \"default\");\n if (_typeof(res) !== \"object\") return res;\n throw new TypeError(\"@@toPrimitive must return a primitive value.\");\n }\n return (hint === \"string\" ? String : Number)(input);\n}","import _typeof from \"./typeof.js\";\nimport toPrimitive from \"./toPrimitive.js\";\nexport default function _toPropertyKey(arg) {\n var key = toPrimitive(arg, \"string\");\n return _typeof(key) === \"symbol\" ? key : String(key);\n}","import toPropertyKey from \"./toPropertyKey.js\";\nexport default function _defineProperty(obj, key, value) {\n key = toPropertyKey(key);\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n return obj;\n}","export const BUTTON_STYLES = {\n primary: \"primary\",\n secondary: \"secondary\",\n danger: \"danger\",\n danger_text: \"danger-text\",\n text: \"text\",\n link: \"link\",\n};\n\nexport const SIZES = { small: \"small\", medium: \"medium\", large: \"large\" };\n\nexport const STRATEGY = { absolute: \"absolute\", fixed: \"fixed\" };\n\nexport const MENU_ITEM_TYPES = { menuItem: \"menuItem\", divider: \"divider\" };\n","import React from \"react\";\n\nimport { MenuHorizontal, MenuVertical } from \"neetoicons\";\nimport { Dropdown } from \"neetoui\";\nimport PropTypes from \"prop-types\";\n\nimport { BUTTON_STYLES, MENU_ITEM_TYPES, SIZES, STRATEGY } from \"./constants\";\n\nconst { Menu, MenuItem, Divider } = Dropdown;\n\nconst MoreDropdown = ({\n dropdownButtonProps = {},\n isVertical = false,\n isDisabled = false,\n dropdownProps = {},\n menuTopChildren,\n menuBottomChildren,\n menuItems = [],\n}) => (\n <Dropdown\n autoWidth\n className=\"flex\"\n disabled={isDisabled}\n icon={isVertical ? MenuVertical : MenuHorizontal}\n buttonProps={{\n className: \"min-h-0 flex-shrink-0\",\n style: \"text\",\n ...dropdownButtonProps,\n }}\n {...dropdownProps}\n >\n <Menu>\n {menuTopChildren}\n {menuItems.map(\n ({\n key,\n onClick,\n label,\n type = MENU_ITEM_TYPES.menuItem,\n ...menuItemProps\n }) =>\n type === MENU_ITEM_TYPES.menuItem ? (\n <MenuItem.Button key={key} {...{ onClick, ...menuItemProps }}>\n {label}\n </MenuItem.Button>\n ) : (\n <Divider key={key} />\n )\n )}\n {menuBottomChildren}\n </Menu>\n </Dropdown>\n);\n\nMoreDropdown.propTypes = {\n /*\n * This props will be passed to the target button of the dropdown.\n */\n dropdownButtonProps: PropTypes.shape({\n style: PropTypes.oneOf(Object.values(BUTTON_STYLES)),\n size: PropTypes.oneOf(Object.values(SIZES)),\n iconSize: PropTypes.number,\n disabled: PropTypes.bool,\n }),\n /*\n * Whether to show a MenuVertical icon. By default the icon will be MenuHorizontal.\n */\n isVertical: PropTypes.bool,\n /*\n * Whether the dropdown is disabled or not.\n */\n isDisabled: PropTypes.bool,\n /*\n * This props will be passed to the dropdown.\n */\n dropdownProps: PropTypes.shape({\n strategy: PropTypes.oneOf(Object.values(STRATEGY)),\n }),\n /*\n * This children will be rendered on top of the dropdown menu.\n */\n menuTopChildren: PropTypes.node,\n /*\n * This children will be rendered on bottom of the dropdown menu.\n */\n menuBottomChildren: PropTypes.node,\n /*\n * Menu items inside the dropdown. Each item needs to have a `label`, `onClick` and `key`.\n */\n menuItems: PropTypes.arrayOf(\n PropTypes.shape({\n label: PropTypes.string,\n onClick: PropTypes.func,\n key: PropTypes.string,\n type: PropTypes.oneOf(Object.values(MENU_ITEM_TYPES)),\n })\n ),\n};\n\nexport default MoreDropdown;\n"],"names":["objectWithoutPropertiesLoose","toPrimitive","toPropertyKey","MENU_ITEM_TYPES","menuItem","divider","Menu","Dropdown","MenuItem","Divider","MoreDropdown","_ref","_ref$dropdownButtonPr","dropdownButtonProps","_ref$isVertical","isVertical","_ref$isDisabled","isDisabled","_ref$dropdownProps","dropdownProps","menuTopChildren","menuBottomChildren","_ref$menuItems","menuItems","React","createElement","_extends","autoWidth","className","disabled","icon","MenuVertical","MenuHorizontal","buttonProps","_objectSpread","style","map","_ref2","key","onClick","label","_ref2$type","type","menuItemProps","_objectWithoutProperties","_excluded","Button"],"mappings":";;;;;;;;;;AAAe,SAAS,QAAQ,GAAG;AACnC,EAAE,QAAQ,GAAG,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,GAAG,UAAU,MAAM,EAAE;AACtE,IAAI,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AAC/C,MAAM,IAAI,MAAM,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC;AAChC,MAAM,KAAK,IAAI,GAAG,IAAI,MAAM,EAAE;AAC9B,QAAQ,IAAI,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE;AAC/D,UAAU,MAAM,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;AACpC,SAAS;AACT,OAAO;AACP,KAAK;AACL,IAAI,OAAO,MAAM,CAAC;AAClB,GAAG,CAAC;AACJ,EAAE,OAAO,QAAQ,CAAC,KAAK,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;AACzC;;ACbe,SAAS,6BAA6B,CAAC,MAAM,EAAE,QAAQ,EAAE;AACxE,EAAE,IAAI,MAAM,IAAI,IAAI,EAAE,OAAO,EAAE,CAAC;AAChC,EAAE,IAAI,MAAM,GAAG,EAAE,CAAC;AAClB,EAAE,IAAI,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;AACvC,EAAE,IAAI,GAAG,EAAE,CAAC,CAAC;AACb,EAAE,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,UAAU,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AAC1C,IAAI,GAAG,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC;AACxB,IAAI,IAAI,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,SAAS;AAC7C,IAAI,MAAM,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;AAC9B,GAAG;AACH,EAAE,OAAO,MAAM,CAAC;AAChB;;ACVe,SAAS,wBAAwB,CAAC,MAAM,EAAE,QAAQ,EAAE;AACnE,EAAE,IAAI,MAAM,IAAI,IAAI,EAAE,OAAO,EAAE,CAAC;AAChC,EAAE,IAAI,MAAM,GAAGA,6BAA4B,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;AAC9D,EAAE,IAAI,GAAG,EAAE,CAAC,CAAC;AACb,EAAE,IAAI,MAAM,CAAC,qBAAqB,EAAE;AACpC,IAAI,IAAI,gBAAgB,GAAG,MAAM,CAAC,qBAAqB,CAAC,MAAM,CAAC,CAAC;AAChE,IAAI,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,gBAAgB,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AAClD,MAAM,GAAG,GAAG,gBAAgB,CAAC,CAAC,CAAC,CAAC;AAChC,MAAM,IAAI,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,SAAS;AAC/C,MAAM,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,SAAS;AAC7E,MAAM,MAAM,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;AAChC,KAAK;AACL,GAAG;AACH,EAAE,OAAO,MAAM,CAAC;AAChB;;ACfe,SAAS,OAAO,CAAC,GAAG,EAAE;AACrC,EAAE,yBAAyB,CAAC;AAC5B;AACA,EAAE,OAAO,OAAO,GAAG,UAAU,IAAI,OAAO,MAAM,IAAI,QAAQ,IAAI,OAAO,MAAM,CAAC,QAAQ,GAAG,UAAU,GAAG,EAAE;AACtG,IAAI,OAAO,OAAO,GAAG,CAAC;AACtB,GAAG,GAAG,UAAU,GAAG,EAAE;AACrB,IAAI,OAAO,GAAG,IAAI,UAAU,IAAI,OAAO,MAAM,IAAI,GAAG,CAAC,WAAW,KAAK,MAAM,IAAI,GAAG,KAAK,MAAM,CAAC,SAAS,GAAG,QAAQ,GAAG,OAAO,GAAG,CAAC;AAChI,GAAG,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC;AAClB;;ACPe,SAAS,YAAY,CAAC,KAAK,EAAE,IAAI,EAAE;AAClD,EAAE,IAAI,OAAO,CAAC,KAAK,CAAC,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI,EAAE,OAAO,KAAK,CAAC;AAClE,EAAE,IAAI,IAAI,GAAG,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;AACvC,EAAE,IAAI,IAAI,KAAK,SAAS,EAAE;AAC1B,IAAI,IAAI,GAAG,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,IAAI,SAAS,CAAC,CAAC;AAClD,IAAI,IAAI,OAAO,CAAC,GAAG,CAAC,KAAK,QAAQ,EAAE,OAAO,GAAG,CAAC;AAC9C,IAAI,MAAM,IAAI,SAAS,CAAC,8CAA8C,CAAC,CAAC;AACxE,GAAG;AACH,EAAE,OAAO,CAAC,IAAI,KAAK,QAAQ,GAAG,MAAM,GAAG,MAAM,EAAE,KAAK,CAAC,CAAC;AACtD;;ACRe,SAAS,cAAc,CAAC,GAAG,EAAE;AAC5C,EAAE,IAAI,GAAG,GAAGC,YAAW,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;AACvC,EAAE,OAAO,OAAO,CAAC,GAAG,CAAC,KAAK,QAAQ,GAAG,GAAG,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;AACvD;;ACJe,SAAS,eAAe,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE;AACzD,EAAE,GAAG,GAAGC,cAAa,CAAC,GAAG,CAAC,CAAC;AAC3B,EAAE,IAAI,GAAG,IAAI,GAAG,EAAE;AAClB,IAAI,MAAM,CAAC,cAAc,CAAC,GAAG,EAAE,GAAG,EAAE;AACpC,MAAM,KAAK,EAAE,KAAK;AAClB,MAAM,UAAU,EAAE,IAAI;AACtB,MAAM,YAAY,EAAE,IAAI;AACxB,MAAM,QAAQ,EAAE,IAAI;AACpB,KAAK,CAAC,CAAC;AACP,GAAG,MAAM;AACT,IAAI,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AACrB,GAAG;AACH,EAAE,OAAO,GAAG,CAAC;AACb;;ACDO,IAAMC,eAAe,GAAG;AAAEC,EAAAA,QAAQ,EAAE,UAAU;AAAEC,EAAAA,OAAO,EAAE,SAAA;AAAU,CAAC;;;;;ACL3E,IAAQC,IAAI,GAAwBC,gBAAQ,CAApCD,IAAI;EAAEE,QAAQ,GAAcD,gBAAQ,CAA9BC,QAAQ;EAAEC,OAAO,GAAKF,gBAAQ,CAApBE,OAAO,CAAA;AAE/B,IAAMC,YAAY,GAAG,SAAfA,YAAYA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAAC,qBAAA,GAAAD,IAAA,CAChBE,mBAAmB;AAAnBA,IAAAA,mBAAmB,GAAAD,qBAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,qBAAA;IAAAE,eAAA,GAAAH,IAAA,CACxBI,UAAU;AAAVA,IAAAA,UAAU,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,eAAA;IAAAE,eAAA,GAAAL,IAAA,CAClBM,UAAU;AAAVA,IAAAA,UAAU,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,eAAA;IAAAE,kBAAA,GAAAP,IAAA,CAClBQ,aAAa;AAAbA,IAAAA,aAAa,GAAAD,kBAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,kBAAA;IAClBE,eAAe,GAAAT,IAAA,CAAfS,eAAe;IACfC,kBAAkB,GAAAV,IAAA,CAAlBU,kBAAkB;IAAAC,cAAA,GAAAX,IAAA,CAClBY,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,cAAA,CAAA;AAAA,EAAA,oBAEdE,yBAAA,CAAAC,aAAA,CAAClB,gBAAQ,EAAAmB,QAAA,CAAA;IACPC,SAAS,EAAA,IAAA;AACTC,IAAAA,SAAS,EAAC,MAAM;AAChBC,IAAAA,QAAQ,EAAEZ,UAAW;AACrBa,IAAAA,IAAI,EAAEf,UAAU,GAAGgB,uBAAY,GAAGC,yBAAe;AACjDC,IAAAA,WAAW,EAAAC,aAAA,CAAA;AACTN,MAAAA,SAAS,EAAE,uBAAuB;AAClCO,MAAAA,KAAK,EAAE,MAAA;AAAM,KAAA,EACVtB,mBAAmB,CAAA;AACtB,GAAA,EACEM,aAAa,CAAA,eAEjBK,yBAAA,CAAAC,aAAA,CAACnB,IAAI,EACFc,IAAAA,EAAAA,eAAe,EACfG,SAAS,CAACa,GAAG,CACZ,UAAAC,KAAA,EAAA;AAAA,IAAA,IACEC,GAAG,GAAAD,KAAA,CAAHC,GAAG;MACHC,OAAO,GAAAF,KAAA,CAAPE,OAAO;MACPC,KAAK,GAAAH,KAAA,CAALG,KAAK;MAAAC,UAAA,GAAAJ,KAAA,CACLK,IAAI;AAAJA,MAAAA,IAAI,GAAAD,UAAA,KAAA,KAAA,CAAA,GAAGtC,eAAe,CAACC,QAAQ,GAAAqC,UAAA;AAC5BE,MAAAA,aAAa,GAAAC,wBAAA,CAAAP,KAAA,EAAAQ,SAAA,CAAA,CAAA;AAAA,IAAA,OAEhBH,IAAI,KAAKvC,eAAe,CAACC,QAAQ,gBAC/BoB,yBAAA,CAAAC,aAAA,CAACjB,QAAQ,CAACsC,MAAM,EAAApB,QAAA,CAAA;AAACY,MAAAA,GAAG,EAAEA,GAAAA;AAAI,KAAA,EAAAJ,aAAA,CAAA;AAAOK,MAAAA,OAAO,EAAPA,OAAAA;KAAYI,EAAAA,aAAa,IACvDH,KAAK,CACU,gBAElBhB,yBAAA,CAAAC,aAAA,CAAChB,OAAO,EAAA;AAAC6B,MAAAA,GAAG,EAAEA,GAAAA;KACf,CAAA,CAAA;GACJ,CAAA,EACAjB,kBAAkB,CACd,CACE,CAAA;AAAA;;;;"}
|
|
@@ -0,0 +1,141 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { MenuVertical, MenuHorizontal } from '@bigbinary/neeto-icons';
|
|
3
|
+
import { Dropdown } from '@bigbinary/neetoui';
|
|
4
|
+
|
|
5
|
+
function _extends() {
|
|
6
|
+
_extends = Object.assign ? Object.assign.bind() : function (target) {
|
|
7
|
+
for (var i = 1; i < arguments.length; i++) {
|
|
8
|
+
var source = arguments[i];
|
|
9
|
+
for (var key in source) {
|
|
10
|
+
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
|
11
|
+
target[key] = source[key];
|
|
12
|
+
}
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
return target;
|
|
16
|
+
};
|
|
17
|
+
return _extends.apply(this, arguments);
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
function _objectWithoutPropertiesLoose(source, excluded) {
|
|
21
|
+
if (source == null) return {};
|
|
22
|
+
var target = {};
|
|
23
|
+
var sourceKeys = Object.keys(source);
|
|
24
|
+
var key, i;
|
|
25
|
+
for (i = 0; i < sourceKeys.length; i++) {
|
|
26
|
+
key = sourceKeys[i];
|
|
27
|
+
if (excluded.indexOf(key) >= 0) continue;
|
|
28
|
+
target[key] = source[key];
|
|
29
|
+
}
|
|
30
|
+
return target;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
function _objectWithoutProperties(source, excluded) {
|
|
34
|
+
if (source == null) return {};
|
|
35
|
+
var target = _objectWithoutPropertiesLoose(source, excluded);
|
|
36
|
+
var key, i;
|
|
37
|
+
if (Object.getOwnPropertySymbols) {
|
|
38
|
+
var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
|
|
39
|
+
for (i = 0; i < sourceSymbolKeys.length; i++) {
|
|
40
|
+
key = sourceSymbolKeys[i];
|
|
41
|
+
if (excluded.indexOf(key) >= 0) continue;
|
|
42
|
+
if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
|
|
43
|
+
target[key] = source[key];
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
return target;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
function _typeof(obj) {
|
|
50
|
+
"@babel/helpers - typeof";
|
|
51
|
+
|
|
52
|
+
return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
|
|
53
|
+
return typeof obj;
|
|
54
|
+
} : function (obj) {
|
|
55
|
+
return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
|
|
56
|
+
}, _typeof(obj);
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
function _toPrimitive(input, hint) {
|
|
60
|
+
if (_typeof(input) !== "object" || input === null) return input;
|
|
61
|
+
var prim = input[Symbol.toPrimitive];
|
|
62
|
+
if (prim !== undefined) {
|
|
63
|
+
var res = prim.call(input, hint || "default");
|
|
64
|
+
if (_typeof(res) !== "object") return res;
|
|
65
|
+
throw new TypeError("@@toPrimitive must return a primitive value.");
|
|
66
|
+
}
|
|
67
|
+
return (hint === "string" ? String : Number)(input);
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
function _toPropertyKey(arg) {
|
|
71
|
+
var key = _toPrimitive(arg, "string");
|
|
72
|
+
return _typeof(key) === "symbol" ? key : String(key);
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
function _defineProperty(obj, key, value) {
|
|
76
|
+
key = _toPropertyKey(key);
|
|
77
|
+
if (key in obj) {
|
|
78
|
+
Object.defineProperty(obj, key, {
|
|
79
|
+
value: value,
|
|
80
|
+
enumerable: true,
|
|
81
|
+
configurable: true,
|
|
82
|
+
writable: true
|
|
83
|
+
});
|
|
84
|
+
} else {
|
|
85
|
+
obj[key] = value;
|
|
86
|
+
}
|
|
87
|
+
return obj;
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
var MENU_ITEM_TYPES = {
|
|
91
|
+
menuItem: "menuItem",
|
|
92
|
+
divider: "divider"
|
|
93
|
+
};
|
|
94
|
+
|
|
95
|
+
var _excluded = ["key", "onClick", "label", "type"];
|
|
96
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
97
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
98
|
+
var Menu = Dropdown.Menu,
|
|
99
|
+
MenuItem = Dropdown.MenuItem,
|
|
100
|
+
Divider = Dropdown.Divider;
|
|
101
|
+
var MoreDropdown = function MoreDropdown(_ref) {
|
|
102
|
+
var _ref$dropdownButtonPr = _ref.dropdownButtonProps,
|
|
103
|
+
dropdownButtonProps = _ref$dropdownButtonPr === void 0 ? {} : _ref$dropdownButtonPr,
|
|
104
|
+
_ref$isVertical = _ref.isVertical,
|
|
105
|
+
isVertical = _ref$isVertical === void 0 ? false : _ref$isVertical,
|
|
106
|
+
_ref$isDisabled = _ref.isDisabled,
|
|
107
|
+
isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
|
|
108
|
+
_ref$dropdownProps = _ref.dropdownProps,
|
|
109
|
+
dropdownProps = _ref$dropdownProps === void 0 ? {} : _ref$dropdownProps,
|
|
110
|
+
menuTopChildren = _ref.menuTopChildren,
|
|
111
|
+
menuBottomChildren = _ref.menuBottomChildren,
|
|
112
|
+
_ref$menuItems = _ref.menuItems,
|
|
113
|
+
menuItems = _ref$menuItems === void 0 ? [] : _ref$menuItems;
|
|
114
|
+
return /*#__PURE__*/React.createElement(Dropdown, _extends({
|
|
115
|
+
autoWidth: true,
|
|
116
|
+
className: "flex",
|
|
117
|
+
disabled: isDisabled,
|
|
118
|
+
icon: isVertical ? MenuVertical : MenuHorizontal,
|
|
119
|
+
buttonProps: _objectSpread({
|
|
120
|
+
className: "min-h-0 flex-shrink-0",
|
|
121
|
+
style: "text"
|
|
122
|
+
}, dropdownButtonProps)
|
|
123
|
+
}, dropdownProps), /*#__PURE__*/React.createElement(Menu, null, menuTopChildren, menuItems.map(function (_ref2) {
|
|
124
|
+
var key = _ref2.key,
|
|
125
|
+
onClick = _ref2.onClick,
|
|
126
|
+
label = _ref2.label,
|
|
127
|
+
_ref2$type = _ref2.type,
|
|
128
|
+
type = _ref2$type === void 0 ? MENU_ITEM_TYPES.menuItem : _ref2$type,
|
|
129
|
+
menuItemProps = _objectWithoutProperties(_ref2, _excluded);
|
|
130
|
+
return type === MENU_ITEM_TYPES.menuItem ? /*#__PURE__*/React.createElement(MenuItem.Button, _extends({
|
|
131
|
+
key: key
|
|
132
|
+
}, _objectSpread({
|
|
133
|
+
onClick: onClick
|
|
134
|
+
}, menuItemProps)), label) : /*#__PURE__*/React.createElement(Divider, {
|
|
135
|
+
key: key
|
|
136
|
+
});
|
|
137
|
+
}), menuBottomChildren));
|
|
138
|
+
};
|
|
139
|
+
|
|
140
|
+
export { MoreDropdown as default };
|
|
141
|
+
//# sourceMappingURL=MoreDropdown.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MoreDropdown.js","sources":["../node_modules/@babel/runtime/helpers/esm/extends.js","../node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js","../node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js","../node_modules/@babel/runtime/helpers/esm/typeof.js","../node_modules/@babel/runtime/helpers/esm/toPrimitive.js","../node_modules/@babel/runtime/helpers/esm/toPropertyKey.js","../node_modules/@babel/runtime/helpers/esm/defineProperty.js","../src/components/MoreDropdown/constants.js","../src/components/MoreDropdown/index.jsx"],"sourcesContent":["export default function _extends() {\n _extends = Object.assign ? Object.assign.bind() : function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n return target;\n };\n return _extends.apply(this, arguments);\n}","export default function _objectWithoutPropertiesLoose(source, excluded) {\n if (source == null) return {};\n var target = {};\n var sourceKeys = Object.keys(source);\n var key, i;\n for (i = 0; i < sourceKeys.length; i++) {\n key = sourceKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n target[key] = source[key];\n }\n return target;\n}","import objectWithoutPropertiesLoose from \"./objectWithoutPropertiesLoose.js\";\nexport default function _objectWithoutProperties(source, excluded) {\n if (source == null) return {};\n var target = objectWithoutPropertiesLoose(source, excluded);\n var key, i;\n if (Object.getOwnPropertySymbols) {\n var sourceSymbolKeys = Object.getOwnPropertySymbols(source);\n for (i = 0; i < sourceSymbolKeys.length; i++) {\n key = sourceSymbolKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;\n target[key] = source[key];\n }\n }\n return target;\n}","export default function _typeof(obj) {\n \"@babel/helpers - typeof\";\n\n return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) {\n return typeof obj;\n } : function (obj) {\n return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n }, _typeof(obj);\n}","import _typeof from \"./typeof.js\";\nexport default function _toPrimitive(input, hint) {\n if (_typeof(input) !== \"object\" || input === null) return input;\n var prim = input[Symbol.toPrimitive];\n if (prim !== undefined) {\n var res = prim.call(input, hint || \"default\");\n if (_typeof(res) !== \"object\") return res;\n throw new TypeError(\"@@toPrimitive must return a primitive value.\");\n }\n return (hint === \"string\" ? String : Number)(input);\n}","import _typeof from \"./typeof.js\";\nimport toPrimitive from \"./toPrimitive.js\";\nexport default function _toPropertyKey(arg) {\n var key = toPrimitive(arg, \"string\");\n return _typeof(key) === \"symbol\" ? key : String(key);\n}","import toPropertyKey from \"./toPropertyKey.js\";\nexport default function _defineProperty(obj, key, value) {\n key = toPropertyKey(key);\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n return obj;\n}","export const BUTTON_STYLES = {\n primary: \"primary\",\n secondary: \"secondary\",\n danger: \"danger\",\n danger_text: \"danger-text\",\n text: \"text\",\n link: \"link\",\n};\n\nexport const SIZES = { small: \"small\", medium: \"medium\", large: \"large\" };\n\nexport const STRATEGY = { absolute: \"absolute\", fixed: \"fixed\" };\n\nexport const MENU_ITEM_TYPES = { menuItem: \"menuItem\", divider: \"divider\" };\n","import React from \"react\";\n\nimport { MenuHorizontal, MenuVertical } from \"neetoicons\";\nimport { Dropdown } from \"neetoui\";\nimport PropTypes from \"prop-types\";\n\nimport { BUTTON_STYLES, MENU_ITEM_TYPES, SIZES, STRATEGY } from \"./constants\";\n\nconst { Menu, MenuItem, Divider } = Dropdown;\n\nconst MoreDropdown = ({\n dropdownButtonProps = {},\n isVertical = false,\n isDisabled = false,\n dropdownProps = {},\n menuTopChildren,\n menuBottomChildren,\n menuItems = [],\n}) => (\n <Dropdown\n autoWidth\n className=\"flex\"\n disabled={isDisabled}\n icon={isVertical ? MenuVertical : MenuHorizontal}\n buttonProps={{\n className: \"min-h-0 flex-shrink-0\",\n style: \"text\",\n ...dropdownButtonProps,\n }}\n {...dropdownProps}\n >\n <Menu>\n {menuTopChildren}\n {menuItems.map(\n ({\n key,\n onClick,\n label,\n type = MENU_ITEM_TYPES.menuItem,\n ...menuItemProps\n }) =>\n type === MENU_ITEM_TYPES.menuItem ? (\n <MenuItem.Button key={key} {...{ onClick, ...menuItemProps }}>\n {label}\n </MenuItem.Button>\n ) : (\n <Divider key={key} />\n )\n )}\n {menuBottomChildren}\n </Menu>\n </Dropdown>\n);\n\nMoreDropdown.propTypes = {\n /*\n * This props will be passed to the target button of the dropdown.\n */\n dropdownButtonProps: PropTypes.shape({\n style: PropTypes.oneOf(Object.values(BUTTON_STYLES)),\n size: PropTypes.oneOf(Object.values(SIZES)),\n iconSize: PropTypes.number,\n disabled: PropTypes.bool,\n }),\n /*\n * Whether to show a MenuVertical icon. By default the icon will be MenuHorizontal.\n */\n isVertical: PropTypes.bool,\n /*\n * Whether the dropdown is disabled or not.\n */\n isDisabled: PropTypes.bool,\n /*\n * This props will be passed to the dropdown.\n */\n dropdownProps: PropTypes.shape({\n strategy: PropTypes.oneOf(Object.values(STRATEGY)),\n }),\n /*\n * This children will be rendered on top of the dropdown menu.\n */\n menuTopChildren: PropTypes.node,\n /*\n * This children will be rendered on bottom of the dropdown menu.\n */\n menuBottomChildren: PropTypes.node,\n /*\n * Menu items inside the dropdown. Each item needs to have a `label`, `onClick` and `key`.\n */\n menuItems: PropTypes.arrayOf(\n PropTypes.shape({\n label: PropTypes.string,\n onClick: PropTypes.func,\n key: PropTypes.string,\n type: PropTypes.oneOf(Object.values(MENU_ITEM_TYPES)),\n })\n ),\n};\n\nexport default MoreDropdown;\n"],"names":["objectWithoutPropertiesLoose","toPrimitive","toPropertyKey","MENU_ITEM_TYPES","menuItem","divider","Menu","Dropdown","MenuItem","Divider","MoreDropdown","_ref","_ref$dropdownButtonPr","dropdownButtonProps","_ref$isVertical","isVertical","_ref$isDisabled","isDisabled","_ref$dropdownProps","dropdownProps","menuTopChildren","menuBottomChildren","_ref$menuItems","menuItems","React","createElement","_extends","autoWidth","className","disabled","icon","MenuVertical","MenuHorizontal","buttonProps","_objectSpread","style","map","_ref2","key","onClick","label","_ref2$type","type","menuItemProps","_objectWithoutProperties","_excluded","Button"],"mappings":";;;;AAAe,SAAS,QAAQ,GAAG;AACnC,EAAE,QAAQ,GAAG,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,GAAG,UAAU,MAAM,EAAE;AACtE,IAAI,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AAC/C,MAAM,IAAI,MAAM,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC;AAChC,MAAM,KAAK,IAAI,GAAG,IAAI,MAAM,EAAE;AAC9B,QAAQ,IAAI,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE;AAC/D,UAAU,MAAM,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;AACpC,SAAS;AACT,OAAO;AACP,KAAK;AACL,IAAI,OAAO,MAAM,CAAC;AAClB,GAAG,CAAC;AACJ,EAAE,OAAO,QAAQ,CAAC,KAAK,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;AACzC;;ACbe,SAAS,6BAA6B,CAAC,MAAM,EAAE,QAAQ,EAAE;AACxE,EAAE,IAAI,MAAM,IAAI,IAAI,EAAE,OAAO,EAAE,CAAC;AAChC,EAAE,IAAI,MAAM,GAAG,EAAE,CAAC;AAClB,EAAE,IAAI,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;AACvC,EAAE,IAAI,GAAG,EAAE,CAAC,CAAC;AACb,EAAE,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,UAAU,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AAC1C,IAAI,GAAG,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC;AACxB,IAAI,IAAI,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,SAAS;AAC7C,IAAI,MAAM,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;AAC9B,GAAG;AACH,EAAE,OAAO,MAAM,CAAC;AAChB;;ACVe,SAAS,wBAAwB,CAAC,MAAM,EAAE,QAAQ,EAAE;AACnE,EAAE,IAAI,MAAM,IAAI,IAAI,EAAE,OAAO,EAAE,CAAC;AAChC,EAAE,IAAI,MAAM,GAAGA,6BAA4B,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;AAC9D,EAAE,IAAI,GAAG,EAAE,CAAC,CAAC;AACb,EAAE,IAAI,MAAM,CAAC,qBAAqB,EAAE;AACpC,IAAI,IAAI,gBAAgB,GAAG,MAAM,CAAC,qBAAqB,CAAC,MAAM,CAAC,CAAC;AAChE,IAAI,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,gBAAgB,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AAClD,MAAM,GAAG,GAAG,gBAAgB,CAAC,CAAC,CAAC,CAAC;AAChC,MAAM,IAAI,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,SAAS;AAC/C,MAAM,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,SAAS;AAC7E,MAAM,MAAM,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;AAChC,KAAK;AACL,GAAG;AACH,EAAE,OAAO,MAAM,CAAC;AAChB;;ACfe,SAAS,OAAO,CAAC,GAAG,EAAE;AACrC,EAAE,yBAAyB,CAAC;AAC5B;AACA,EAAE,OAAO,OAAO,GAAG,UAAU,IAAI,OAAO,MAAM,IAAI,QAAQ,IAAI,OAAO,MAAM,CAAC,QAAQ,GAAG,UAAU,GAAG,EAAE;AACtG,IAAI,OAAO,OAAO,GAAG,CAAC;AACtB,GAAG,GAAG,UAAU,GAAG,EAAE;AACrB,IAAI,OAAO,GAAG,IAAI,UAAU,IAAI,OAAO,MAAM,IAAI,GAAG,CAAC,WAAW,KAAK,MAAM,IAAI,GAAG,KAAK,MAAM,CAAC,SAAS,GAAG,QAAQ,GAAG,OAAO,GAAG,CAAC;AAChI,GAAG,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC;AAClB;;ACPe,SAAS,YAAY,CAAC,KAAK,EAAE,IAAI,EAAE;AAClD,EAAE,IAAI,OAAO,CAAC,KAAK,CAAC,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI,EAAE,OAAO,KAAK,CAAC;AAClE,EAAE,IAAI,IAAI,GAAG,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;AACvC,EAAE,IAAI,IAAI,KAAK,SAAS,EAAE;AAC1B,IAAI,IAAI,GAAG,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,IAAI,SAAS,CAAC,CAAC;AAClD,IAAI,IAAI,OAAO,CAAC,GAAG,CAAC,KAAK,QAAQ,EAAE,OAAO,GAAG,CAAC;AAC9C,IAAI,MAAM,IAAI,SAAS,CAAC,8CAA8C,CAAC,CAAC;AACxE,GAAG;AACH,EAAE,OAAO,CAAC,IAAI,KAAK,QAAQ,GAAG,MAAM,GAAG,MAAM,EAAE,KAAK,CAAC,CAAC;AACtD;;ACRe,SAAS,cAAc,CAAC,GAAG,EAAE;AAC5C,EAAE,IAAI,GAAG,GAAGC,YAAW,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;AACvC,EAAE,OAAO,OAAO,CAAC,GAAG,CAAC,KAAK,QAAQ,GAAG,GAAG,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;AACvD;;ACJe,SAAS,eAAe,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE;AACzD,EAAE,GAAG,GAAGC,cAAa,CAAC,GAAG,CAAC,CAAC;AAC3B,EAAE,IAAI,GAAG,IAAI,GAAG,EAAE;AAClB,IAAI,MAAM,CAAC,cAAc,CAAC,GAAG,EAAE,GAAG,EAAE;AACpC,MAAM,KAAK,EAAE,KAAK;AAClB,MAAM,UAAU,EAAE,IAAI;AACtB,MAAM,YAAY,EAAE,IAAI;AACxB,MAAM,QAAQ,EAAE,IAAI;AACpB,KAAK,CAAC,CAAC;AACP,GAAG,MAAM;AACT,IAAI,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AACrB,GAAG;AACH,EAAE,OAAO,GAAG,CAAC;AACb;;ACDO,IAAMC,eAAe,GAAG;AAAEC,EAAAA,QAAQ,EAAE,UAAU;AAAEC,EAAAA,OAAO,EAAE,SAAA;AAAU,CAAC;;;;;ACL3E,IAAQC,IAAI,GAAwBC,QAAQ,CAApCD,IAAI;EAAEE,QAAQ,GAAcD,QAAQ,CAA9BC,QAAQ;EAAEC,OAAO,GAAKF,QAAQ,CAApBE,OAAO,CAAA;AAE/B,IAAMC,YAAY,GAAG,SAAfA,YAAYA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAAC,qBAAA,GAAAD,IAAA,CAChBE,mBAAmB;AAAnBA,IAAAA,mBAAmB,GAAAD,qBAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,qBAAA;IAAAE,eAAA,GAAAH,IAAA,CACxBI,UAAU;AAAVA,IAAAA,UAAU,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,eAAA;IAAAE,eAAA,GAAAL,IAAA,CAClBM,UAAU;AAAVA,IAAAA,UAAU,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,eAAA;IAAAE,kBAAA,GAAAP,IAAA,CAClBQ,aAAa;AAAbA,IAAAA,aAAa,GAAAD,kBAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,kBAAA;IAClBE,eAAe,GAAAT,IAAA,CAAfS,eAAe;IACfC,kBAAkB,GAAAV,IAAA,CAAlBU,kBAAkB;IAAAC,cAAA,GAAAX,IAAA,CAClBY,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,cAAA,CAAA;AAAA,EAAA,oBAEdE,KAAA,CAAAC,aAAA,CAAClB,QAAQ,EAAAmB,QAAA,CAAA;IACPC,SAAS,EAAA,IAAA;AACTC,IAAAA,SAAS,EAAC,MAAM;AAChBC,IAAAA,QAAQ,EAAEZ,UAAW;AACrBa,IAAAA,IAAI,EAAEf,UAAU,GAAGgB,YAAY,GAAGC,cAAe;AACjDC,IAAAA,WAAW,EAAAC,aAAA,CAAA;AACTN,MAAAA,SAAS,EAAE,uBAAuB;AAClCO,MAAAA,KAAK,EAAE,MAAA;AAAM,KAAA,EACVtB,mBAAmB,CAAA;AACtB,GAAA,EACEM,aAAa,CAAA,eAEjBK,KAAA,CAAAC,aAAA,CAACnB,IAAI,EACFc,IAAAA,EAAAA,eAAe,EACfG,SAAS,CAACa,GAAG,CACZ,UAAAC,KAAA,EAAA;AAAA,IAAA,IACEC,GAAG,GAAAD,KAAA,CAAHC,GAAG;MACHC,OAAO,GAAAF,KAAA,CAAPE,OAAO;MACPC,KAAK,GAAAH,KAAA,CAALG,KAAK;MAAAC,UAAA,GAAAJ,KAAA,CACLK,IAAI;AAAJA,MAAAA,IAAI,GAAAD,UAAA,KAAA,KAAA,CAAA,GAAGtC,eAAe,CAACC,QAAQ,GAAAqC,UAAA;AAC5BE,MAAAA,aAAa,GAAAC,wBAAA,CAAAP,KAAA,EAAAQ,SAAA,CAAA,CAAA;AAAA,IAAA,OAEhBH,IAAI,KAAKvC,eAAe,CAACC,QAAQ,gBAC/BoB,KAAA,CAAAC,aAAA,CAACjB,QAAQ,CAACsC,MAAM,EAAApB,QAAA,CAAA;AAACY,MAAAA,GAAG,EAAEA,GAAAA;AAAI,KAAA,EAAAJ,aAAA,CAAA;AAAOK,MAAAA,OAAO,EAAPA,OAAAA;KAAYI,EAAAA,aAAa,IACvDH,KAAK,CACU,gBAElBhB,KAAA,CAAAC,aAAA,CAAChB,OAAO,EAAA;AAAC6B,MAAAA,GAAG,EAAEA,GAAAA;KACf,CAAA,CAAA;GACJ,CAAA,EACAjB,kBAAkB,CACd,CACE,CAAA;AAAA;;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@bigbinary/neeto-molecules",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.110",
|
|
4
4
|
"description": "A package of reusable molecular components for neeto products.",
|
|
5
5
|
"repository": "git@github.com:bigbinary/neeto-molecules.git",
|
|
6
6
|
"author": "Amaljith K <amaljith.k@bigbinary.com>",
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import { ButtonProps, DropdownProps, InputProps, TypographyProps } from "@bigbinary/neetoui";
|
|
2
|
+
import React from "react";
|
|
3
|
+
type MenuItems = {
|
|
4
|
+
label: string;
|
|
5
|
+
onClick: () => void;
|
|
6
|
+
key: string;
|
|
7
|
+
};
|
|
8
|
+
/**
|
|
9
|
+
*
|
|
10
|
+
* The Rename component is used to rename a resource on the page, It can be used as
|
|
11
|
+
*
|
|
12
|
+
* the title in the Header component and provides props for additional actions with
|
|
13
|
+
*
|
|
14
|
+
* the dropdown.
|
|
15
|
+
*
|
|
16
|
+
* @example
|
|
17
|
+
*
|
|
18
|
+
* import Rename from "@bigbinary/neeto-molecules/Rename";
|
|
19
|
+
*
|
|
20
|
+
* const App = () => {
|
|
21
|
+
* const [value, setValue] = useState("Name");
|
|
22
|
+
* return (
|
|
23
|
+
* <Rename
|
|
24
|
+
* value={value}
|
|
25
|
+
* placeholder="Enter a name"
|
|
26
|
+
* dropdownItems={[
|
|
27
|
+
* {
|
|
28
|
+
* label: "Clone",
|
|
29
|
+
* onClick: () => alert("Clicked on clone"),
|
|
30
|
+
* },
|
|
31
|
+
* ]}
|
|
32
|
+
* onRename={value => setValue(name)}
|
|
33
|
+
* breadcrumbs={[
|
|
34
|
+
* {
|
|
35
|
+
* label: "Home",
|
|
36
|
+
* link: "home",
|
|
37
|
+
* },
|
|
38
|
+
* {
|
|
39
|
+
* label: "Contacts",
|
|
40
|
+
* link: "contacts",
|
|
41
|
+
* },
|
|
42
|
+
* ]}
|
|
43
|
+
* />
|
|
44
|
+
* );
|
|
45
|
+
* };
|
|
46
|
+
* @endexample
|
|
47
|
+
*/
|
|
48
|
+
const Rename: React.FC<{
|
|
49
|
+
dropdownButtonProps: ButtonProps;
|
|
50
|
+
isVertical: boolean;
|
|
51
|
+
isDisabled: boolean;
|
|
52
|
+
dropdownProps: DropdownProps;
|
|
53
|
+
menuTopChildren: React.ReactNode;
|
|
54
|
+
menuBottomChildren: React.ReactNode;
|
|
55
|
+
menuItems: MenuItems[];
|
|
56
|
+
}>;
|
|
57
|
+
export default Rename;
|