@bigbinary/neeto-molecules 1.1.4 → 1.1.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/README.md +2 -0
- package/dist/ConfirmationModal.cjs.js +87 -0
- package/dist/ConfirmationModal.cjs.js.map +1 -0
- package/dist/ConfirmationModal.js +62 -0
- package/dist/ConfirmationModal.js.map +1 -0
- package/dist/MoreDropdown.cjs.js +4 -1
- package/dist/MoreDropdown.cjs.js.map +1 -1
- package/dist/MoreDropdown.js +4 -1
- package/dist/MoreDropdown.js.map +1 -1
- package/package.json +1 -1
- package/src/translations/en.json +3 -0
- package/types/ConfirmationModal.d.ts +63 -0
- package/types/MoreDropdown.d.ts +1 -0
package/README.md
CHANGED
|
@@ -55,6 +55,8 @@ https://neeto-molecules.neeto.com/
|
|
|
55
55
|
- [Breadcrumbs](./docs/components.md#Breadcrumbs)
|
|
56
56
|
- [Security](./docs/components.md#Security)
|
|
57
57
|
- [SendToFields](./docs/components.md#SendToFieldsComponent)
|
|
58
|
+
- [ConfirmationModal](./docs/components.md#ConfirmationModal)
|
|
59
|
+
- [MoreDropdown](./docs/components.md#MoreDropdown)
|
|
58
60
|
|
|
59
61
|
## Installation Instructions
|
|
60
62
|
|
|
@@ -0,0 +1,87 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var React = require('react');
|
|
4
|
+
var neetoui = require('@bigbinary/neetoui');
|
|
5
|
+
var formik = require('@bigbinary/neetoui/formik');
|
|
6
|
+
var ramda = require('ramda');
|
|
7
|
+
var i18next = require('i18next');
|
|
8
|
+
var yup = require('yup');
|
|
9
|
+
|
|
10
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
11
|
+
|
|
12
|
+
function _interopNamespace(e) {
|
|
13
|
+
if (e && e.__esModule) return e;
|
|
14
|
+
var n = Object.create(null);
|
|
15
|
+
if (e) {
|
|
16
|
+
Object.keys(e).forEach(function (k) {
|
|
17
|
+
if (k !== 'default') {
|
|
18
|
+
var d = Object.getOwnPropertyDescriptor(e, k);
|
|
19
|
+
Object.defineProperty(n, k, d.get ? d : {
|
|
20
|
+
enumerable: true,
|
|
21
|
+
get: function () { return e[k]; }
|
|
22
|
+
});
|
|
23
|
+
}
|
|
24
|
+
});
|
|
25
|
+
}
|
|
26
|
+
n["default"] = e;
|
|
27
|
+
return Object.freeze(n);
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
31
|
+
var yup__namespace = /*#__PURE__*/_interopNamespace(yup);
|
|
32
|
+
|
|
33
|
+
var INITIAL_VALUES = {
|
|
34
|
+
confirmationText: ""
|
|
35
|
+
};
|
|
36
|
+
|
|
37
|
+
var deletionValidationSchema = function deletionValidationSchema(confirmationText) {
|
|
38
|
+
var errorMessage = i18next.t("neetoMolecules.confirmationModal.required", {
|
|
39
|
+
confirmationText: confirmationText
|
|
40
|
+
});
|
|
41
|
+
return yup__namespace.object({
|
|
42
|
+
confirmationText: yup__namespace.string().required(errorMessage).oneOf([confirmationText], errorMessage)
|
|
43
|
+
});
|
|
44
|
+
};
|
|
45
|
+
|
|
46
|
+
var ConfirmationModal = function ConfirmationModal(_ref) {
|
|
47
|
+
var buttonLabel = _ref.buttonLabel,
|
|
48
|
+
confirmationText = _ref.confirmationText,
|
|
49
|
+
_ref$description = _ref.description,
|
|
50
|
+
description = _ref$description === void 0 ? "" : _ref$description,
|
|
51
|
+
_ref$isOpen = _ref.isOpen,
|
|
52
|
+
isOpen = _ref$isOpen === void 0 ? true : _ref$isOpen,
|
|
53
|
+
_ref$isSubmitting = _ref.isSubmitting,
|
|
54
|
+
isSubmitting = _ref$isSubmitting === void 0 ? false : _ref$isSubmitting,
|
|
55
|
+
_ref$title = _ref.title,
|
|
56
|
+
title = _ref$title === void 0 ? "" : _ref$title,
|
|
57
|
+
onClose = _ref.onClose,
|
|
58
|
+
onSubmit = _ref.onSubmit;
|
|
59
|
+
var formikProps = {
|
|
60
|
+
initialValues: INITIAL_VALUES,
|
|
61
|
+
validationSchema: deletionValidationSchema(confirmationText),
|
|
62
|
+
onSubmit: onSubmit
|
|
63
|
+
};
|
|
64
|
+
return /*#__PURE__*/React__default["default"].createElement(neetoui.Modal, {
|
|
65
|
+
isOpen: isOpen,
|
|
66
|
+
onClose: onClose,
|
|
67
|
+
"data-testid": "confirmation-modal"
|
|
68
|
+
}, /*#__PURE__*/React__default["default"].createElement(neetoui.Modal.Header, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
|
|
69
|
+
style: "h2"
|
|
70
|
+
}, title)), /*#__PURE__*/React__default["default"].createElement(neetoui.Modal.Body, {
|
|
71
|
+
className: "space-y-4"
|
|
72
|
+
}, ramda.type(description) === "String" ? /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, null, description) : description, /*#__PURE__*/React__default["default"].createElement(formik.Form, {
|
|
73
|
+
className: "flex items-start space-x-1",
|
|
74
|
+
formikProps: formikProps
|
|
75
|
+
}, /*#__PURE__*/React__default["default"].createElement(formik.Input, {
|
|
76
|
+
className: "flex-auto",
|
|
77
|
+
"data-testid": "confirmation-modal-input",
|
|
78
|
+
name: "confirmationText"
|
|
79
|
+
}), /*#__PURE__*/React__default["default"].createElement(formik.Button, {
|
|
80
|
+
label: buttonLabel,
|
|
81
|
+
loading: isSubmitting,
|
|
82
|
+
style: "danger"
|
|
83
|
+
}))));
|
|
84
|
+
};
|
|
85
|
+
|
|
86
|
+
module.exports = ConfirmationModal;
|
|
87
|
+
//# sourceMappingURL=ConfirmationModal.cjs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ConfirmationModal.cjs.js","sources":["../src/components/ConfirmationModal/constants.js","../src/components/ConfirmationModal/utils.js","../src/components/ConfirmationModal/index.jsx"],"sourcesContent":["export const INITIAL_VALUES = { confirmationText: \"\" };\n","import { t } from \"i18next\";\nimport * as yup from \"yup\";\n\nexport const deletionValidationSchema = confirmationText => {\n const errorMessage = t(\"neetoMolecules.confirmationModal.required\", {\n confirmationText,\n });\n\n return yup.object({\n confirmationText: yup\n .string()\n .required(errorMessage)\n .oneOf([confirmationText], errorMessage),\n });\n};\n","import React from \"react\";\n\nimport { Modal, Typography } from \"neetoui\";\nimport { Button, Form, Input } from \"neetoui/formik\";\nimport PropTypes from \"prop-types\";\nimport { type } from \"ramda\";\n\nimport { INITIAL_VALUES } from \"./constants\";\nimport { deletionValidationSchema } from \"./utils\";\n\nconst ConfirmationModal = ({\n buttonLabel,\n confirmationText,\n description = \"\",\n isOpen = true,\n isSubmitting = false,\n title = \"\",\n onClose,\n onSubmit,\n}) => {\n const formikProps = {\n initialValues: INITIAL_VALUES,\n validationSchema: deletionValidationSchema(confirmationText),\n onSubmit,\n };\n\n return (\n <Modal {...{ isOpen, onClose }} data-testid=\"confirmation-modal\">\n <Modal.Header>\n <Typography style=\"h2\">{title}</Typography>\n </Modal.Header>\n <Modal.Body className=\"space-y-4\">\n {type(description) === \"String\" ? (\n <Typography>{description}</Typography>\n ) : (\n description\n )}\n <Form className=\"flex items-start space-x-1\" {...{ formikProps }}>\n <Input\n className=\"flex-auto\"\n data-testid=\"confirmation-modal-input\"\n name=\"confirmationText\"\n />\n <Button label={buttonLabel} loading={isSubmitting} style=\"danger\" />\n </Form>\n </Modal.Body>\n </Modal>\n );\n};\n\nConfirmationModal.propTypes = {\n /**\n * Label of the action button in the Modal\n */\n buttonLabel: PropTypes.string,\n /**\n * Text that is expected to be entered by the user\n */\n confirmationText: PropTypes.string,\n /**\n * Modal description\n */\n description: PropTypes.oneOfType([\n PropTypes.arrayOf(PropTypes.node),\n PropTypes.node,\n PropTypes.string,\n ]),\n /**\n * To be passed to loading prop of the action button\n */\n isSubmitting: PropTypes.bool,\n /**\n * To specify whether the modal should be opened or closed.\n */\n isOpen: PropTypes.bool,\n /**\n * Title of the modal\n */\n title: PropTypes.string,\n /**\n * Handler function that is invoked when the close button is clicked\n */\n onClose: PropTypes.func,\n /**\n * Handler function that is invoked when the action button is clicked\n */\n onSubmit: PropTypes.func,\n};\n\nexport default ConfirmationModal;\n"],"names":["INITIAL_VALUES","confirmationText","deletionValidationSchema","errorMessage","t","yup","object","string","required","oneOf","ConfirmationModal","_ref","buttonLabel","_ref$description","description","_ref$isOpen","isOpen","_ref$isSubmitting","isSubmitting","_ref$title","title","onClose","onSubmit","formikProps","initialValues","validationSchema","React","createElement","Modal","Header","Typography","style","Body","className","type","Form","Input","name","Button","label","loading"],"mappings":"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"}
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Modal, Typography } from '@bigbinary/neetoui';
|
|
3
|
+
import { Form, Input, Button } from '@bigbinary/neetoui/formik';
|
|
4
|
+
import { type } from 'ramda';
|
|
5
|
+
import { t } from 'i18next';
|
|
6
|
+
import * as yup from 'yup';
|
|
7
|
+
|
|
8
|
+
var INITIAL_VALUES = {
|
|
9
|
+
confirmationText: ""
|
|
10
|
+
};
|
|
11
|
+
|
|
12
|
+
var deletionValidationSchema = function deletionValidationSchema(confirmationText) {
|
|
13
|
+
var errorMessage = t("neetoMolecules.confirmationModal.required", {
|
|
14
|
+
confirmationText: confirmationText
|
|
15
|
+
});
|
|
16
|
+
return yup.object({
|
|
17
|
+
confirmationText: yup.string().required(errorMessage).oneOf([confirmationText], errorMessage)
|
|
18
|
+
});
|
|
19
|
+
};
|
|
20
|
+
|
|
21
|
+
var ConfirmationModal = function ConfirmationModal(_ref) {
|
|
22
|
+
var buttonLabel = _ref.buttonLabel,
|
|
23
|
+
confirmationText = _ref.confirmationText,
|
|
24
|
+
_ref$description = _ref.description,
|
|
25
|
+
description = _ref$description === void 0 ? "" : _ref$description,
|
|
26
|
+
_ref$isOpen = _ref.isOpen,
|
|
27
|
+
isOpen = _ref$isOpen === void 0 ? true : _ref$isOpen,
|
|
28
|
+
_ref$isSubmitting = _ref.isSubmitting,
|
|
29
|
+
isSubmitting = _ref$isSubmitting === void 0 ? false : _ref$isSubmitting,
|
|
30
|
+
_ref$title = _ref.title,
|
|
31
|
+
title = _ref$title === void 0 ? "" : _ref$title,
|
|
32
|
+
onClose = _ref.onClose,
|
|
33
|
+
onSubmit = _ref.onSubmit;
|
|
34
|
+
var formikProps = {
|
|
35
|
+
initialValues: INITIAL_VALUES,
|
|
36
|
+
validationSchema: deletionValidationSchema(confirmationText),
|
|
37
|
+
onSubmit: onSubmit
|
|
38
|
+
};
|
|
39
|
+
return /*#__PURE__*/React.createElement(Modal, {
|
|
40
|
+
isOpen: isOpen,
|
|
41
|
+
onClose: onClose,
|
|
42
|
+
"data-testid": "confirmation-modal"
|
|
43
|
+
}, /*#__PURE__*/React.createElement(Modal.Header, null, /*#__PURE__*/React.createElement(Typography, {
|
|
44
|
+
style: "h2"
|
|
45
|
+
}, title)), /*#__PURE__*/React.createElement(Modal.Body, {
|
|
46
|
+
className: "space-y-4"
|
|
47
|
+
}, type(description) === "String" ? /*#__PURE__*/React.createElement(Typography, null, description) : description, /*#__PURE__*/React.createElement(Form, {
|
|
48
|
+
className: "flex items-start space-x-1",
|
|
49
|
+
formikProps: formikProps
|
|
50
|
+
}, /*#__PURE__*/React.createElement(Input, {
|
|
51
|
+
className: "flex-auto",
|
|
52
|
+
"data-testid": "confirmation-modal-input",
|
|
53
|
+
name: "confirmationText"
|
|
54
|
+
}), /*#__PURE__*/React.createElement(Button, {
|
|
55
|
+
label: buttonLabel,
|
|
56
|
+
loading: isSubmitting,
|
|
57
|
+
style: "danger"
|
|
58
|
+
}))));
|
|
59
|
+
};
|
|
60
|
+
|
|
61
|
+
export { ConfirmationModal as default };
|
|
62
|
+
//# sourceMappingURL=ConfirmationModal.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ConfirmationModal.js","sources":["../src/components/ConfirmationModal/constants.js","../src/components/ConfirmationModal/utils.js","../src/components/ConfirmationModal/index.jsx"],"sourcesContent":["export const INITIAL_VALUES = { confirmationText: \"\" };\n","import { t } from \"i18next\";\nimport * as yup from \"yup\";\n\nexport const deletionValidationSchema = confirmationText => {\n const errorMessage = t(\"neetoMolecules.confirmationModal.required\", {\n confirmationText,\n });\n\n return yup.object({\n confirmationText: yup\n .string()\n .required(errorMessage)\n .oneOf([confirmationText], errorMessage),\n });\n};\n","import React from \"react\";\n\nimport { Modal, Typography } from \"neetoui\";\nimport { Button, Form, Input } from \"neetoui/formik\";\nimport PropTypes from \"prop-types\";\nimport { type } from \"ramda\";\n\nimport { INITIAL_VALUES } from \"./constants\";\nimport { deletionValidationSchema } from \"./utils\";\n\nconst ConfirmationModal = ({\n buttonLabel,\n confirmationText,\n description = \"\",\n isOpen = true,\n isSubmitting = false,\n title = \"\",\n onClose,\n onSubmit,\n}) => {\n const formikProps = {\n initialValues: INITIAL_VALUES,\n validationSchema: deletionValidationSchema(confirmationText),\n onSubmit,\n };\n\n return (\n <Modal {...{ isOpen, onClose }} data-testid=\"confirmation-modal\">\n <Modal.Header>\n <Typography style=\"h2\">{title}</Typography>\n </Modal.Header>\n <Modal.Body className=\"space-y-4\">\n {type(description) === \"String\" ? (\n <Typography>{description}</Typography>\n ) : (\n description\n )}\n <Form className=\"flex items-start space-x-1\" {...{ formikProps }}>\n <Input\n className=\"flex-auto\"\n data-testid=\"confirmation-modal-input\"\n name=\"confirmationText\"\n />\n <Button label={buttonLabel} loading={isSubmitting} style=\"danger\" />\n </Form>\n </Modal.Body>\n </Modal>\n );\n};\n\nConfirmationModal.propTypes = {\n /**\n * Label of the action button in the Modal\n */\n buttonLabel: PropTypes.string,\n /**\n * Text that is expected to be entered by the user\n */\n confirmationText: PropTypes.string,\n /**\n * Modal description\n */\n description: PropTypes.oneOfType([\n PropTypes.arrayOf(PropTypes.node),\n PropTypes.node,\n PropTypes.string,\n ]),\n /**\n * To be passed to loading prop of the action button\n */\n isSubmitting: PropTypes.bool,\n /**\n * To specify whether the modal should be opened or closed.\n */\n isOpen: PropTypes.bool,\n /**\n * Title of the modal\n */\n title: PropTypes.string,\n /**\n * Handler function that is invoked when the close button is clicked\n */\n onClose: PropTypes.func,\n /**\n * Handler function that is invoked when the action button is clicked\n */\n onSubmit: PropTypes.func,\n};\n\nexport default ConfirmationModal;\n"],"names":["INITIAL_VALUES","confirmationText","deletionValidationSchema","errorMessage","t","yup","object","string","required","oneOf","ConfirmationModal","_ref","buttonLabel","_ref$description","description","_ref$isOpen","isOpen","_ref$isSubmitting","isSubmitting","_ref$title","title","onClose","onSubmit","formikProps","initialValues","validationSchema","React","createElement","Modal","Header","Typography","style","Body","className","type","Form","Input","name","Button","label","loading"],"mappings":"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"}
|
package/dist/MoreDropdown.cjs.js
CHANGED
|
@@ -103,7 +103,7 @@ var DEFAULT_TOOLTIP_PROPS = {
|
|
|
103
103
|
position: "bottom"
|
|
104
104
|
};
|
|
105
105
|
|
|
106
|
-
var _excluded = ["key", "onClick", "label", "type"];
|
|
106
|
+
var _excluded = ["key", "onClick", "label", "type", "isVisible"];
|
|
107
107
|
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; }
|
|
108
108
|
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; }
|
|
109
109
|
var Menu = neetoui.Dropdown.Menu,
|
|
@@ -150,7 +150,10 @@ var MoreDropdown = function MoreDropdown(_ref) {
|
|
|
150
150
|
label = _ref2.label,
|
|
151
151
|
_ref2$type = _ref2.type,
|
|
152
152
|
type = _ref2$type === void 0 ? MENU_ITEM_TYPES.menuItem : _ref2$type,
|
|
153
|
+
_ref2$isVisible = _ref2.isVisible,
|
|
154
|
+
isVisible = _ref2$isVisible === void 0 ? true : _ref2$isVisible,
|
|
153
155
|
menuItemProps = _objectWithoutProperties(_ref2, _excluded);
|
|
156
|
+
if (!isVisible) return null;
|
|
154
157
|
return type === MENU_ITEM_TYPES.menuItem ? /*#__PURE__*/React__default["default"].createElement(MenuItem.Button, _extends({
|
|
155
158
|
key: key
|
|
156
159
|
}, _objectSpread({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MoreDropdown.cjs.js","sources":["../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","../node_modules/@babel/runtime/helpers/esm/extends.js","../src/components/MoreDropdown/constants.js","../src/components/MoreDropdown/index.jsx"],"sourcesContent":["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 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 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\nexport const DEFAULT_TOOLTIP_PROPS = {\n disabled: true,\n position: \"bottom\",\n};\n","import React from \"react\";\n\nimport { MenuHorizontal, MenuVertical } from \"neetoicons\";\nimport { Button, Dropdown, Tooltip } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { mergeRight } from \"ramda\";\n\nimport {\n BUTTON_STYLES,\n DEFAULT_TOOLTIP_PROPS,\n MENU_ITEM_TYPES,\n SIZES,\n STRATEGY,\n} 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 const tooltipProps = mergeRight(\n DEFAULT_TOOLTIP_PROPS,\n dropdownButtonProps.tooltipProps\n );\n\n const targetIcon = isVertical ? MenuVertical : MenuHorizontal;\n\n const isDropdownDisabled = isDisabled || dropdownProps.disabled;\n if (isDropdownDisabled && !tooltipProps.disabled) {\n return (\n <Tooltip {...tooltipProps}>\n <span>\n <Button\n disabled\n data-testid=\"nui-dropdown-button\"\n icon={targetIcon}\n iconPosition=\"right\"\n size=\"medium\"\n style=\"text\"\n {...dropdownButtonProps}\n />\n </span>\n </Tooltip>\n );\n }\n\n return (\n <Dropdown\n autoWidth\n className=\"flex\"\n disabled={isDisabled}\n icon={targetIcon}\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};\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","DEFAULT_TOOLTIP_PROPS","disabled","position","Menu","Dropdown","MenuItem","Divider","MoreDropdown","_ref","_ref$dropdownButtonPr","dropdownButtonProps","_ref$isVertical","isVertical","_ref$isDisabled","isDisabled","_ref$dropdownProps","dropdownProps","menuTopChildren","menuBottomChildren","_ref$menuItems","menuItems","tooltipProps","mergeRight","targetIcon","MenuVertical","MenuHorizontal","isDropdownDisabled","React","createElement","Tooltip","Button","_extends","icon","iconPosition","size","style","autoWidth","className","buttonProps","_objectSpread","map","_ref2","key","onClick","label","_ref2$type","type","menuItemProps","_objectWithoutProperties","_excluded"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"MoreDropdown.cjs.js","sources":["../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","../node_modules/@babel/runtime/helpers/esm/extends.js","../src/components/MoreDropdown/constants.js","../src/components/MoreDropdown/index.jsx"],"sourcesContent":["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 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 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\nexport const DEFAULT_TOOLTIP_PROPS = {\n disabled: true,\n position: \"bottom\",\n};\n","import React from \"react\";\n\nimport { MenuHorizontal, MenuVertical } from \"neetoicons\";\nimport { Button, Dropdown, Tooltip } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { mergeRight } from \"ramda\";\n\nimport {\n BUTTON_STYLES,\n DEFAULT_TOOLTIP_PROPS,\n MENU_ITEM_TYPES,\n SIZES,\n STRATEGY,\n} 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 const tooltipProps = mergeRight(\n DEFAULT_TOOLTIP_PROPS,\n dropdownButtonProps.tooltipProps\n );\n\n const targetIcon = isVertical ? MenuVertical : MenuHorizontal;\n\n const isDropdownDisabled = isDisabled || dropdownProps.disabled;\n if (isDropdownDisabled && !tooltipProps.disabled) {\n return (\n <Tooltip {...tooltipProps}>\n <span>\n <Button\n disabled\n data-testid=\"nui-dropdown-button\"\n icon={targetIcon}\n iconPosition=\"right\"\n size=\"medium\"\n style=\"text\"\n {...dropdownButtonProps}\n />\n </span>\n </Tooltip>\n );\n }\n\n return (\n <Dropdown\n autoWidth\n className=\"flex\"\n disabled={isDisabled}\n icon={targetIcon}\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 isVisible = true,\n ...menuItemProps\n }) => {\n if (!isVisible) return null;\n\n return 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 )}\n {menuBottomChildren}\n </Menu>\n </Dropdown>\n );\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 isVisible: PropTypes.bool,\n })\n ),\n};\n\nexport default MoreDropdown;\n"],"names":["objectWithoutPropertiesLoose","toPrimitive","toPropertyKey","MENU_ITEM_TYPES","menuItem","divider","DEFAULT_TOOLTIP_PROPS","disabled","position","Menu","Dropdown","MenuItem","Divider","MoreDropdown","_ref","_ref$dropdownButtonPr","dropdownButtonProps","_ref$isVertical","isVertical","_ref$isDisabled","isDisabled","_ref$dropdownProps","dropdownProps","menuTopChildren","menuBottomChildren","_ref$menuItems","menuItems","tooltipProps","mergeRight","targetIcon","MenuVertical","MenuHorizontal","isDropdownDisabled","React","createElement","Tooltip","Button","_extends","icon","iconPosition","size","style","autoWidth","className","buttonProps","_objectSpread","map","_ref2","key","onClick","label","_ref2$type","type","_ref2$isVisible","isVisible","menuItemProps","_objectWithoutProperties","_excluded"],"mappings":"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"}
|
package/dist/MoreDropdown.js
CHANGED
|
@@ -97,7 +97,7 @@ var DEFAULT_TOOLTIP_PROPS = {
|
|
|
97
97
|
position: "bottom"
|
|
98
98
|
};
|
|
99
99
|
|
|
100
|
-
var _excluded = ["key", "onClick", "label", "type"];
|
|
100
|
+
var _excluded = ["key", "onClick", "label", "type", "isVisible"];
|
|
101
101
|
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; }
|
|
102
102
|
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; }
|
|
103
103
|
var Menu = Dropdown.Menu,
|
|
@@ -144,7 +144,10 @@ var MoreDropdown = function MoreDropdown(_ref) {
|
|
|
144
144
|
label = _ref2.label,
|
|
145
145
|
_ref2$type = _ref2.type,
|
|
146
146
|
type = _ref2$type === void 0 ? MENU_ITEM_TYPES.menuItem : _ref2$type,
|
|
147
|
+
_ref2$isVisible = _ref2.isVisible,
|
|
148
|
+
isVisible = _ref2$isVisible === void 0 ? true : _ref2$isVisible,
|
|
147
149
|
menuItemProps = _objectWithoutProperties(_ref2, _excluded);
|
|
150
|
+
if (!isVisible) return null;
|
|
148
151
|
return type === MENU_ITEM_TYPES.menuItem ? /*#__PURE__*/React.createElement(MenuItem.Button, _extends({
|
|
149
152
|
key: key
|
|
150
153
|
}, _objectSpread({
|
package/dist/MoreDropdown.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MoreDropdown.js","sources":["../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","../node_modules/@babel/runtime/helpers/esm/extends.js","../src/components/MoreDropdown/constants.js","../src/components/MoreDropdown/index.jsx"],"sourcesContent":["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 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 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\nexport const DEFAULT_TOOLTIP_PROPS = {\n disabled: true,\n position: \"bottom\",\n};\n","import React from \"react\";\n\nimport { MenuHorizontal, MenuVertical } from \"neetoicons\";\nimport { Button, Dropdown, Tooltip } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { mergeRight } from \"ramda\";\n\nimport {\n BUTTON_STYLES,\n DEFAULT_TOOLTIP_PROPS,\n MENU_ITEM_TYPES,\n SIZES,\n STRATEGY,\n} 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 const tooltipProps = mergeRight(\n DEFAULT_TOOLTIP_PROPS,\n dropdownButtonProps.tooltipProps\n );\n\n const targetIcon = isVertical ? MenuVertical : MenuHorizontal;\n\n const isDropdownDisabled = isDisabled || dropdownProps.disabled;\n if (isDropdownDisabled && !tooltipProps.disabled) {\n return (\n <Tooltip {...tooltipProps}>\n <span>\n <Button\n disabled\n data-testid=\"nui-dropdown-button\"\n icon={targetIcon}\n iconPosition=\"right\"\n size=\"medium\"\n style=\"text\"\n {...dropdownButtonProps}\n />\n </span>\n </Tooltip>\n );\n }\n\n return (\n <Dropdown\n autoWidth\n className=\"flex\"\n disabled={isDisabled}\n icon={targetIcon}\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};\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","DEFAULT_TOOLTIP_PROPS","disabled","position","Menu","Dropdown","MenuItem","Divider","MoreDropdown","_ref","_ref$dropdownButtonPr","dropdownButtonProps","_ref$isVertical","isVertical","_ref$isDisabled","isDisabled","_ref$dropdownProps","dropdownProps","menuTopChildren","menuBottomChildren","_ref$menuItems","menuItems","tooltipProps","mergeRight","targetIcon","MenuVertical","MenuHorizontal","isDropdownDisabled","React","createElement","Tooltip","Button","_extends","icon","iconPosition","size","style","autoWidth","className","buttonProps","_objectSpread","map","_ref2","key","onClick","label","_ref2$type","type","menuItemProps","_objectWithoutProperties","_excluded"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"MoreDropdown.js","sources":["../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","../node_modules/@babel/runtime/helpers/esm/extends.js","../src/components/MoreDropdown/constants.js","../src/components/MoreDropdown/index.jsx"],"sourcesContent":["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 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 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\nexport const DEFAULT_TOOLTIP_PROPS = {\n disabled: true,\n position: \"bottom\",\n};\n","import React from \"react\";\n\nimport { MenuHorizontal, MenuVertical } from \"neetoicons\";\nimport { Button, Dropdown, Tooltip } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { mergeRight } from \"ramda\";\n\nimport {\n BUTTON_STYLES,\n DEFAULT_TOOLTIP_PROPS,\n MENU_ITEM_TYPES,\n SIZES,\n STRATEGY,\n} 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 const tooltipProps = mergeRight(\n DEFAULT_TOOLTIP_PROPS,\n dropdownButtonProps.tooltipProps\n );\n\n const targetIcon = isVertical ? MenuVertical : MenuHorizontal;\n\n const isDropdownDisabled = isDisabled || dropdownProps.disabled;\n if (isDropdownDisabled && !tooltipProps.disabled) {\n return (\n <Tooltip {...tooltipProps}>\n <span>\n <Button\n disabled\n data-testid=\"nui-dropdown-button\"\n icon={targetIcon}\n iconPosition=\"right\"\n size=\"medium\"\n style=\"text\"\n {...dropdownButtonProps}\n />\n </span>\n </Tooltip>\n );\n }\n\n return (\n <Dropdown\n autoWidth\n className=\"flex\"\n disabled={isDisabled}\n icon={targetIcon}\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 isVisible = true,\n ...menuItemProps\n }) => {\n if (!isVisible) return null;\n\n return 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 )}\n {menuBottomChildren}\n </Menu>\n </Dropdown>\n );\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 isVisible: PropTypes.bool,\n })\n ),\n};\n\nexport default MoreDropdown;\n"],"names":["objectWithoutPropertiesLoose","toPrimitive","toPropertyKey","MENU_ITEM_TYPES","menuItem","divider","DEFAULT_TOOLTIP_PROPS","disabled","position","Menu","Dropdown","MenuItem","Divider","MoreDropdown","_ref","_ref$dropdownButtonPr","dropdownButtonProps","_ref$isVertical","isVertical","_ref$isDisabled","isDisabled","_ref$dropdownProps","dropdownProps","menuTopChildren","menuBottomChildren","_ref$menuItems","menuItems","tooltipProps","mergeRight","targetIcon","MenuVertical","MenuHorizontal","isDropdownDisabled","React","createElement","Tooltip","Button","_extends","icon","iconPosition","size","style","autoWidth","className","buttonProps","_objectSpread","map","_ref2","key","onClick","label","_ref2$type","type","_ref2$isVisible","isVisible","menuItemProps","_objectWithoutProperties","_excluded"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@bigbinary/neeto-molecules",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.6",
|
|
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>",
|
package/src/translations/en.json
CHANGED
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
/**
|
|
3
|
+
*
|
|
4
|
+
* When users have to delete an entity that is integral to the app, it is
|
|
5
|
+
*
|
|
6
|
+
* considered a best practice to add an extra step to confirm if they want to
|
|
7
|
+
*
|
|
8
|
+
* delete the entity. This modal contains an input field where you can ask the user
|
|
9
|
+
*
|
|
10
|
+
* to enter something in order to confirm if they want to delete that component. It
|
|
11
|
+
*
|
|
12
|
+
* can also be used to stress on the fact that the deletion is irreversible. This
|
|
13
|
+
*
|
|
14
|
+
* modal can be used for any other operations apart from deletion. You can see a
|
|
15
|
+
*
|
|
16
|
+
* similar modal being used by GitHub when you delete a repository. GitHub asks you
|
|
17
|
+
*
|
|
18
|
+
* to confirm the deletion by prompting you to enter the name of the repository in
|
|
19
|
+
*
|
|
20
|
+
* an input field.
|
|
21
|
+
*
|
|
22
|
+
* @example
|
|
23
|
+
*
|
|
24
|
+
* import React from "react";
|
|
25
|
+
* import ConfirmationModal from "@bigbinary/neeto-molecules/ConfirmationModal";
|
|
26
|
+
*
|
|
27
|
+
* import { deleteProject } from "apis/projectApi.js";
|
|
28
|
+
*
|
|
29
|
+
* const SendToFieldsComponent = ({ project }) => {
|
|
30
|
+
* const [isDeleting, setIsDeleting] = useState(false);
|
|
31
|
+
* const [showModal, setShowModal] = useState(false);
|
|
32
|
+
*
|
|
33
|
+
* return (
|
|
34
|
+
* <ConfirmationModal
|
|
35
|
+
* buttonLabel="Delete Project"
|
|
36
|
+
* confirmationText={project.name}
|
|
37
|
+
* description="Once the project is deleted it cannot be restored. If you want to proceed, enter the name of the project below"
|
|
38
|
+
* isOpen={showModal}
|
|
39
|
+
* isSubmitting={isDeleting}
|
|
40
|
+
* title="Confirm project deletion"
|
|
41
|
+
* onClose={() => setShowModal(false)}
|
|
42
|
+
* onSubmit={async () => {
|
|
43
|
+
* setIsDeleting(true);
|
|
44
|
+
* await deleteProject(project.name);
|
|
45
|
+
* setShowModal(false);
|
|
46
|
+
* setIsDeleting(false);
|
|
47
|
+
* }}
|
|
48
|
+
* />
|
|
49
|
+
* );
|
|
50
|
+
* };
|
|
51
|
+
* @endexample
|
|
52
|
+
*/
|
|
53
|
+
const ConfirmationModal: React.FC<{
|
|
54
|
+
buttonLabel: string;
|
|
55
|
+
confirmationText: string;
|
|
56
|
+
description?: React.ReactNode | React.ReactNode[] | string;
|
|
57
|
+
isOpen?: boolean;
|
|
58
|
+
isSubmitting?: boolean;
|
|
59
|
+
title?: string;
|
|
60
|
+
onClose: Function;
|
|
61
|
+
onSubmit: Function;
|
|
62
|
+
}>;
|
|
63
|
+
export default ConfirmationModal;
|