@bigbinary/neetoui 8.3.76 → 8.3.77
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 +0 -1
- package/dist/Alert.js +1 -1
- package/dist/DatePicker.js +2 -2
- package/dist/Modal.js +1 -1
- package/dist/MultiEmailInput.js +1 -1
- package/dist/NoData.js +1 -1
- package/dist/Pane.js +1 -1
- package/dist/{Portal-BaWO-CyE.js → Portal-qx5uRFGk.js} +2 -2
- package/dist/{Portal-BaWO-CyE.js.map → Portal-qx5uRFGk.js.map} +1 -1
- package/dist/Select.js +1 -1
- package/dist/Slider.js +1 -1
- package/dist/Table.js +2 -2
- package/dist/TimePicker.js +2 -2
- package/dist/cjs/Accordion.js +24 -15
- package/dist/cjs/Accordion.js.map +1 -1
- package/dist/cjs/ActionDropdown.js +12 -6
- package/dist/cjs/ActionDropdown.js.map +1 -1
- package/dist/cjs/Alert.js +11 -6
- package/dist/cjs/Alert.js.map +1 -1
- package/dist/cjs/Avatar.js +17 -9
- package/dist/cjs/Avatar.js.map +1 -1
- package/dist/cjs/Button.js +15 -8
- package/dist/cjs/Button.js.map +1 -1
- package/dist/cjs/Callout.js +9 -3
- package/dist/cjs/Callout.js.map +1 -1
- package/dist/cjs/Checkbox.js +12 -6
- package/dist/cjs/Checkbox.js.map +1 -1
- package/dist/cjs/ColorPicker.js +29 -18
- package/dist/cjs/ColorPicker.js.map +1 -1
- package/dist/cjs/DatePicker.js +8 -8
- package/dist/cjs/Dropdown.js +34 -25
- package/dist/cjs/Dropdown.js.map +1 -1
- package/dist/cjs/Input.js +18 -11
- package/dist/cjs/Input.js.map +1 -1
- package/dist/cjs/Kbd.js +11 -5
- package/dist/cjs/Kbd.js.map +1 -1
- package/dist/cjs/Label.js +19 -12
- package/dist/cjs/Label.js.map +1 -1
- package/dist/cjs/Modal.js +23 -14
- package/dist/cjs/Modal.js.map +1 -1
- package/dist/cjs/MultiEmailInput.js +36 -26
- package/dist/cjs/MultiEmailInput.js.map +1 -1
- package/dist/cjs/NoData.js +11 -5
- package/dist/cjs/NoData.js.map +1 -1
- package/dist/cjs/Pagination.js +19 -12
- package/dist/cjs/Pagination.js.map +1 -1
- package/dist/cjs/Pane.js +22 -14
- package/dist/cjs/Pane.js.map +1 -1
- package/dist/cjs/Popover.js +12 -6
- package/dist/cjs/Popover.js.map +1 -1
- package/dist/cjs/{Portal-D3CvlJ0g.js → Portal-nCvANFeL.js} +30 -19
- package/dist/cjs/{Portal-D3CvlJ0g.js.map → Portal-nCvANFeL.js.map} +1 -1
- package/dist/cjs/ProgressBar.js +7 -3
- package/dist/cjs/ProgressBar.js.map +1 -1
- package/dist/cjs/Radio.js +18 -11
- package/dist/cjs/Radio.js.map +1 -1
- package/dist/cjs/Select.js +44 -31
- package/dist/cjs/Select.js.map +1 -1
- package/dist/cjs/Sidebar.js +34 -21
- package/dist/cjs/Sidebar.js.map +1 -1
- package/dist/cjs/Slider.js +14 -7
- package/dist/cjs/Slider.js.map +1 -1
- package/dist/cjs/Spinner.js +5 -1
- package/dist/cjs/Spinner.js.map +1 -1
- package/dist/cjs/Stepper.js +5 -1
- package/dist/cjs/Stepper.js.map +1 -1
- package/dist/cjs/Switch.js +18 -10
- package/dist/cjs/Switch.js.map +1 -1
- package/dist/cjs/Tab.js +14 -7
- package/dist/cjs/Tab.js.map +1 -1
- package/dist/cjs/Table.js +89 -71
- package/dist/cjs/Table.js.map +1 -1
- package/dist/cjs/Tag.js +12 -5
- package/dist/cjs/Tag.js.map +1 -1
- package/dist/cjs/{Textarea-BOi6PJBI.js → Textarea-DxdJutA8.js} +17 -9
- package/dist/cjs/{Textarea-BOi6PJBI.js.map → Textarea-DxdJutA8.js.map} +1 -1
- package/dist/cjs/Textarea.js +4 -4
- package/dist/cjs/TimePicker.js +8 -8
- package/dist/cjs/Toastr.js +29 -17
- package/dist/cjs/Toastr.js.map +1 -1
- package/dist/cjs/Tooltip.js +15 -7
- package/dist/cjs/Tooltip.js.map +1 -1
- package/dist/cjs/TranslationProvider.js +6 -2
- package/dist/cjs/TranslationProvider.js.map +1 -1
- package/dist/cjs/Tree.js +19 -9
- package/dist/cjs/Tree.js.map +1 -1
- package/dist/cjs/TreeSelect.js +20 -11
- package/dist/cjs/TreeSelect.js.map +1 -1
- package/dist/cjs/Typography.js +11 -4
- package/dist/cjs/Typography.js.map +1 -1
- package/dist/cjs/constants.js +17 -7
- package/dist/cjs/constants.js.map +1 -1
- package/dist/cjs/formik/ActionBlock.js +10 -5
- package/dist/cjs/formik/ActionBlock.js.map +1 -1
- package/dist/cjs/formik/BlockNavigation.js +13 -7
- package/dist/cjs/formik/BlockNavigation.js.map +1 -1
- package/dist/cjs/formik/Button.js +9 -4
- package/dist/cjs/formik/Button.js.map +1 -1
- package/dist/cjs/formik/Checkbox.js +10 -5
- package/dist/cjs/formik/Checkbox.js.map +1 -1
- package/dist/cjs/formik/Form.js +17 -8
- package/dist/cjs/formik/Form.js.map +1 -1
- package/dist/cjs/formik/Input.js +10 -5
- package/dist/cjs/formik/Input.js.map +1 -1
- package/dist/cjs/formik/MultiEmailInput.js +13 -7
- package/dist/cjs/formik/MultiEmailInput.js.map +1 -1
- package/dist/cjs/formik/Radio.js +12 -6
- package/dist/cjs/formik/Radio.js.map +1 -1
- package/dist/cjs/formik/Select.js +15 -8
- package/dist/cjs/formik/Select.js.map +1 -1
- package/dist/cjs/formik/Slider.js +12 -6
- package/dist/cjs/formik/Slider.js.map +1 -1
- package/dist/cjs/formik/Switch.js +10 -5
- package/dist/cjs/formik/Switch.js.map +1 -1
- package/dist/cjs/formik/Textarea.js +11 -6
- package/dist/cjs/formik/Textarea.js.map +1 -1
- package/dist/cjs/formik/TreeSelect.js +12 -6
- package/dist/cjs/formik/TreeSelect.js.map +1 -1
- package/dist/cjs/formik/index.js +6 -6
- package/dist/cjs/{index-DPPfjE9r.js → index-BIFpyYcO.js} +69 -45
- package/dist/cjs/{index-DPPfjE9r.js.map → index-BIFpyYcO.js.map} +1 -1
- package/dist/cjs/{index-D0rucYPS.js → index-BgzkP01c.js} +32 -19
- package/dist/cjs/index-BgzkP01c.js.map +1 -0
- package/dist/cjs/{index-DApAqkOe.js → index-CNZKW5X0.js} +13 -6
- package/dist/cjs/{index-DApAqkOe.js.map → index-CNZKW5X0.js.map} +1 -1
- package/dist/cjs/index.js +9 -9
- package/dist/cjs/layouts.js +3 -3
- package/dist/cjs/overlayManager.js +7 -2
- package/dist/cjs/overlayManager.js.map +1 -1
- package/dist/cjs/{react-select-creatable.esm-lcdODVBz.js → react-select-creatable.esm-CYabSQvs.js} +109 -94
- package/dist/cjs/{react-select-creatable.esm-lcdODVBz.js.map → react-select-creatable.esm-CYabSQvs.js.map} +1 -1
- package/dist/cjs/{usePrefersReducedMotion-DIgi-Aj7.js → usePrefersReducedMotion-D2Ck84HM.js} +6 -2
- package/dist/cjs/{usePrefersReducedMotion-DIgi-Aj7.js.map → usePrefersReducedMotion-D2Ck84HM.js.map} +1 -1
- package/dist/cjs/{useQueryParams-BrrbBvY_.js → useQueryParams-BT5EJ1-8.js} +6 -2
- package/dist/cjs/{useQueryParams-BrrbBvY_.js.map → useQueryParams-BT5EJ1-8.js.map} +1 -1
- package/dist/cjs/{useRecentlyUsedColors-Bo6lorBa.js → useRecentlyUsedColors-P_o42kpC.js} +2 -2
- package/dist/cjs/{useRecentlyUsedColors-Bo6lorBa.js.map → useRecentlyUsedColors-P_o42kpC.js.map} +1 -1
- package/dist/formik/BlockNavigation.js +1 -1
- package/dist/formik/MultiEmailInput.js +1 -1
- package/dist/formik/Select.js +2 -2
- package/dist/formik/index.js +2 -2
- package/dist/index.js +2 -2
- package/dist/{react-select-creatable.esm-opiJTCqo.js → react-select-creatable.esm-C-18UhvM.js} +2 -2
- package/dist/{react-select-creatable.esm-opiJTCqo.js.map → react-select-creatable.esm-C-18UhvM.js.map} +1 -1
- package/dist/src/translations/hu.json +8 -8
- package/package.json +1 -1
- package/dist/cjs/index-D0rucYPS.js.map +0 -1
package/dist/cjs/Accordion.js
CHANGED
|
@@ -15,9 +15,9 @@ require('@babel/runtime/helpers/classCallCheck');
|
|
|
15
15
|
require('@babel/runtime/helpers/createClass');
|
|
16
16
|
require('@bigbinary/neeto-cist');
|
|
17
17
|
require('qs');
|
|
18
|
-
require('./index-
|
|
18
|
+
require('./index-BgzkP01c.js');
|
|
19
19
|
require('i18next');
|
|
20
|
-
var usePrefersReducedMotion = require('./usePrefersReducedMotion-
|
|
20
|
+
var usePrefersReducedMotion = require('./usePrefersReducedMotion-D2Ck84HM.js');
|
|
21
21
|
var jsxRuntime = require('react/jsx-runtime');
|
|
22
22
|
require('@babel/runtime/helpers/toConsumableArray');
|
|
23
23
|
require('dayjs');
|
|
@@ -26,16 +26,25 @@ require('dayjs/plugin/utc');
|
|
|
26
26
|
require('dayjs/plugin/weekday');
|
|
27
27
|
require('dayjs/plugin/weekOfYear');
|
|
28
28
|
|
|
29
|
+
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
30
|
+
|
|
31
|
+
var _defineProperty__default = /*#__PURE__*/_interopDefault(_defineProperty);
|
|
32
|
+
var _slicedToArray__default = /*#__PURE__*/_interopDefault(_slicedToArray);
|
|
33
|
+
var _objectWithoutProperties__default = /*#__PURE__*/_interopDefault(_objectWithoutProperties);
|
|
34
|
+
var React__default = /*#__PURE__*/_interopDefault(React);
|
|
35
|
+
var classnames__default = /*#__PURE__*/_interopDefault(classnames);
|
|
36
|
+
var Right__default = /*#__PURE__*/_interopDefault(Right);
|
|
37
|
+
|
|
29
38
|
var _excluded$1 = ["open", "children", "className"];
|
|
30
39
|
function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
31
|
-
function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), true).forEach(function (r) {
|
|
40
|
+
function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), true).forEach(function (r) { _defineProperty__default.default(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
32
41
|
var Collapse = function Collapse(_ref) {
|
|
33
42
|
var _ref$open = _ref.open,
|
|
34
43
|
open = _ref$open === void 0 ? false : _ref$open,
|
|
35
44
|
children = _ref.children,
|
|
36
45
|
_ref$className = _ref.className,
|
|
37
46
|
className = _ref$className === void 0 ? "" : _ref$className,
|
|
38
|
-
otherProps =
|
|
47
|
+
otherProps = _objectWithoutProperties__default.default(_ref, _excluded$1);
|
|
39
48
|
var prefersReducedMotion = usePrefersReducedMotion.usePrefersReducedMotion();
|
|
40
49
|
return /*#__PURE__*/jsxRuntime.jsx(framerMotion.AnimatePresence, {
|
|
41
50
|
children: open && /*#__PURE__*/jsxRuntime.jsx(framerMotion.motion.div, _objectSpread$2(_objectSpread$2({
|
|
@@ -65,7 +74,7 @@ var Collapse = function Collapse(_ref) {
|
|
|
65
74
|
};
|
|
66
75
|
|
|
67
76
|
function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
68
|
-
function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), true).forEach(function (r) {
|
|
77
|
+
function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), true).forEach(function (r) { _defineProperty__default.default(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
69
78
|
var Item = function Item(_ref) {
|
|
70
79
|
var id = _ref.id,
|
|
71
80
|
_ref$title = _ref.title,
|
|
@@ -94,7 +103,7 @@ var Item = function Item(_ref) {
|
|
|
94
103
|
}
|
|
95
104
|
};
|
|
96
105
|
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
97
|
-
className:
|
|
106
|
+
className: classnames__default.default("neeto-ui-accordion__wrapper", _defineProperty__default.default({}, className, className)),
|
|
98
107
|
children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
99
108
|
onClick: onClick,
|
|
100
109
|
onKeyDown: onKeyDown,
|
|
@@ -103,7 +112,7 @@ var Item = function Item(_ref) {
|
|
|
103
112
|
id: "neeto-ui-accordion-item-".concat(id),
|
|
104
113
|
role: "button",
|
|
105
114
|
tabIndex: 0,
|
|
106
|
-
className:
|
|
115
|
+
className: classnames__default.default("neeto-ui-accordion__item neeto-ui-flex neeto-ui-justify-between neeto-ui-items-center", {
|
|
107
116
|
"neeto-ui-accordion__item--open": isOpen
|
|
108
117
|
}),
|
|
109
118
|
children: [/*#__PURE__*/jsxRuntime.jsx("div", _objectSpread$1(_objectSpread$1({}, titleProps), {}, {
|
|
@@ -124,7 +133,7 @@ var Item = function Item(_ref) {
|
|
|
124
133
|
rotate: 0
|
|
125
134
|
}
|
|
126
135
|
},
|
|
127
|
-
children: /*#__PURE__*/jsxRuntime.jsx(
|
|
136
|
+
children: /*#__PURE__*/jsxRuntime.jsx(Right__default.default, _objectSpread$1(_objectSpread$1({
|
|
128
137
|
size: 16
|
|
129
138
|
}, iconProps), {}, {
|
|
130
139
|
"aria-hidden": "true"
|
|
@@ -144,7 +153,7 @@ Item.displayName = "Accordion.Item";
|
|
|
144
153
|
|
|
145
154
|
var _excluded = ["children", "defaultActiveKey", "padded", "style", "className"];
|
|
146
155
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
147
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) {
|
|
156
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty__default.default(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
148
157
|
var ACCORDION_STYLES = {
|
|
149
158
|
primary: "primary",
|
|
150
159
|
secondary: "secondary"
|
|
@@ -159,27 +168,27 @@ var Accordion = function Accordion(_ref) {
|
|
|
159
168
|
style = _ref$style === void 0 ? ACCORDION_STYLES.primary : _ref$style,
|
|
160
169
|
_ref$className = _ref.className,
|
|
161
170
|
className = _ref$className === void 0 ? "" : _ref$className,
|
|
162
|
-
otherProps =
|
|
171
|
+
otherProps = _objectWithoutProperties__default.default(_ref, _excluded);
|
|
163
172
|
var _useState = React.useState(defaultActiveKey),
|
|
164
|
-
_useState2 =
|
|
173
|
+
_useState2 = _slicedToArray__default.default(_useState, 2),
|
|
165
174
|
openTab = _useState2[0],
|
|
166
175
|
setOpenTab = _useState2[1];
|
|
167
176
|
React.useEffect(function () {
|
|
168
177
|
setOpenTab(defaultActiveKey);
|
|
169
178
|
}, [defaultActiveKey]);
|
|
170
179
|
return /*#__PURE__*/jsxRuntime.jsx("div", _objectSpread(_objectSpread({
|
|
171
|
-
className:
|
|
180
|
+
className: classnames__default.default("neeto-ui-accordions-outer-wrapper", _defineProperty__default.default({
|
|
172
181
|
"neeto-ui-accordions-outer-wrapper--padded": padded,
|
|
173
182
|
"neeto-ui-accordions-outer-wrapper--secondary": style === ACCORDION_STYLES.secondary
|
|
174
183
|
}, className, className))
|
|
175
184
|
}, otherProps), {}, {
|
|
176
|
-
children:
|
|
185
|
+
children: React__default.default.Children.map(children, function (child, index) {
|
|
177
186
|
var isSingleOrLastChild = ramda.isEmpty(children) || index === children.length - 1;
|
|
178
|
-
return /*#__PURE__*/
|
|
187
|
+
return /*#__PURE__*/React__default.default.cloneElement(child, {
|
|
179
188
|
id: index,
|
|
180
189
|
key: index,
|
|
181
190
|
isOpen: openTab === index,
|
|
182
|
-
className:
|
|
191
|
+
className: classnames__default.default(child.props.className, {
|
|
183
192
|
"neeto-ui-accordion__wrapper--last-item": isSingleOrLastChild
|
|
184
193
|
}),
|
|
185
194
|
onClick: function onClick() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.js","sources":["../../src/components/Accordion/Collapse.jsx","../../src/components/Accordion/Item.jsx","../../src/components/Accordion/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport { AnimatePresence, motion } from \"framer-motion\";\n\nimport { usePrefersReducedMotion } from \"src/hooks\";\n\nconst Collapse = ({\n open = false,\n children,\n className = \"\",\n ...otherProps\n}) => {\n const prefersReducedMotion = usePrefersReducedMotion();\n\n return (\n <AnimatePresence>\n {open && (\n <motion.div\n animate={{ opacity: 1, height: \"auto\" }}\n exit={{ opacity: 0, height: 0 }}\n initial={{ opacity: 0, height: 0, overflow: \"hidden\" }}\n transition={{ duration: prefersReducedMotion ? 0 : 0.3 }}\n {...otherProps}\n >\n <div {...{ className }}>{children}</div>\n </motion.div>\n )}\n </AnimatePresence>\n );\n};\n\nexport default Collapse;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport { motion } from \"framer-motion\";\nimport { Right } from \"neetoicons\";\nimport PropTypes from \"prop-types\";\n\nimport { usePrefersReducedMotion } from \"src/hooks\";\n\nimport Collapse from \"./Collapse\";\n\nconst Item = ({\n id,\n title = \"\",\n isOpen = false,\n onClick = () => {},\n children,\n className = \"\",\n titleProps = {},\n iconProps = {},\n}) => {\n const prefersReducedMotion = usePrefersReducedMotion();\n\n const onKeyDown = e => {\n switch (e.key) {\n case \" \":\n e.preventDefault();\n onClick();\n break;\n case \"Enter\":\n onClick();\n break;\n default:\n }\n };\n\n return (\n <div\n className={classnames(\"neeto-ui-accordion__wrapper\", {\n [className]: className,\n })}\n >\n <div\n {...{ onClick, onKeyDown }}\n aria-controls={`neeto-ui-accordion-section-${id}`}\n aria-expanded={isOpen}\n id={`neeto-ui-accordion-item-${id}`}\n role=\"button\"\n tabIndex={0}\n className={classnames(\n \"neeto-ui-accordion__item neeto-ui-flex neeto-ui-justify-between neeto-ui-items-center\",\n { \"neeto-ui-accordion__item--open\": isOpen }\n )}\n >\n <div\n {...titleProps}\n className=\"neeto-ui-accordion__item-handle neeto-ui-flex neeto-ui-flex-grow neeto-ui-items-center neeto-ui-break-words\"\n >\n {title}\n </div>\n <motion.div\n animate={isOpen ? \"open\" : \"collapsed\"}\n aria-hidden=\"true\"\n className=\"neeto-ui-accordion__item-toggle-icon neeto-ui-flex-grow-0\"\n transition={{ duration: prefersReducedMotion ? 0 : 0.3 }}\n variants={{ open: { rotate: 90 }, collapsed: { rotate: 0 } }}\n >\n <Right size={16} {...iconProps} aria-hidden=\"true\" />\n </motion.div>\n </div>\n <Collapse\n aria-labelledby={`neeto-ui-accordion-item-${id}`}\n className=\"neeto-ui-accordion__drop\"\n id={`neeto-ui-accordion-section-${id}`}\n open={isOpen}\n role=\"region\"\n >\n {children}\n </Collapse>\n </div>\n );\n};\n\nItem.displayName = \"Accordion.Item\";\n\nItem.propTypes = {\n /**\n * To specify a unique ID to the AccordionItem.\n */\n id: PropTypes.number,\n /**\n * To add title to the AccordionItem.\n */\n title: PropTypes.string,\n /**\n * To specify whether the Accordion item is open or not.\n */\n isOpen: PropTypes.bool,\n /**\n * To specify the action to be triggered on click of the AccordionItem.\n */\n onClick: PropTypes.func,\n /**\n * To specify the content to be rendered inside the AccordionItem.\n */\n children: PropTypes.node,\n /**\n * To pass props to Accordion title.\n */\n titleProps: PropTypes.object,\n /**\n * To pass props to Accordion toggle icon.\n */\n iconProps: PropTypes.object,\n /**\n * To provide external classnames to Accordion item.\n */\n className: PropTypes.string,\n};\n\nexport default Item;\n","import React, { useState, useEffect } from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\nimport { isEmpty } from \"ramda\";\n\nimport Item from \"./Item\";\n\nconst ACCORDION_STYLES = {\n primary: \"primary\",\n secondary: \"secondary\",\n};\n\nconst Accordion = ({\n children,\n defaultActiveKey = null,\n padded = false,\n style = ACCORDION_STYLES.primary,\n className = \"\",\n ...otherProps\n}) => {\n const [openTab, setOpenTab] = useState(defaultActiveKey);\n\n useEffect(() => {\n setOpenTab(defaultActiveKey);\n }, [defaultActiveKey]);\n\n return (\n <div\n className={classnames(\"neeto-ui-accordions-outer-wrapper\", {\n \"neeto-ui-accordions-outer-wrapper--padded\": padded,\n \"neeto-ui-accordions-outer-wrapper--secondary\":\n style === ACCORDION_STYLES.secondary,\n [className]: className,\n })}\n {...otherProps}\n >\n {React.Children.map(children, (child, index) => {\n const isSingleOrLastChild =\n isEmpty(children) || index === children.length - 1;\n\n return React.cloneElement(child, {\n id: index,\n key: index,\n isOpen: openTab === index,\n className: classnames(child.props.className, {\n \"neeto-ui-accordion__wrapper--last-item\": isSingleOrLastChild,\n }),\n onClick: () => {\n setOpenTab(openTab === index ? null : index);\n child.props.onClick && child.props.onClick();\n },\n });\n })}\n </div>\n );\n};\n\nAccordion.propTypes = {\n /**\n * To specify the content to be rendered inside the Accordion.\n */\n children: PropTypes.node,\n /**\n * To set the style of the Accordion.\n */\n style: PropTypes.oneOf(Object.values(ACCORDION_STYLES)),\n /**\n * To add padding to the Accordion container.\n */\n padded: PropTypes.bool,\n /**\n * Index of the Accordion item to be opened initially.\n */\n defaultActiveKey: PropTypes.number,\n /**\n * To provide external classnames to Accordion container.\n */\n className: PropTypes.string,\n};\n\nAccordion.Item = Item;\n\nexport default Accordion;\n"],"names":["Collapse","_ref","_ref$open","open","children","_ref$className","className","otherProps","_objectWithoutProperties","_excluded","prefersReducedMotion","usePrefersReducedMotion","_jsx","AnimatePresence","motion","div","_objectSpread","animate","opacity","height","exit","initial","overflow","transition","duration","Item","id","_ref$title","title","_ref$isOpen","isOpen","_ref$onClick","onClick","_ref$titleProps","titleProps","_ref$iconProps","iconProps","onKeyDown","e","key","preventDefault","_jsxs","classnames","_defineProperty","concat","role","tabIndex","variants","rotate","collapsed","Right","size","displayName","ACCORDION_STYLES","primary","secondary","Accordion","_ref$defaultActiveKey","defaultActiveKey","_ref$padded","padded","_ref$style","style","_useState","useState","_useState2","_slicedToArray","openTab","setOpenTab","useEffect","React","Children","map","child","index","isSingleOrLastChild","isEmpty","length","cloneElement","props"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Accordion.js","sources":["../../src/components/Accordion/Collapse.jsx","../../src/components/Accordion/Item.jsx","../../src/components/Accordion/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport { AnimatePresence, motion } from \"framer-motion\";\n\nimport { usePrefersReducedMotion } from \"src/hooks\";\n\nconst Collapse = ({\n open = false,\n children,\n className = \"\",\n ...otherProps\n}) => {\n const prefersReducedMotion = usePrefersReducedMotion();\n\n return (\n <AnimatePresence>\n {open && (\n <motion.div\n animate={{ opacity: 1, height: \"auto\" }}\n exit={{ opacity: 0, height: 0 }}\n initial={{ opacity: 0, height: 0, overflow: \"hidden\" }}\n transition={{ duration: prefersReducedMotion ? 0 : 0.3 }}\n {...otherProps}\n >\n <div {...{ className }}>{children}</div>\n </motion.div>\n )}\n </AnimatePresence>\n );\n};\n\nexport default Collapse;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport { motion } from \"framer-motion\";\nimport { Right } from \"neetoicons\";\nimport PropTypes from \"prop-types\";\n\nimport { usePrefersReducedMotion } from \"src/hooks\";\n\nimport Collapse from \"./Collapse\";\n\nconst Item = ({\n id,\n title = \"\",\n isOpen = false,\n onClick = () => {},\n children,\n className = \"\",\n titleProps = {},\n iconProps = {},\n}) => {\n const prefersReducedMotion = usePrefersReducedMotion();\n\n const onKeyDown = e => {\n switch (e.key) {\n case \" \":\n e.preventDefault();\n onClick();\n break;\n case \"Enter\":\n onClick();\n break;\n default:\n }\n };\n\n return (\n <div\n className={classnames(\"neeto-ui-accordion__wrapper\", {\n [className]: className,\n })}\n >\n <div\n {...{ onClick, onKeyDown }}\n aria-controls={`neeto-ui-accordion-section-${id}`}\n aria-expanded={isOpen}\n id={`neeto-ui-accordion-item-${id}`}\n role=\"button\"\n tabIndex={0}\n className={classnames(\n \"neeto-ui-accordion__item neeto-ui-flex neeto-ui-justify-between neeto-ui-items-center\",\n { \"neeto-ui-accordion__item--open\": isOpen }\n )}\n >\n <div\n {...titleProps}\n className=\"neeto-ui-accordion__item-handle neeto-ui-flex neeto-ui-flex-grow neeto-ui-items-center neeto-ui-break-words\"\n >\n {title}\n </div>\n <motion.div\n animate={isOpen ? \"open\" : \"collapsed\"}\n aria-hidden=\"true\"\n className=\"neeto-ui-accordion__item-toggle-icon neeto-ui-flex-grow-0\"\n transition={{ duration: prefersReducedMotion ? 0 : 0.3 }}\n variants={{ open: { rotate: 90 }, collapsed: { rotate: 0 } }}\n >\n <Right size={16} {...iconProps} aria-hidden=\"true\" />\n </motion.div>\n </div>\n <Collapse\n aria-labelledby={`neeto-ui-accordion-item-${id}`}\n className=\"neeto-ui-accordion__drop\"\n id={`neeto-ui-accordion-section-${id}`}\n open={isOpen}\n role=\"region\"\n >\n {children}\n </Collapse>\n </div>\n );\n};\n\nItem.displayName = \"Accordion.Item\";\n\nItem.propTypes = {\n /**\n * To specify a unique ID to the AccordionItem.\n */\n id: PropTypes.number,\n /**\n * To add title to the AccordionItem.\n */\n title: PropTypes.string,\n /**\n * To specify whether the Accordion item is open or not.\n */\n isOpen: PropTypes.bool,\n /**\n * To specify the action to be triggered on click of the AccordionItem.\n */\n onClick: PropTypes.func,\n /**\n * To specify the content to be rendered inside the AccordionItem.\n */\n children: PropTypes.node,\n /**\n * To pass props to Accordion title.\n */\n titleProps: PropTypes.object,\n /**\n * To pass props to Accordion toggle icon.\n */\n iconProps: PropTypes.object,\n /**\n * To provide external classnames to Accordion item.\n */\n className: PropTypes.string,\n};\n\nexport default Item;\n","import React, { useState, useEffect } from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\nimport { isEmpty } from \"ramda\";\n\nimport Item from \"./Item\";\n\nconst ACCORDION_STYLES = {\n primary: \"primary\",\n secondary: \"secondary\",\n};\n\nconst Accordion = ({\n children,\n defaultActiveKey = null,\n padded = false,\n style = ACCORDION_STYLES.primary,\n className = \"\",\n ...otherProps\n}) => {\n const [openTab, setOpenTab] = useState(defaultActiveKey);\n\n useEffect(() => {\n setOpenTab(defaultActiveKey);\n }, [defaultActiveKey]);\n\n return (\n <div\n className={classnames(\"neeto-ui-accordions-outer-wrapper\", {\n \"neeto-ui-accordions-outer-wrapper--padded\": padded,\n \"neeto-ui-accordions-outer-wrapper--secondary\":\n style === ACCORDION_STYLES.secondary,\n [className]: className,\n })}\n {...otherProps}\n >\n {React.Children.map(children, (child, index) => {\n const isSingleOrLastChild =\n isEmpty(children) || index === children.length - 1;\n\n return React.cloneElement(child, {\n id: index,\n key: index,\n isOpen: openTab === index,\n className: classnames(child.props.className, {\n \"neeto-ui-accordion__wrapper--last-item\": isSingleOrLastChild,\n }),\n onClick: () => {\n setOpenTab(openTab === index ? null : index);\n child.props.onClick && child.props.onClick();\n },\n });\n })}\n </div>\n );\n};\n\nAccordion.propTypes = {\n /**\n * To specify the content to be rendered inside the Accordion.\n */\n children: PropTypes.node,\n /**\n * To set the style of the Accordion.\n */\n style: PropTypes.oneOf(Object.values(ACCORDION_STYLES)),\n /**\n * To add padding to the Accordion container.\n */\n padded: PropTypes.bool,\n /**\n * Index of the Accordion item to be opened initially.\n */\n defaultActiveKey: PropTypes.number,\n /**\n * To provide external classnames to Accordion container.\n */\n className: PropTypes.string,\n};\n\nAccordion.Item = Item;\n\nexport default Accordion;\n"],"names":["Collapse","_ref","_ref$open","open","children","_ref$className","className","otherProps","_objectWithoutProperties","_excluded","prefersReducedMotion","usePrefersReducedMotion","_jsx","AnimatePresence","motion","div","_objectSpread","animate","opacity","height","exit","initial","overflow","transition","duration","Item","id","_ref$title","title","_ref$isOpen","isOpen","_ref$onClick","onClick","_ref$titleProps","titleProps","_ref$iconProps","iconProps","onKeyDown","e","key","preventDefault","_jsxs","classnames","_defineProperty","concat","role","tabIndex","variants","rotate","collapsed","Right","size","displayName","ACCORDION_STYLES","primary","secondary","Accordion","_ref$defaultActiveKey","defaultActiveKey","_ref$padded","padded","_ref$style","style","_useState","useState","_useState2","_slicedToArray","openTab","setOpenTab","useEffect","React","Children","map","child","index","isSingleOrLastChild","isEmpty","length","cloneElement","props"],"mappings":"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"}
|
|
@@ -4,7 +4,7 @@ var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
|
4
4
|
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
5
5
|
require('react');
|
|
6
6
|
var classnames = require('classnames');
|
|
7
|
-
var index = require('./index-
|
|
7
|
+
var index = require('./index-CNZKW5X0.js');
|
|
8
8
|
var Button = require('./Button.js');
|
|
9
9
|
var Dropdown = require('./Dropdown.js');
|
|
10
10
|
var jsxRuntime = require('react/jsx-runtime');
|
|
@@ -15,7 +15,7 @@ require('@bigbinary/neeto-cist');
|
|
|
15
15
|
require('qs');
|
|
16
16
|
require('ramda');
|
|
17
17
|
require('./en-B1i-pQJm.js');
|
|
18
|
-
require('./index-
|
|
18
|
+
require('./index-BgzkP01c.js');
|
|
19
19
|
require('@babel/runtime/helpers/toConsumableArray');
|
|
20
20
|
require('dayjs');
|
|
21
21
|
require('dayjs/plugin/localeData');
|
|
@@ -30,13 +30,19 @@ require('@tippyjs/react');
|
|
|
30
30
|
require('tippy.js');
|
|
31
31
|
require('@bigbinary/neeto-hotkeys');
|
|
32
32
|
require('./overlayManager.js');
|
|
33
|
-
require('./usePrefersReducedMotion-
|
|
33
|
+
require('./usePrefersReducedMotion-D2Ck84HM.js');
|
|
34
34
|
require('@bigbinary/neeto-icons/Down');
|
|
35
35
|
require('./useId-DXHUzdxd.js');
|
|
36
36
|
|
|
37
|
+
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
38
|
+
|
|
39
|
+
var _defineProperty__default = /*#__PURE__*/_interopDefault(_defineProperty);
|
|
40
|
+
var _objectWithoutProperties__default = /*#__PURE__*/_interopDefault(_objectWithoutProperties);
|
|
41
|
+
var classnames__default = /*#__PURE__*/_interopDefault(classnames);
|
|
42
|
+
|
|
37
43
|
var _excluded = ["style", "size"];
|
|
38
44
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
39
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) {
|
|
45
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty__default.default(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
40
46
|
var BTN_STYLES = {
|
|
41
47
|
primary: "primary"};
|
|
42
48
|
var BTN_SIZES = {
|
|
@@ -56,14 +62,14 @@ var ActionDropdown = function ActionDropdown(_ref) {
|
|
|
56
62
|
_ref$buttonProps2 = _ref$buttonProps === void 0 ? {} : _ref$buttonProps,
|
|
57
63
|
style = _ref$buttonProps2.style,
|
|
58
64
|
size = _ref$buttonProps2.size,
|
|
59
|
-
buttonProps =
|
|
65
|
+
buttonProps = _objectWithoutProperties__default.default(_ref$buttonProps2, _excluded),
|
|
60
66
|
_ref$className = _ref.className,
|
|
61
67
|
className = _ref$className === void 0 ? "" : _ref$className,
|
|
62
68
|
dropdownProps = _ref.dropdownProps,
|
|
63
69
|
children = _ref.children,
|
|
64
70
|
portalProps = _ref.portalProps;
|
|
65
71
|
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
66
|
-
className:
|
|
72
|
+
className: classnames__default.default(["neeto-ui-action-dropdown", className]),
|
|
67
73
|
children: [/*#__PURE__*/jsxRuntime.jsx(Button, _objectSpread({
|
|
68
74
|
disabled: disabled,
|
|
69
75
|
label: label,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActionDropdown.js","sources":["../../src/components/ActionDropdown.jsx"],"sourcesContent":["import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nimport { noop } from \"utils\";\n\nimport Button from \"./Button\";\nimport Dropdown from \"./Dropdown\";\n\nconst BTN_STYLES = { primary: \"primary\", secondary: \"secondary\" };\n\nconst BTN_SIZES = {\n small: \"small\",\n medium: \"medium\",\n large: \"large\",\n};\n\nconst ActionDropdown = ({\n label = \"\",\n buttonStyle = BTN_STYLES.primary,\n buttonSize = BTN_SIZES.medium,\n disabled = false,\n onClick = noop,\n buttonProps: { style, size, ...buttonProps } = {},\n className = \"\",\n dropdownProps,\n children,\n portalProps,\n}) => (\n <div className={classnames([\"neeto-ui-action-dropdown\", className])}>\n <Button\n {...{ disabled, label, onClick }}\n data-testid=\"action-dropdown-btn\"\n size={size ?? buttonSize}\n style={style ?? buttonStyle}\n {...buttonProps}\n />\n <Dropdown\n {...{ disabled }}\n buttonProps={{ size: size ?? buttonSize }}\n buttonStyle={style ?? buttonStyle}\n {...dropdownProps}\n dropdownProps={{ ...dropdownProps?.dropdownProps, ...portalProps }}\n >\n {children}\n </Dropdown>\n </div>\n);\n\nActionDropdown.Menu = Dropdown.Menu;\nActionDropdown.MenuItem = Dropdown.MenuItem;\nActionDropdown.Divider = Dropdown.Divider;\n\nActionDropdown.propTypes = {\n /**\n * To specify the text to be displayed inside the button.\n */\n label: PropTypes.string,\n /**\n * To specify the style of the button to be rendered as the ActionDropdown target.\n */\n buttonStyle: PropTypes.oneOf(Object.values(BTN_STYLES)),\n /**\n * To specify the size of the ActionDropdown.\n */\n buttonSize: PropTypes.oneOf(Object.values(BTN_SIZES)),\n /**\n * To specify whether the ActionDropdown is disabled or not.\n */\n disabled: PropTypes.bool,\n /**\n * To specify the action to be triggered on click of the button.\n */\n onClick: PropTypes.func,\n /**\n * To specify the props to be passed to the action button and Dropdown target button.\n */\n buttonProps: PropTypes.object,\n /**\n * To specify the props to be passed to the Dropdown target.\n */\n dropdownProps: PropTypes.object,\n /**\n * To specify the props to be passed to the Dropdown portal.\n */\n portalProps: PropTypes.object,\n /**\n * To provide external classnames to ActionDropdown target wrapper.\n */\n className: PropTypes.string,\n /**\n * To specify the content to be rendered inside the Dropdown.\n */\n children: PropTypes.node,\n /**\n * * <div class=\"neeto-ui-tag neeto-ui-tag--size-small neeto-ui-tag--style-outline neeto-ui-tag--style-danger mb-2\">\n * Removed\n * </div>\n * _Use `buttonStyle` prop instead._\n */\n style: PropTypes.oneOf(Object.values(BTN_STYLES)),\n /**\n * <div class=\"neeto-ui-tag neeto-ui-tag--size-small neeto-ui-tag--style-outline neeto-ui-tag--style-danger mb-2\">\n * Removed\n * </div>\n * _Use `buttonSize` prop instead._\n */\n size: PropTypes.oneOf(Object.values(BTN_SIZES)),\n};\n\nexport default ActionDropdown;\n"],"names":["BTN_STYLES","primary","BTN_SIZES","small","medium","ActionDropdown","_ref","_ref$label","label","_ref$buttonStyle","buttonStyle","_ref$buttonSize","buttonSize","_ref$disabled","disabled","_ref$onClick","onClick","noop","_ref$buttonProps","buttonProps","_ref$buttonProps2","style","size","_objectWithoutProperties","_excluded","_ref$className","className","dropdownProps","children","portalProps","_jsxs","classnames","_jsx","Button","_objectSpread","Dropdown","Menu","MenuItem","Divider"],"mappings":"
|
|
1
|
+
{"version":3,"file":"ActionDropdown.js","sources":["../../src/components/ActionDropdown.jsx"],"sourcesContent":["import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nimport { noop } from \"utils\";\n\nimport Button from \"./Button\";\nimport Dropdown from \"./Dropdown\";\n\nconst BTN_STYLES = { primary: \"primary\", secondary: \"secondary\" };\n\nconst BTN_SIZES = {\n small: \"small\",\n medium: \"medium\",\n large: \"large\",\n};\n\nconst ActionDropdown = ({\n label = \"\",\n buttonStyle = BTN_STYLES.primary,\n buttonSize = BTN_SIZES.medium,\n disabled = false,\n onClick = noop,\n buttonProps: { style, size, ...buttonProps } = {},\n className = \"\",\n dropdownProps,\n children,\n portalProps,\n}) => (\n <div className={classnames([\"neeto-ui-action-dropdown\", className])}>\n <Button\n {...{ disabled, label, onClick }}\n data-testid=\"action-dropdown-btn\"\n size={size ?? buttonSize}\n style={style ?? buttonStyle}\n {...buttonProps}\n />\n <Dropdown\n {...{ disabled }}\n buttonProps={{ size: size ?? buttonSize }}\n buttonStyle={style ?? buttonStyle}\n {...dropdownProps}\n dropdownProps={{ ...dropdownProps?.dropdownProps, ...portalProps }}\n >\n {children}\n </Dropdown>\n </div>\n);\n\nActionDropdown.Menu = Dropdown.Menu;\nActionDropdown.MenuItem = Dropdown.MenuItem;\nActionDropdown.Divider = Dropdown.Divider;\n\nActionDropdown.propTypes = {\n /**\n * To specify the text to be displayed inside the button.\n */\n label: PropTypes.string,\n /**\n * To specify the style of the button to be rendered as the ActionDropdown target.\n */\n buttonStyle: PropTypes.oneOf(Object.values(BTN_STYLES)),\n /**\n * To specify the size of the ActionDropdown.\n */\n buttonSize: PropTypes.oneOf(Object.values(BTN_SIZES)),\n /**\n * To specify whether the ActionDropdown is disabled or not.\n */\n disabled: PropTypes.bool,\n /**\n * To specify the action to be triggered on click of the button.\n */\n onClick: PropTypes.func,\n /**\n * To specify the props to be passed to the action button and Dropdown target button.\n */\n buttonProps: PropTypes.object,\n /**\n * To specify the props to be passed to the Dropdown target.\n */\n dropdownProps: PropTypes.object,\n /**\n * To specify the props to be passed to the Dropdown portal.\n */\n portalProps: PropTypes.object,\n /**\n * To provide external classnames to ActionDropdown target wrapper.\n */\n className: PropTypes.string,\n /**\n * To specify the content to be rendered inside the Dropdown.\n */\n children: PropTypes.node,\n /**\n * * <div class=\"neeto-ui-tag neeto-ui-tag--size-small neeto-ui-tag--style-outline neeto-ui-tag--style-danger mb-2\">\n * Removed\n * </div>\n * _Use `buttonStyle` prop instead._\n */\n style: PropTypes.oneOf(Object.values(BTN_STYLES)),\n /**\n * <div class=\"neeto-ui-tag neeto-ui-tag--size-small neeto-ui-tag--style-outline neeto-ui-tag--style-danger mb-2\">\n * Removed\n * </div>\n * _Use `buttonSize` prop instead._\n */\n size: PropTypes.oneOf(Object.values(BTN_SIZES)),\n};\n\nexport default ActionDropdown;\n"],"names":["BTN_STYLES","primary","BTN_SIZES","small","medium","ActionDropdown","_ref","_ref$label","label","_ref$buttonStyle","buttonStyle","_ref$buttonSize","buttonSize","_ref$disabled","disabled","_ref$onClick","onClick","noop","_ref$buttonProps","buttonProps","_ref$buttonProps2","style","size","_objectWithoutProperties","_excluded","_ref$className","className","dropdownProps","children","portalProps","_jsxs","classnames","_jsx","Button","_objectSpread","Dropdown","Menu","MenuItem","Divider"],"mappings":"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"}
|
package/dist/cjs/Alert.js
CHANGED
|
@@ -13,7 +13,7 @@ require('@babel/runtime/helpers/createClass');
|
|
|
13
13
|
require('@bigbinary/neeto-cist');
|
|
14
14
|
require('qs');
|
|
15
15
|
require('ramda');
|
|
16
|
-
require('./index-
|
|
16
|
+
require('./index-BgzkP01c.js');
|
|
17
17
|
require('i18next');
|
|
18
18
|
var Button = require('./Button.js');
|
|
19
19
|
var Modal = require('./Modal.js');
|
|
@@ -30,19 +30,24 @@ require('./Spinner.js');
|
|
|
30
30
|
require('./Tooltip.js');
|
|
31
31
|
require('@tippyjs/react');
|
|
32
32
|
require('tippy.js');
|
|
33
|
-
require('./usePrefersReducedMotion-
|
|
33
|
+
require('./usePrefersReducedMotion-D2Ck84HM.js');
|
|
34
34
|
require('@bigbinary/neeto-icons/Close');
|
|
35
|
-
require('./Portal-
|
|
36
|
-
require('./index-
|
|
35
|
+
require('./Portal-nCvANFeL.js');
|
|
36
|
+
require('./index-CNZKW5X0.js');
|
|
37
37
|
require('./en-B1i-pQJm.js');
|
|
38
38
|
require('@babel/runtime/helpers/esm/extends');
|
|
39
39
|
require('@babel/runtime/helpers/esm/objectWithoutPropertiesLoose');
|
|
40
40
|
require('@babel/runtime/helpers/esm/inheritsLoose');
|
|
41
41
|
require('react-dom');
|
|
42
42
|
|
|
43
|
+
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
44
|
+
|
|
45
|
+
var _defineProperty__default = /*#__PURE__*/_interopDefault(_defineProperty);
|
|
46
|
+
var _objectWithoutProperties__default = /*#__PURE__*/_interopDefault(_objectWithoutProperties);
|
|
47
|
+
|
|
43
48
|
var _excluded = ["size", "isOpen", "isSubmitting", "className", "closeOnEsc", "closeButton", "backdropClassName", "closeOnOutsideClick", "onClose", "onSubmit", "title", "message", "submitButtonLabel", "cancelButtonLabel", "initialFocusRef", "initialFocusElement", "hideCancelButton", "style"];
|
|
44
49
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
45
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) {
|
|
50
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty__default.default(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
46
51
|
var SIZES = {
|
|
47
52
|
medium: "medium"};
|
|
48
53
|
var FOCUSABLE_ELEMENTS = {
|
|
@@ -84,7 +89,7 @@ var Alert = function Alert(_ref) {
|
|
|
84
89
|
hideCancelButton = _ref$hideCancelButton === void 0 ? false : _ref$hideCancelButton,
|
|
85
90
|
_ref$style = _ref.style,
|
|
86
91
|
submitButtonStyle = _ref$style === void 0 ? ALERT_STYLES.danger : _ref$style,
|
|
87
|
-
otherProps =
|
|
92
|
+
otherProps = _objectWithoutProperties__default.default(_ref, _excluded);
|
|
88
93
|
var submitButtonRef = React.useRef(null);
|
|
89
94
|
var cancelButtonRef = React.useRef(null);
|
|
90
95
|
var hasCustomFocusableElement = !!initialFocusRef || initialFocusElement;
|
package/dist/cjs/Alert.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Alert.js","sources":["../../src/components/Alert.jsx"],"sourcesContent":["import React, { useRef } from \"react\";\n\nimport PropTypes from \"prop-types\";\n\nimport { useId } from \"hooks\";\n\nimport Button from \"./Button\";\nimport Modal from \"./Modal\";\nimport Typography from \"./Typography\";\n\nconst SIZES = { small: \"small\", medium: \"medium\", large: \"large\" };\n\nconst FOCUSABLE_ELEMENTS = { submit: \"submit\", cancel: \"cancel\" };\n\nconst ALERT_STYLES = { danger: \"danger\", warning: \"warning\" };\n\nconst Alert = ({\n size = SIZES.medium,\n isOpen = false,\n isSubmitting = false,\n className = \"\",\n closeOnEsc = true,\n closeButton = true,\n backdropClassName = \"\",\n closeOnOutsideClick = true,\n onClose = () => {},\n onSubmit = () => {},\n title = \"\",\n message = \"\",\n submitButtonLabel = \"Continue\",\n cancelButtonLabel = \"Cancel\",\n initialFocusRef,\n initialFocusElement,\n hideCancelButton = false,\n style: submitButtonStyle = ALERT_STYLES.danger,\n ...otherProps\n}) => {\n const submitButtonRef = useRef(null);\n const cancelButtonRef = useRef(null);\n\n const hasCustomFocusableElement = !!initialFocusRef || initialFocusElement;\n const initialFocusElementRef =\n initialFocusElement === FOCUSABLE_ELEMENTS.submit\n ? submitButtonRef\n : cancelButtonRef;\n\n // Generate unique IDs for title and message\n const baseId = useId();\n const titleId = `alert-title-${baseId}`;\n const messageId = `alert-message-${baseId}`;\n const ariaProps = {\n ...(title && { \"aria-labelledby\": titleId }),\n ...(message && { \"aria-describedby\": messageId }),\n };\n\n return (\n <Modal\n {...{\n backdropClassName,\n className,\n closeButton,\n closeOnEsc,\n closeOnOutsideClick,\n isOpen,\n onClose,\n size,\n ...(hasCustomFocusableElement && {\n initialFocusRef: initialFocusRef || initialFocusElementRef,\n }),\n ...ariaProps,\n ...otherProps,\n }}\n data-testid=\"alert-box\"\n role=\"alertdialog\"\n >\n <Modal.Header>\n <Typography data-testid=\"alert-title\" id={titleId} style=\"h2\">\n {title}\n </Typography>\n </Modal.Header>\n <Modal.Body>\n <Typography\n data-testid=\"alert-message\"\n id={messageId}\n lineHeight=\"normal\"\n style=\"body2\"\n >\n {message}\n </Typography>\n </Modal.Body>\n <Modal.Footer className=\"neeto-ui-gap-2 neeto-ui-flex neeto-ui-justify-end neeto-ui-items-center\">\n {!hideCancelButton && (\n <Button\n data-testid=\"alert-cancel-button\"\n label={cancelButtonLabel}\n ref={cancelButtonRef}\n style=\"tertiary\"\n onClick={onClose}\n />\n )}\n <Button\n data-testid=\"alert-submit-button\"\n disabled={isSubmitting || !isOpen}\n label={submitButtonLabel}\n loading={isSubmitting}\n ref={submitButtonRef}\n style={submitButtonStyle}\n onClick={onSubmit}\n />\n </Modal.Footer>\n </Modal>\n );\n};\n\nAlert.propTypes = {\n /**\n * To specify the size of the Alert.\n */\n size: PropTypes.oneOf(Object.values(SIZES)),\n /**\n * To specify whether the Alert is open or not.\n */\n isOpen: PropTypes.bool,\n /**\n * To specify the callback which will be invoked when the Alert is closed.\n */\n onClose: PropTypes.func,\n /**\n * To specify the callback which will be invoked when the Alert is submitted.\n */\n onSubmit: PropTypes.func,\n /**\n * To provide title to the Alert.\n */\n title: PropTypes.string,\n /**\n * To provide description to the Alert.\n */\n message: PropTypes.node,\n /**\n * To add loading state to submit button\n */\n isSubmitting: PropTypes.bool,\n /**\n * To provide external classNames to the Alert.\n */\n className: PropTypes.string,\n /**\n * To close the Alert on pressing the `Esc` key.\n */\n closeOnEsc: PropTypes.bool,\n /**\n * To specify whether the close button of the Alert should be displayed or not.\n */\n closeButton: PropTypes.bool,\n /**\n * To provide label to the submit button.\n */\n submitButtonLabel: PropTypes.string,\n /**\n * To provide label to the cancel button.\n */\n cancelButtonLabel: PropTypes.string,\n /**\n * To add custom classes to Backdrop component.\n */\n backdropClassName: PropTypes.string,\n /**\n * To close on clicking outside the Alert content.\n */\n closeOnOutsideClick: PropTypes.bool,\n /**\n * To specify the ref of the element which will receive focus when the Alert is opened.\n * If not specified, the focus will be set to the submit button inside the Alert.\n * */\n initialFocusRef: PropTypes.object,\n /**\n * To specify the element which will receive focus when the Alert is opened.\n */\n initialFocusElement: PropTypes.oneOf(Object.values(FOCUSABLE_ELEMENTS)),\n /**\n * To hide the cancel button\n */\n hideCancelButton: PropTypes.bool,\n /**\n * To specify the style of the Alert submit button.\n */\n style: PropTypes.oneOf(Object.values(ALERT_STYLES)),\n};\n\nexport default Alert;\n"],"names":["SIZES","small","medium","FOCUSABLE_ELEMENTS","submit","ALERT_STYLES","danger","Alert","_ref","_ref$size","size","_ref$isOpen","isOpen","_ref$isSubmitting","isSubmitting","_ref$className","className","_ref$closeOnEsc","closeOnEsc","_ref$closeButton","closeButton","_ref$backdropClassNam","backdropClassName","_ref$closeOnOutsideCl","closeOnOutsideClick","_ref$onClose","onClose","_ref$onSubmit","onSubmit","_ref$title","title","_ref$message","message","_ref$submitButtonLabe","submitButtonLabel","_ref$cancelButtonLabe","cancelButtonLabel","initialFocusRef","initialFocusElement","_ref$hideCancelButton","hideCancelButton","_ref$style","style","submitButtonStyle","otherProps","_objectWithoutProperties","_excluded","submitButtonRef","useRef","cancelButtonRef","hasCustomFocusableElement","initialFocusElementRef","baseId","useId","titleId","concat","messageId","ariaProps","_objectSpread","_jsxs","Modal","role","children","_jsx","Header","Typography","id","Body","lineHeight","Footer","Button","label","ref","onClick","disabled","loading"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Alert.js","sources":["../../src/components/Alert.jsx"],"sourcesContent":["import React, { useRef } from \"react\";\n\nimport PropTypes from \"prop-types\";\n\nimport { useId } from \"hooks\";\n\nimport Button from \"./Button\";\nimport Modal from \"./Modal\";\nimport Typography from \"./Typography\";\n\nconst SIZES = { small: \"small\", medium: \"medium\", large: \"large\" };\n\nconst FOCUSABLE_ELEMENTS = { submit: \"submit\", cancel: \"cancel\" };\n\nconst ALERT_STYLES = { danger: \"danger\", warning: \"warning\" };\n\nconst Alert = ({\n size = SIZES.medium,\n isOpen = false,\n isSubmitting = false,\n className = \"\",\n closeOnEsc = true,\n closeButton = true,\n backdropClassName = \"\",\n closeOnOutsideClick = true,\n onClose = () => {},\n onSubmit = () => {},\n title = \"\",\n message = \"\",\n submitButtonLabel = \"Continue\",\n cancelButtonLabel = \"Cancel\",\n initialFocusRef,\n initialFocusElement,\n hideCancelButton = false,\n style: submitButtonStyle = ALERT_STYLES.danger,\n ...otherProps\n}) => {\n const submitButtonRef = useRef(null);\n const cancelButtonRef = useRef(null);\n\n const hasCustomFocusableElement = !!initialFocusRef || initialFocusElement;\n const initialFocusElementRef =\n initialFocusElement === FOCUSABLE_ELEMENTS.submit\n ? submitButtonRef\n : cancelButtonRef;\n\n // Generate unique IDs for title and message\n const baseId = useId();\n const titleId = `alert-title-${baseId}`;\n const messageId = `alert-message-${baseId}`;\n const ariaProps = {\n ...(title && { \"aria-labelledby\": titleId }),\n ...(message && { \"aria-describedby\": messageId }),\n };\n\n return (\n <Modal\n {...{\n backdropClassName,\n className,\n closeButton,\n closeOnEsc,\n closeOnOutsideClick,\n isOpen,\n onClose,\n size,\n ...(hasCustomFocusableElement && {\n initialFocusRef: initialFocusRef || initialFocusElementRef,\n }),\n ...ariaProps,\n ...otherProps,\n }}\n data-testid=\"alert-box\"\n role=\"alertdialog\"\n >\n <Modal.Header>\n <Typography data-testid=\"alert-title\" id={titleId} style=\"h2\">\n {title}\n </Typography>\n </Modal.Header>\n <Modal.Body>\n <Typography\n data-testid=\"alert-message\"\n id={messageId}\n lineHeight=\"normal\"\n style=\"body2\"\n >\n {message}\n </Typography>\n </Modal.Body>\n <Modal.Footer className=\"neeto-ui-gap-2 neeto-ui-flex neeto-ui-justify-end neeto-ui-items-center\">\n {!hideCancelButton && (\n <Button\n data-testid=\"alert-cancel-button\"\n label={cancelButtonLabel}\n ref={cancelButtonRef}\n style=\"tertiary\"\n onClick={onClose}\n />\n )}\n <Button\n data-testid=\"alert-submit-button\"\n disabled={isSubmitting || !isOpen}\n label={submitButtonLabel}\n loading={isSubmitting}\n ref={submitButtonRef}\n style={submitButtonStyle}\n onClick={onSubmit}\n />\n </Modal.Footer>\n </Modal>\n );\n};\n\nAlert.propTypes = {\n /**\n * To specify the size of the Alert.\n */\n size: PropTypes.oneOf(Object.values(SIZES)),\n /**\n * To specify whether the Alert is open or not.\n */\n isOpen: PropTypes.bool,\n /**\n * To specify the callback which will be invoked when the Alert is closed.\n */\n onClose: PropTypes.func,\n /**\n * To specify the callback which will be invoked when the Alert is submitted.\n */\n onSubmit: PropTypes.func,\n /**\n * To provide title to the Alert.\n */\n title: PropTypes.string,\n /**\n * To provide description to the Alert.\n */\n message: PropTypes.node,\n /**\n * To add loading state to submit button\n */\n isSubmitting: PropTypes.bool,\n /**\n * To provide external classNames to the Alert.\n */\n className: PropTypes.string,\n /**\n * To close the Alert on pressing the `Esc` key.\n */\n closeOnEsc: PropTypes.bool,\n /**\n * To specify whether the close button of the Alert should be displayed or not.\n */\n closeButton: PropTypes.bool,\n /**\n * To provide label to the submit button.\n */\n submitButtonLabel: PropTypes.string,\n /**\n * To provide label to the cancel button.\n */\n cancelButtonLabel: PropTypes.string,\n /**\n * To add custom classes to Backdrop component.\n */\n backdropClassName: PropTypes.string,\n /**\n * To close on clicking outside the Alert content.\n */\n closeOnOutsideClick: PropTypes.bool,\n /**\n * To specify the ref of the element which will receive focus when the Alert is opened.\n * If not specified, the focus will be set to the submit button inside the Alert.\n * */\n initialFocusRef: PropTypes.object,\n /**\n * To specify the element which will receive focus when the Alert is opened.\n */\n initialFocusElement: PropTypes.oneOf(Object.values(FOCUSABLE_ELEMENTS)),\n /**\n * To hide the cancel button\n */\n hideCancelButton: PropTypes.bool,\n /**\n * To specify the style of the Alert submit button.\n */\n style: PropTypes.oneOf(Object.values(ALERT_STYLES)),\n};\n\nexport default Alert;\n"],"names":["SIZES","small","medium","FOCUSABLE_ELEMENTS","submit","ALERT_STYLES","danger","Alert","_ref","_ref$size","size","_ref$isOpen","isOpen","_ref$isSubmitting","isSubmitting","_ref$className","className","_ref$closeOnEsc","closeOnEsc","_ref$closeButton","closeButton","_ref$backdropClassNam","backdropClassName","_ref$closeOnOutsideCl","closeOnOutsideClick","_ref$onClose","onClose","_ref$onSubmit","onSubmit","_ref$title","title","_ref$message","message","_ref$submitButtonLabe","submitButtonLabel","_ref$cancelButtonLabe","cancelButtonLabel","initialFocusRef","initialFocusElement","_ref$hideCancelButton","hideCancelButton","_ref$style","style","submitButtonStyle","otherProps","_objectWithoutProperties","_excluded","submitButtonRef","useRef","cancelButtonRef","hasCustomFocusableElement","initialFocusElementRef","baseId","useId","titleId","concat","messageId","ariaProps","_objectSpread","_jsxs","Modal","role","children","_jsx","Header","Typography","id","Body","lineHeight","Footer","Button","label","ref","onClick","disabled","loading"],"mappings":"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"}
|
package/dist/cjs/Avatar.js
CHANGED
|
@@ -18,7 +18,7 @@ require('@babel/runtime/helpers/classCallCheck');
|
|
|
18
18
|
require('@babel/runtime/helpers/createClass');
|
|
19
19
|
require('@bigbinary/neeto-cist');
|
|
20
20
|
require('qs');
|
|
21
|
-
require('./index-
|
|
21
|
+
require('./index-BgzkP01c.js');
|
|
22
22
|
require('@babel/runtime/helpers/toConsumableArray');
|
|
23
23
|
require('dayjs');
|
|
24
24
|
require('dayjs/plugin/localeData');
|
|
@@ -26,11 +26,19 @@ require('dayjs/plugin/utc');
|
|
|
26
26
|
require('dayjs/plugin/weekday');
|
|
27
27
|
require('dayjs/plugin/weekOfYear');
|
|
28
28
|
require('i18next');
|
|
29
|
-
require('./usePrefersReducedMotion-
|
|
29
|
+
require('./usePrefersReducedMotion-D2Ck84HM.js');
|
|
30
|
+
|
|
31
|
+
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
32
|
+
|
|
33
|
+
var _defineProperty__default = /*#__PURE__*/_interopDefault(_defineProperty);
|
|
34
|
+
var _slicedToArray__default = /*#__PURE__*/_interopDefault(_slicedToArray);
|
|
35
|
+
var _objectWithoutProperties__default = /*#__PURE__*/_interopDefault(_objectWithoutProperties);
|
|
36
|
+
var Avvvatars__default = /*#__PURE__*/_interopDefault(Avvvatars);
|
|
37
|
+
var classnames__default = /*#__PURE__*/_interopDefault(classnames);
|
|
30
38
|
|
|
31
39
|
var _excluded = ["size", "user", "status", "onClick", "className", "showTooltip", "tooltipProps"];
|
|
32
40
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
33
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) {
|
|
41
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty__default.default(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
34
42
|
var SIZE = {
|
|
35
43
|
small: 24,
|
|
36
44
|
medium: 32,
|
|
@@ -58,9 +66,9 @@ var Avatar = function Avatar(_ref) {
|
|
|
58
66
|
showTooltip = _ref$showTooltip === void 0 ? false : _ref$showTooltip,
|
|
59
67
|
_ref$tooltipProps = _ref.tooltipProps,
|
|
60
68
|
tooltipProps = _ref$tooltipProps === void 0 ? {} : _ref$tooltipProps,
|
|
61
|
-
otherProps =
|
|
69
|
+
otherProps = _objectWithoutProperties__default.default(_ref, _excluded);
|
|
62
70
|
var _useState = React.useState(false),
|
|
63
|
-
_useState2 =
|
|
71
|
+
_useState2 = _slicedToArray__default.default(_useState, 2),
|
|
64
72
|
isLoadingFailed = _useState2[0],
|
|
65
73
|
setIsLoadingFailed = _useState2[1];
|
|
66
74
|
var _user$name = user.name,
|
|
@@ -69,18 +77,18 @@ var Avatar = function Avatar(_ref) {
|
|
|
69
77
|
var isMedium = size === "medium";
|
|
70
78
|
var isLarge = size === "large";
|
|
71
79
|
var isExtraLarge = size === "extraLarge";
|
|
72
|
-
var containerClasses =
|
|
80
|
+
var containerClasses = classnames__default.default("neeto-ui-avatar__container neeto-ui-select-none", {
|
|
73
81
|
"neeto-ui-avatar__container--medium": isMedium,
|
|
74
82
|
"neeto-ui-avatar__container--large": isLarge,
|
|
75
83
|
"neeto-ui-avatar__container--xlarge": isExtraLarge
|
|
76
84
|
}, className);
|
|
77
|
-
var imageClasses =
|
|
85
|
+
var imageClasses = classnames__default.default("neeto-ui-avatar", {
|
|
78
86
|
"neeto-ui-avatar--medium": isMedium,
|
|
79
87
|
"neeto-ui-avatar--large": isLarge,
|
|
80
88
|
"neeto-ui-avatar--xlarge": isExtraLarge,
|
|
81
89
|
hidden: isLoadingFailed
|
|
82
90
|
});
|
|
83
|
-
var statusClasses =
|
|
91
|
+
var statusClasses = classnames__default.default("neeto-ui-avatar__status", status, {
|
|
84
92
|
"neeto-ui-avatar__status-medium": isMedium,
|
|
85
93
|
"neeto-ui-avatar__status-large": isLarge,
|
|
86
94
|
"neeto-ui-avatar__status-xlarge": isExtraLarge
|
|
@@ -99,7 +107,7 @@ var Avatar = function Avatar(_ref) {
|
|
|
99
107
|
children: [!ramda.isNil(status) && /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
100
108
|
className: statusClasses,
|
|
101
109
|
"data-testid": "indicator"
|
|
102
|
-
}), shouldDisplayFallbackAvatar ? /*#__PURE__*/jsxRuntime.jsx(
|
|
110
|
+
}), shouldDisplayFallbackAvatar ? /*#__PURE__*/jsxRuntime.jsx(Avvvatars__default.default, {
|
|
103
111
|
displayValue: getInitials(name),
|
|
104
112
|
size: SIZE[size],
|
|
105
113
|
value: name
|
package/dist/cjs/Avatar.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar.js","sources":["../../src/components/Avatar.jsx"],"sourcesContent":["import React, { useState } from \"react\";\n\nimport Avvvatars from \"avvvatars-react\";\nimport classNames from \"classnames\";\nimport PropTypes from \"prop-types\";\nimport { isEmpty, isNil } from \"ramda\";\n\nimport Tooltip from \"components/Tooltip\";\n\nconst SIZE = { small: 24, medium: 32, large: 40, extraLarge: 64 };\n\nconst STATUS = { online: \"online\", idle: \"idle\", offline: \"offline\" };\n\nconst getInitials = fullName => {\n if (typeof fullName !== \"string\" || isEmpty(fullName)) return \" \";\n const allNames = fullName.trim().split(\" \");\n if (allNames.length === 1) return fullName.substring(0, 2).toUpperCase();\n\n return `${allNames[0][0]}${allNames[allNames.length - 1][0]}`.toUpperCase();\n};\n\nconst Avatar = ({\n size = \"medium\",\n user = {},\n status = null,\n onClick = () => {},\n className = \"\",\n showTooltip = false,\n tooltipProps = {},\n ...otherProps\n}) => {\n const [isLoadingFailed, setIsLoadingFailed] = useState(false);\n\n const { name = \"\", imageUrl } = user;\n\n const isMedium = size === \"medium\";\n const isLarge = size === \"large\";\n const isExtraLarge = size === \"extraLarge\";\n\n const containerClasses = classNames(\n \"neeto-ui-avatar__container neeto-ui-select-none\",\n {\n \"neeto-ui-avatar__container--medium\": isMedium,\n \"neeto-ui-avatar__container--large\": isLarge,\n \"neeto-ui-avatar__container--xlarge\": isExtraLarge,\n },\n className\n );\n\n const imageClasses = classNames(\"neeto-ui-avatar\", {\n \"neeto-ui-avatar--medium\": isMedium,\n \"neeto-ui-avatar--large\": isLarge,\n \"neeto-ui-avatar--xlarge\": isExtraLarge,\n hidden: isLoadingFailed,\n });\n\n const statusClasses = classNames(\"neeto-ui-avatar__status\", status, {\n \"neeto-ui-avatar__status-medium\": isMedium,\n \"neeto-ui-avatar__status-large\": isLarge,\n \"neeto-ui-avatar__status-xlarge\": isExtraLarge,\n });\n\n const shouldDisplayFallbackAvatar = !(imageUrl && !isLoadingFailed);\n\n return (\n <Tooltip\n content={name}\n disabled={!showTooltip}\n position=\"bottom\"\n {...tooltipProps}\n >\n <span\n {...{ onClick }}\n className={containerClasses}\n data-testid=\"nui-avatar\"\n {...otherProps}\n >\n {!isNil(status) && (\n <span className={statusClasses} data-testid=\"indicator\" />\n )}\n {shouldDisplayFallbackAvatar ? (\n <Avvvatars\n displayValue={getInitials(name)}\n size={SIZE[size]}\n value={name}\n />\n ) : (\n <img\n alt={`avatar-${name}`}\n className={imageClasses}\n src={imageUrl}\n onError={() => setIsLoadingFailed(true)}\n />\n )}\n </span>\n </Tooltip>\n );\n};\n\nAvatar.propTypes = {\n /**\n * Specify the dimension for Avatar component.\n */\n size: PropTypes.oneOf(Object.keys(SIZE)),\n user: PropTypes.shape({\n imageUrl: PropTypes.string,\n name: PropTypes.string,\n }),\n /**\n * To specify the action to be triggered on clicking the Avatar.\n */\n onClick: PropTypes.func,\n /**\n * To specify the status of the user if needed in Avatar component.\n */\n status: PropTypes.oneOf(Object.keys(STATUS)),\n /**\n * To display a tooltip with name of the user.\n */\n showTooltip: PropTypes.bool,\n /**\n * To specify the props to be passed to the tooltip.\n */\n tooltipProps: PropTypes.object,\n /**\n * To provide external classnames to Avatar component.\n */\n className: PropTypes.string,\n};\n\nexport default Avatar;\n"],"names":["SIZE","small","medium","large","extraLarge","getInitials","fullName","isEmpty","allNames","trim","split","length","substring","toUpperCase","concat","Avatar","_ref","_ref$size","size","_ref$user","user","_ref$status","status","_ref$onClick","onClick","_ref$className","className","_ref$showTooltip","showTooltip","_ref$tooltipProps","tooltipProps","otherProps","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","isLoadingFailed","setIsLoadingFailed","_user$name","name","imageUrl","isMedium","isLarge","isExtraLarge","containerClasses","classNames","imageClasses","hidden","statusClasses","shouldDisplayFallbackAvatar","_jsx","Tooltip","_objectSpread","content","disabled","position","children","_jsxs","isNil","Avvvatars","displayValue","value","alt","src","onError"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Avatar.js","sources":["../../src/components/Avatar.jsx"],"sourcesContent":["import React, { useState } from \"react\";\n\nimport Avvvatars from \"avvvatars-react\";\nimport classNames from \"classnames\";\nimport PropTypes from \"prop-types\";\nimport { isEmpty, isNil } from \"ramda\";\n\nimport Tooltip from \"components/Tooltip\";\n\nconst SIZE = { small: 24, medium: 32, large: 40, extraLarge: 64 };\n\nconst STATUS = { online: \"online\", idle: \"idle\", offline: \"offline\" };\n\nconst getInitials = fullName => {\n if (typeof fullName !== \"string\" || isEmpty(fullName)) return \" \";\n const allNames = fullName.trim().split(\" \");\n if (allNames.length === 1) return fullName.substring(0, 2).toUpperCase();\n\n return `${allNames[0][0]}${allNames[allNames.length - 1][0]}`.toUpperCase();\n};\n\nconst Avatar = ({\n size = \"medium\",\n user = {},\n status = null,\n onClick = () => {},\n className = \"\",\n showTooltip = false,\n tooltipProps = {},\n ...otherProps\n}) => {\n const [isLoadingFailed, setIsLoadingFailed] = useState(false);\n\n const { name = \"\", imageUrl } = user;\n\n const isMedium = size === \"medium\";\n const isLarge = size === \"large\";\n const isExtraLarge = size === \"extraLarge\";\n\n const containerClasses = classNames(\n \"neeto-ui-avatar__container neeto-ui-select-none\",\n {\n \"neeto-ui-avatar__container--medium\": isMedium,\n \"neeto-ui-avatar__container--large\": isLarge,\n \"neeto-ui-avatar__container--xlarge\": isExtraLarge,\n },\n className\n );\n\n const imageClasses = classNames(\"neeto-ui-avatar\", {\n \"neeto-ui-avatar--medium\": isMedium,\n \"neeto-ui-avatar--large\": isLarge,\n \"neeto-ui-avatar--xlarge\": isExtraLarge,\n hidden: isLoadingFailed,\n });\n\n const statusClasses = classNames(\"neeto-ui-avatar__status\", status, {\n \"neeto-ui-avatar__status-medium\": isMedium,\n \"neeto-ui-avatar__status-large\": isLarge,\n \"neeto-ui-avatar__status-xlarge\": isExtraLarge,\n });\n\n const shouldDisplayFallbackAvatar = !(imageUrl && !isLoadingFailed);\n\n return (\n <Tooltip\n content={name}\n disabled={!showTooltip}\n position=\"bottom\"\n {...tooltipProps}\n >\n <span\n {...{ onClick }}\n className={containerClasses}\n data-testid=\"nui-avatar\"\n {...otherProps}\n >\n {!isNil(status) && (\n <span className={statusClasses} data-testid=\"indicator\" />\n )}\n {shouldDisplayFallbackAvatar ? (\n <Avvvatars\n displayValue={getInitials(name)}\n size={SIZE[size]}\n value={name}\n />\n ) : (\n <img\n alt={`avatar-${name}`}\n className={imageClasses}\n src={imageUrl}\n onError={() => setIsLoadingFailed(true)}\n />\n )}\n </span>\n </Tooltip>\n );\n};\n\nAvatar.propTypes = {\n /**\n * Specify the dimension for Avatar component.\n */\n size: PropTypes.oneOf(Object.keys(SIZE)),\n user: PropTypes.shape({\n imageUrl: PropTypes.string,\n name: PropTypes.string,\n }),\n /**\n * To specify the action to be triggered on clicking the Avatar.\n */\n onClick: PropTypes.func,\n /**\n * To specify the status of the user if needed in Avatar component.\n */\n status: PropTypes.oneOf(Object.keys(STATUS)),\n /**\n * To display a tooltip with name of the user.\n */\n showTooltip: PropTypes.bool,\n /**\n * To specify the props to be passed to the tooltip.\n */\n tooltipProps: PropTypes.object,\n /**\n * To provide external classnames to Avatar component.\n */\n className: PropTypes.string,\n};\n\nexport default Avatar;\n"],"names":["SIZE","small","medium","large","extraLarge","getInitials","fullName","isEmpty","allNames","trim","split","length","substring","toUpperCase","concat","Avatar","_ref","_ref$size","size","_ref$user","user","_ref$status","status","_ref$onClick","onClick","_ref$className","className","_ref$showTooltip","showTooltip","_ref$tooltipProps","tooltipProps","otherProps","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","isLoadingFailed","setIsLoadingFailed","_user$name","name","imageUrl","isMedium","isLarge","isExtraLarge","containerClasses","classNames","imageClasses","hidden","statusClasses","shouldDisplayFallbackAvatar","_jsx","Tooltip","_objectSpread","content","disabled","position","children","_jsxs","isNil","Avvvatars","displayValue","value","alt","src","onError"],"mappings":"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"}
|
package/dist/cjs/Button.js
CHANGED
|
@@ -18,7 +18,7 @@ require('@babel/runtime/helpers/createClass');
|
|
|
18
18
|
require('@bigbinary/neeto-cist');
|
|
19
19
|
require('qs');
|
|
20
20
|
require('ramda');
|
|
21
|
-
require('./index-
|
|
21
|
+
require('./index-BgzkP01c.js');
|
|
22
22
|
require('@babel/runtime/helpers/toConsumableArray');
|
|
23
23
|
require('dayjs');
|
|
24
24
|
require('dayjs/plugin/localeData');
|
|
@@ -26,11 +26,18 @@ require('dayjs/plugin/utc');
|
|
|
26
26
|
require('dayjs/plugin/weekday');
|
|
27
27
|
require('dayjs/plugin/weekOfYear');
|
|
28
28
|
require('i18next');
|
|
29
|
-
require('./usePrefersReducedMotion-
|
|
29
|
+
require('./usePrefersReducedMotion-D2Ck84HM.js');
|
|
30
|
+
|
|
31
|
+
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
32
|
+
|
|
33
|
+
var _defineProperty__default = /*#__PURE__*/_interopDefault(_defineProperty);
|
|
34
|
+
var _objectWithoutProperties__default = /*#__PURE__*/_interopDefault(_objectWithoutProperties);
|
|
35
|
+
var React__default = /*#__PURE__*/_interopDefault(React);
|
|
36
|
+
var classnames__default = /*#__PURE__*/_interopDefault(classnames);
|
|
30
37
|
|
|
31
38
|
var _excluded = ["icon", "iconPosition", "iconSize", "label", "loading", "onClick", "to", "type", "style", "fullWidth", "className", "disabled", "size", "href", "tooltipProps", "children"];
|
|
32
39
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
33
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) {
|
|
40
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty__default.default(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
34
41
|
var BUTTON_STYLES = {
|
|
35
42
|
primary: "primary",
|
|
36
43
|
secondary: "secondary",
|
|
@@ -50,7 +57,7 @@ var ICON_POSITIONS = {
|
|
|
50
57
|
};
|
|
51
58
|
var BUTTON_TYPES = {
|
|
52
59
|
button: "button"};
|
|
53
|
-
var Button = /*#__PURE__*/
|
|
60
|
+
var Button = /*#__PURE__*/React__default.default.forwardRef(function (_ref, ref) {
|
|
54
61
|
var _ref$icon = _ref.icon,
|
|
55
62
|
icon = _ref$icon === void 0 ? null : _ref$icon,
|
|
56
63
|
_ref$iconPosition = _ref.iconPosition,
|
|
@@ -82,7 +89,7 @@ var Button = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
82
89
|
_ref$tooltipProps = _ref.tooltipProps,
|
|
83
90
|
tooltipProps = _ref$tooltipProps === void 0 ? null : _ref$tooltipProps,
|
|
84
91
|
children = _ref.children,
|
|
85
|
-
otherProps =
|
|
92
|
+
otherProps = _objectWithoutProperties__default.default(_ref, _excluded);
|
|
86
93
|
var Parent = "button";
|
|
87
94
|
var elementSpecificProps = {
|
|
88
95
|
type: type
|
|
@@ -107,15 +114,15 @@ var Button = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
107
114
|
};
|
|
108
115
|
var Icon = typeof icon === "string" ? function () {
|
|
109
116
|
return /*#__PURE__*/jsxRuntime.jsx("i", {
|
|
110
|
-
className:
|
|
117
|
+
className: classnames__default.default("neeto-ui-btn__icon", [icon]),
|
|
111
118
|
"data-testid": "class-icon"
|
|
112
119
|
});
|
|
113
|
-
} : icon ||
|
|
120
|
+
} : icon || React__default.default.Fragment;
|
|
114
121
|
return /*#__PURE__*/jsxRuntime.jsx(Tooltip, _objectSpread(_objectSpread({
|
|
115
122
|
disabled: !tooltipProps
|
|
116
123
|
}, tooltipProps), {}, {
|
|
117
124
|
children: /*#__PURE__*/jsxRuntime.jsxs(Parent, _objectSpread(_objectSpread({
|
|
118
|
-
className:
|
|
125
|
+
className: classnames__default.default("neeto-ui-btn", [className], {
|
|
119
126
|
"neeto-ui-btn--style-primary": style === BUTTON_STYLES.primary,
|
|
120
127
|
"neeto-ui-btn--style-secondary": style === BUTTON_STYLES.secondary,
|
|
121
128
|
"neeto-ui-btn--style-tertiary": style === BUTTON_STYLES.tertiary,
|