@bigbinary/neeto-molecules 3.13.5 → 3.13.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/BrowserPreview.js +49 -0
- package/dist/BrowserPreview.js.map +1 -0
- package/dist/MoreDropdown.js +1 -0
- package/dist/MoreDropdown.js.map +1 -1
- package/dist/cjs/BrowserPreview.js +51 -0
- package/dist/cjs/BrowserPreview.js.map +1 -0
- package/dist/cjs/MoreDropdown.js +1 -0
- package/dist/cjs/MoreDropdown.js.map +1 -1
- package/package.json +1 -1
- package/types/BrowserPreview.d.ts +29 -0
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import classnames from 'classnames';
|
|
2
|
+
import { n } from './inject-css-DmrvuTKK.js';
|
|
3
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
4
|
+
|
|
5
|
+
var css = ".neeto-molecules-browser-preview{background-color:rgb(var(--neeto-ui-white));border:1px solid rgb(var(--neeto-ui-gray-300));border-radius:var(--neeto-ui-rounded-lg);overflow:hidden;position:relative;width:100%}.neeto-molecules-browser-preview .neeto-molecules-browser-preview__header{border-bottom:1px solid rgb(var(--neeto-ui-gray-300));flex-shrink:0;padding:12px}.neeto-molecules-browser-preview .neeto-molecules-browser-preview__body{display:flex;flex-direction:column;flex-grow:1;min-height:0;overflow-y:auto}";
|
|
6
|
+
n(css,{});
|
|
7
|
+
|
|
8
|
+
var BrowserIcon = function BrowserIcon() {
|
|
9
|
+
return /*#__PURE__*/jsxs("svg", {
|
|
10
|
+
fill: "none",
|
|
11
|
+
height: "12",
|
|
12
|
+
viewBox: "0 0 52 12",
|
|
13
|
+
width: "52",
|
|
14
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
15
|
+
children: [/*#__PURE__*/jsx("path", {
|
|
16
|
+
d: "M11.5 6a5.5 5.5 0 11-11 0 5.5 5.5 0 0111 0z",
|
|
17
|
+
fill: "#FF5F57",
|
|
18
|
+
stroke: "#E14640"
|
|
19
|
+
}), /*#__PURE__*/jsx("path", {
|
|
20
|
+
d: "M31.5 6a5.5 5.5 0 11-11 0 5.5 5.5 0 0111 0z",
|
|
21
|
+
fill: "#FFBD2E",
|
|
22
|
+
stroke: "#DFA123"
|
|
23
|
+
}), /*#__PURE__*/jsx("path", {
|
|
24
|
+
d: "M51.5 6a5.5 5.5 0 11-11 0 5.5 5.5 0 0111 0z",
|
|
25
|
+
fill: "#28CA42",
|
|
26
|
+
stroke: "#1DAD2C"
|
|
27
|
+
})]
|
|
28
|
+
});
|
|
29
|
+
};
|
|
30
|
+
|
|
31
|
+
var BrowserPreview = function BrowserPreview(_ref) {
|
|
32
|
+
var className = _ref.className,
|
|
33
|
+
children = _ref.children;
|
|
34
|
+
return /*#__PURE__*/jsxs("div", {
|
|
35
|
+
className: "neeto-molecules-browser-preview",
|
|
36
|
+
"data-testid": "browser-preview",
|
|
37
|
+
children: [/*#__PURE__*/jsx("div", {
|
|
38
|
+
className: "neeto-molecules-browser-preview__header",
|
|
39
|
+
children: /*#__PURE__*/jsx(BrowserIcon, {})
|
|
40
|
+
}), /*#__PURE__*/jsx("div", {
|
|
41
|
+
className: classnames("neeto-molecules-browser-preview__body", className),
|
|
42
|
+
"data-testid": "browser-preview-body",
|
|
43
|
+
children: children
|
|
44
|
+
})]
|
|
45
|
+
});
|
|
46
|
+
};
|
|
47
|
+
|
|
48
|
+
export { BrowserPreview as default };
|
|
49
|
+
//# sourceMappingURL=BrowserPreview.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BrowserPreview.js","sources":["../src/components/BrowserPreview/BrowserIcon.jsx","../src/components/BrowserPreview/index.jsx"],"sourcesContent":["const BrowserIcon = () => (\n <svg\n fill=\"none\"\n height=\"12\"\n viewBox=\"0 0 52 12\"\n width=\"52\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M11.5 6a5.5 5.5 0 11-11 0 5.5 5.5 0 0111 0z\"\n fill=\"#FF5F57\"\n stroke=\"#E14640\"\n />\n <path\n d=\"M31.5 6a5.5 5.5 0 11-11 0 5.5 5.5 0 0111 0z\"\n fill=\"#FFBD2E\"\n stroke=\"#DFA123\"\n />\n <path\n d=\"M51.5 6a5.5 5.5 0 11-11 0 5.5 5.5 0 0111 0z\"\n fill=\"#28CA42\"\n stroke=\"#1DAD2C\"\n />\n </svg>\n);\n\nexport default BrowserIcon;\n","import classNames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nimport \"./browser-preview.scss\";\nimport BrowserIcon from \"./BrowserIcon.jsx\";\n\nconst BrowserPreview = ({ className, children }) => (\n <div\n className=\"neeto-molecules-browser-preview\"\n data-testid=\"browser-preview\"\n >\n <div className=\"neeto-molecules-browser-preview__header\">\n <BrowserIcon />\n </div>\n <div\n className={classNames(\"neeto-molecules-browser-preview__body\", className)}\n data-testid=\"browser-preview-body\"\n >\n {children}\n </div>\n </div>\n);\n\nBrowserPreview.propTypes = {\n /**\n * The content to be rendered inside the browser preview body.\n */\n children: PropTypes.node,\n /*\n * To provide additional classes to the browser preview body.\n */\n className: PropTypes.string,\n};\n\nexport default BrowserPreview;\n"],"names":["BrowserIcon","_jsxs","fill","height","viewBox","width","xmlns","children","_jsx","d","stroke","BrowserPreview","_ref","className","classNames"],"mappings":";;;;;;;AAAA,IAAMA,WAAW,GAAG,SAAdA,WAAWA,GAAA;AAAA,EAAA,oBACfC,IAAA,CAAA,KAAA,EAAA;AACEC,IAAAA,IAAI,EAAC,MAAM;AACXC,IAAAA,MAAM,EAAC,IAAI;AACXC,IAAAA,OAAO,EAAC,WAAW;AACnBC,IAAAA,KAAK,EAAC,IAAI;AACVC,IAAAA,KAAK,EAAC,4BAA4B;AAAAC,IAAAA,QAAA,gBAElCC,GAAA,CAAA,MAAA,EAAA;AACEC,MAAAA,CAAC,EAAC,6CAA6C;AAC/CP,MAAAA,IAAI,EAAC,SAAS;AACdQ,MAAAA,MAAM,EAAC,SAAA;KACR,CAAC,eACFF,GAAA,CAAA,MAAA,EAAA;AACEC,MAAAA,CAAC,EAAC,6CAA6C;AAC/CP,MAAAA,IAAI,EAAC,SAAS;AACdQ,MAAAA,MAAM,EAAC,SAAA;KACR,CAAC,eACFF,GAAA,CAAA,MAAA,EAAA;AACEC,MAAAA,CAAC,EAAC,6CAA6C;AAC/CP,MAAAA,IAAI,EAAC,SAAS;AACdQ,MAAAA,MAAM,EAAC,SAAA;AAAS,KACjB,CAAC,CAAA;AAAA,GACC,CAAC,CAAA;AAAA,CACP;;AClBD,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,SAAS,GAAAD,IAAA,CAATC,SAAS;IAAEN,QAAQ,GAAAK,IAAA,CAARL,QAAQ,CAAA;AAAA,EAAA,oBAC3CN,IAAA,CAAA,KAAA,EAAA;AACEY,IAAAA,SAAS,EAAC,iCAAiC;AAC3C,IAAA,aAAA,EAAY,iBAAiB;AAAAN,IAAAA,QAAA,gBAE7BC,GAAA,CAAA,KAAA,EAAA;AAAKK,MAAAA,SAAS,EAAC,yCAAyC;AAAAN,MAAAA,QAAA,eACtDC,GAAA,CAACR,WAAW,EAAE,EAAA,CAAA;KACX,CAAC,eACNQ,GAAA,CAAA,KAAA,EAAA;AACEK,MAAAA,SAAS,EAAEC,UAAU,CAAC,uCAAuC,EAAED,SAAS,CAAE;AAC1E,MAAA,aAAA,EAAY,sBAAsB;AAAAN,MAAAA,QAAA,EAEjCA,QAAAA;AAAQ,KACN,CAAC,CAAA;AAAA,GACH,CAAC,CAAA;AAAA;;;;"}
|
package/dist/MoreDropdown.js
CHANGED
|
@@ -132,6 +132,7 @@ var MoreDropdown = function MoreDropdown(_ref) {
|
|
|
132
132
|
className: "flex",
|
|
133
133
|
disabled: isDisabled,
|
|
134
134
|
icon: targetIcon,
|
|
135
|
+
zIndex: 99999,
|
|
135
136
|
buttonProps: _objectSpread({
|
|
136
137
|
"data-dropdown-button-style": "more-dropdown",
|
|
137
138
|
className: classnames("min-h-0 flex-shrink-0", {
|
package/dist/MoreDropdown.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MoreDropdown.js","sources":["../src/components/MoreDropdown/constants.js","../src/components/MoreDropdown/Submenu.jsx","../src/components/MoreDropdown/MenuItem.jsx","../src/components/MoreDropdown/index.jsx"],"sourcesContent":["export const BUTTON_STYLES = {\n primary: \"primary\",\n secondary: \"secondary\",\n tertiary: \"tertiary\",\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 = {\n menuItem: \"menuItem\",\n divider: \"divider\",\n};\n\nexport const DEFAULT_TOOLTIP_PROPS = {\n disabled: true,\n position: \"bottom\",\n touch: [\"hold\", 500],\n};\n","import { Dropdown } from \"neetoui\";\n\nimport MoreDropdownMenuItem from \"./MenuItem\";\n\nconst { MenuItem, Menu } = Dropdown;\n\nconst Submenu = ({ label, key, ...menuItemProps }) => (\n <Dropdown\n appendTo=\"parent\"\n customTarget={<MenuItem.Button>{label}</MenuItem.Button>}\n key={key}\n position=\"left\"\n trigger=\"hover\"\n {...menuItemProps.dropdownProps}\n >\n <Menu>\n {menuItemProps.menuItems.map(\n ({ isVisible = true, key, ...menuItemProps }) => {\n if (!isVisible) return null;\n\n return <MoreDropdownMenuItem key={key} {...menuItemProps} />;\n }\n )}\n </Menu>\n </Dropdown>\n);\n\nexport default Submenu;\n","import { Dropdown } from \"neetoui\";\n\nimport { MENU_ITEM_TYPES } from \"./constants\";\nimport Submenu from \"./Submenu\";\n\nconst { MenuItem, Divider } = Dropdown;\n\nconst MoreDropdownMenuItem = ({\n onClick,\n label,\n type = MENU_ITEM_TYPES.menuItem,\n hasSubItems = false,\n ...menuItemProps\n}) => {\n if (type === MENU_ITEM_TYPES.divider) {\n return <Divider />;\n }\n\n if (hasSubItems) {\n return <Submenu {...{ label, ...menuItemProps }} />;\n }\n\n return (\n <MenuItem.Button {...{ onClick, ...menuItemProps }}>\n {label}\n </MenuItem.Button>\n );\n};\n\nexport default MoreDropdownMenuItem;\n","import classnames from \"classnames\";\nimport { hyphenate } from \"neetocist\";\nimport { MenuHorizontal, MenuVertical } from \"neetoicons\";\nimport { Button, Dropdown, Tooltip } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { mergeRight } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport {\n BUTTON_STYLES,\n DEFAULT_TOOLTIP_PROPS,\n MENU_ITEM_TYPES,\n SIZES,\n STRATEGY,\n} from \"./constants\";\nimport MenuItem from \"./MenuItem\";\nimport \"./moredropdown.scss\";\n\nconst { Menu } = Dropdown;\n\nconst MoreDropdown = ({\n dropdownButtonProps = {},\n isVertical = false,\n isDisabled = false,\n dropdownProps = {},\n menuTopChildren,\n menuBottomChildren,\n menuItems = [],\n}) => {\n const { t } = useTranslation();\n\n const { isRounded: isRoundedButton, ...buttonProps } = dropdownButtonProps;\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-cy=\"more-dropdown-button\"\n data-dropdown-button-style=\"more-dropdown\"\n data-testid=\"nui-dropdown-button\"\n icon={targetIcon}\n iconPosition=\"right\"\n size=\"medium\"\n style=\"text\"\n className={classnames({\n \"neeto-molecule-moredropdown--rounded\": isRoundedButton,\n })}\n {...buttonProps}\n />\n </span>\n </Tooltip>\n );\n }\n\n return (\n <Dropdown\n className=\"flex\"\n disabled={isDisabled}\n icon={targetIcon}\n buttonProps={{\n \"data-dropdown-button-style\": \"more-dropdown\",\n className: classnames(\"min-h-0 flex-shrink-0\", {\n \"neeto-molecule-moredropdown--rounded\": isRoundedButton,\n }),\n style: \"text\",\n tooltipProps: {\n content: t(\"neetoMolecules.moreDropdown.tooltip\"),\n position: \"top\",\n touch: [\"hold\", 500],\n },\n ...buttonProps,\n }}\n {...dropdownProps}\n >\n <Menu>\n {menuTopChildren}\n {menuItems.map(({ isVisible = true, key, ...menuItemProps }) => {\n if (!isVisible) return null;\n\n return (\n <MenuItem\n key={key ?? hyphenate(menuItemProps.label)}\n {...menuItemProps}\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 isRounded: 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 hasSubItems: PropTypes.bool,\n dropdownProps: PropTypes.shape({\n position: PropTypes.string,\n trigger: PropTypes.string,\n }),\n })\n ),\n};\n\nexport default MoreDropdown;\n"],"names":["MENU_ITEM_TYPES","menuItem","divider","DEFAULT_TOOLTIP_PROPS","disabled","position","touch","MenuItem","Dropdown","Menu","Submenu","_ref","label","key","menuItemProps","_objectWithoutProperties","_excluded","_jsx","_objectSpread","appendTo","customTarget","Button","children","trigger","dropdownProps","menuItems","map","_ref2","_ref2$isVisible","isVisible","_excluded2","MoreDropdownMenuItem","Divider","onClick","_ref$type","type","_ref$hasSubItems","hasSubItems","MoreDropdown","_ref$dropdownButtonPr","dropdownButtonProps","_ref$isVertical","isVertical","_ref$isDisabled","isDisabled","_ref$dropdownProps","menuTopChildren","menuBottomChildren","_ref$menuItems","_useTranslation","useTranslation","t","isRoundedButton","isRounded","buttonProps","tooltipProps","mergeRight","targetIcon","MenuVertical","MenuHorizontal","isDropdownDisabled","Tooltip","icon","iconPosition","size","style","className","classnames","content","_jsxs","hyphenate"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"MoreDropdown.js","sources":["../src/components/MoreDropdown/constants.js","../src/components/MoreDropdown/Submenu.jsx","../src/components/MoreDropdown/MenuItem.jsx","../src/components/MoreDropdown/index.jsx"],"sourcesContent":["export const BUTTON_STYLES = {\n primary: \"primary\",\n secondary: \"secondary\",\n tertiary: \"tertiary\",\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 = {\n menuItem: \"menuItem\",\n divider: \"divider\",\n};\n\nexport const DEFAULT_TOOLTIP_PROPS = {\n disabled: true,\n position: \"bottom\",\n touch: [\"hold\", 500],\n};\n","import { Dropdown } from \"neetoui\";\n\nimport MoreDropdownMenuItem from \"./MenuItem\";\n\nconst { MenuItem, Menu } = Dropdown;\n\nconst Submenu = ({ label, key, ...menuItemProps }) => (\n <Dropdown\n appendTo=\"parent\"\n customTarget={<MenuItem.Button>{label}</MenuItem.Button>}\n key={key}\n position=\"left\"\n trigger=\"hover\"\n {...menuItemProps.dropdownProps}\n >\n <Menu>\n {menuItemProps.menuItems.map(\n ({ isVisible = true, key, ...menuItemProps }) => {\n if (!isVisible) return null;\n\n return <MoreDropdownMenuItem key={key} {...menuItemProps} />;\n }\n )}\n </Menu>\n </Dropdown>\n);\n\nexport default Submenu;\n","import { Dropdown } from \"neetoui\";\n\nimport { MENU_ITEM_TYPES } from \"./constants\";\nimport Submenu from \"./Submenu\";\n\nconst { MenuItem, Divider } = Dropdown;\n\nconst MoreDropdownMenuItem = ({\n onClick,\n label,\n type = MENU_ITEM_TYPES.menuItem,\n hasSubItems = false,\n ...menuItemProps\n}) => {\n if (type === MENU_ITEM_TYPES.divider) {\n return <Divider />;\n }\n\n if (hasSubItems) {\n return <Submenu {...{ label, ...menuItemProps }} />;\n }\n\n return (\n <MenuItem.Button {...{ onClick, ...menuItemProps }}>\n {label}\n </MenuItem.Button>\n );\n};\n\nexport default MoreDropdownMenuItem;\n","import classnames from \"classnames\";\nimport { hyphenate } from \"neetocist\";\nimport { MenuHorizontal, MenuVertical } from \"neetoicons\";\nimport { Button, Dropdown, Tooltip } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { mergeRight } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport {\n BUTTON_STYLES,\n DEFAULT_TOOLTIP_PROPS,\n MENU_ITEM_TYPES,\n SIZES,\n STRATEGY,\n} from \"./constants\";\nimport MenuItem from \"./MenuItem\";\nimport \"./moredropdown.scss\";\n\nconst { Menu } = Dropdown;\n\nconst MoreDropdown = ({\n dropdownButtonProps = {},\n isVertical = false,\n isDisabled = false,\n dropdownProps = {},\n menuTopChildren,\n menuBottomChildren,\n menuItems = [],\n}) => {\n const { t } = useTranslation();\n\n const { isRounded: isRoundedButton, ...buttonProps } = dropdownButtonProps;\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-cy=\"more-dropdown-button\"\n data-dropdown-button-style=\"more-dropdown\"\n data-testid=\"nui-dropdown-button\"\n icon={targetIcon}\n iconPosition=\"right\"\n size=\"medium\"\n style=\"text\"\n className={classnames({\n \"neeto-molecule-moredropdown--rounded\": isRoundedButton,\n })}\n {...buttonProps}\n />\n </span>\n </Tooltip>\n );\n }\n\n return (\n <Dropdown\n className=\"flex\"\n disabled={isDisabled}\n icon={targetIcon}\n zIndex={99999}\n buttonProps={{\n \"data-dropdown-button-style\": \"more-dropdown\",\n className: classnames(\"min-h-0 flex-shrink-0\", {\n \"neeto-molecule-moredropdown--rounded\": isRoundedButton,\n }),\n style: \"text\",\n tooltipProps: {\n content: t(\"neetoMolecules.moreDropdown.tooltip\"),\n position: \"top\",\n touch: [\"hold\", 500],\n },\n ...buttonProps,\n }}\n {...dropdownProps}\n >\n <Menu>\n {menuTopChildren}\n {menuItems.map(({ isVisible = true, key, ...menuItemProps }) => {\n if (!isVisible) return null;\n\n return (\n <MenuItem\n key={key ?? hyphenate(menuItemProps.label)}\n {...menuItemProps}\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 isRounded: 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 hasSubItems: PropTypes.bool,\n dropdownProps: PropTypes.shape({\n position: PropTypes.string,\n trigger: PropTypes.string,\n }),\n })\n ),\n};\n\nexport default MoreDropdown;\n"],"names":["MENU_ITEM_TYPES","menuItem","divider","DEFAULT_TOOLTIP_PROPS","disabled","position","touch","MenuItem","Dropdown","Menu","Submenu","_ref","label","key","menuItemProps","_objectWithoutProperties","_excluded","_jsx","_objectSpread","appendTo","customTarget","Button","children","trigger","dropdownProps","menuItems","map","_ref2","_ref2$isVisible","isVisible","_excluded2","MoreDropdownMenuItem","Divider","onClick","_ref$type","type","_ref$hasSubItems","hasSubItems","MoreDropdown","_ref$dropdownButtonPr","dropdownButtonProps","_ref$isVertical","isVertical","_ref$isDisabled","isDisabled","_ref$dropdownProps","menuTopChildren","menuBottomChildren","_ref$menuItems","_useTranslation","useTranslation","t","isRoundedButton","isRounded","buttonProps","tooltipProps","mergeRight","targetIcon","MenuVertical","MenuHorizontal","isDropdownDisabled","Tooltip","icon","iconPosition","size","style","className","classnames","zIndex","content","_jsxs","hyphenate"],"mappings":"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"}
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var classnames = require('classnames');
|
|
4
|
+
var injectCss = require('./inject-css-vQvjPR2x.js');
|
|
5
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
6
|
+
|
|
7
|
+
var css = ".neeto-molecules-browser-preview{background-color:rgb(var(--neeto-ui-white));border:1px solid rgb(var(--neeto-ui-gray-300));border-radius:var(--neeto-ui-rounded-lg);overflow:hidden;position:relative;width:100%}.neeto-molecules-browser-preview .neeto-molecules-browser-preview__header{border-bottom:1px solid rgb(var(--neeto-ui-gray-300));flex-shrink:0;padding:12px}.neeto-molecules-browser-preview .neeto-molecules-browser-preview__body{display:flex;flex-direction:column;flex-grow:1;min-height:0;overflow-y:auto}";
|
|
8
|
+
injectCss.n(css,{});
|
|
9
|
+
|
|
10
|
+
var BrowserIcon = function BrowserIcon() {
|
|
11
|
+
return /*#__PURE__*/jsxRuntime.jsxs("svg", {
|
|
12
|
+
fill: "none",
|
|
13
|
+
height: "12",
|
|
14
|
+
viewBox: "0 0 52 12",
|
|
15
|
+
width: "52",
|
|
16
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
17
|
+
children: [/*#__PURE__*/jsxRuntime.jsx("path", {
|
|
18
|
+
d: "M11.5 6a5.5 5.5 0 11-11 0 5.5 5.5 0 0111 0z",
|
|
19
|
+
fill: "#FF5F57",
|
|
20
|
+
stroke: "#E14640"
|
|
21
|
+
}), /*#__PURE__*/jsxRuntime.jsx("path", {
|
|
22
|
+
d: "M31.5 6a5.5 5.5 0 11-11 0 5.5 5.5 0 0111 0z",
|
|
23
|
+
fill: "#FFBD2E",
|
|
24
|
+
stroke: "#DFA123"
|
|
25
|
+
}), /*#__PURE__*/jsxRuntime.jsx("path", {
|
|
26
|
+
d: "M51.5 6a5.5 5.5 0 11-11 0 5.5 5.5 0 0111 0z",
|
|
27
|
+
fill: "#28CA42",
|
|
28
|
+
stroke: "#1DAD2C"
|
|
29
|
+
})]
|
|
30
|
+
});
|
|
31
|
+
};
|
|
32
|
+
|
|
33
|
+
var BrowserPreview = function BrowserPreview(_ref) {
|
|
34
|
+
var className = _ref.className,
|
|
35
|
+
children = _ref.children;
|
|
36
|
+
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
37
|
+
className: "neeto-molecules-browser-preview",
|
|
38
|
+
"data-testid": "browser-preview",
|
|
39
|
+
children: [/*#__PURE__*/jsxRuntime.jsx("div", {
|
|
40
|
+
className: "neeto-molecules-browser-preview__header",
|
|
41
|
+
children: /*#__PURE__*/jsxRuntime.jsx(BrowserIcon, {})
|
|
42
|
+
}), /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
43
|
+
className: classnames("neeto-molecules-browser-preview__body", className),
|
|
44
|
+
"data-testid": "browser-preview-body",
|
|
45
|
+
children: children
|
|
46
|
+
})]
|
|
47
|
+
});
|
|
48
|
+
};
|
|
49
|
+
|
|
50
|
+
module.exports = BrowserPreview;
|
|
51
|
+
//# sourceMappingURL=BrowserPreview.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BrowserPreview.js","sources":["../../src/components/BrowserPreview/BrowserIcon.jsx","../../src/components/BrowserPreview/index.jsx"],"sourcesContent":["const BrowserIcon = () => (\n <svg\n fill=\"none\"\n height=\"12\"\n viewBox=\"0 0 52 12\"\n width=\"52\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M11.5 6a5.5 5.5 0 11-11 0 5.5 5.5 0 0111 0z\"\n fill=\"#FF5F57\"\n stroke=\"#E14640\"\n />\n <path\n d=\"M31.5 6a5.5 5.5 0 11-11 0 5.5 5.5 0 0111 0z\"\n fill=\"#FFBD2E\"\n stroke=\"#DFA123\"\n />\n <path\n d=\"M51.5 6a5.5 5.5 0 11-11 0 5.5 5.5 0 0111 0z\"\n fill=\"#28CA42\"\n stroke=\"#1DAD2C\"\n />\n </svg>\n);\n\nexport default BrowserIcon;\n","import classNames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nimport \"./browser-preview.scss\";\nimport BrowserIcon from \"./BrowserIcon.jsx\";\n\nconst BrowserPreview = ({ className, children }) => (\n <div\n className=\"neeto-molecules-browser-preview\"\n data-testid=\"browser-preview\"\n >\n <div className=\"neeto-molecules-browser-preview__header\">\n <BrowserIcon />\n </div>\n <div\n className={classNames(\"neeto-molecules-browser-preview__body\", className)}\n data-testid=\"browser-preview-body\"\n >\n {children}\n </div>\n </div>\n);\n\nBrowserPreview.propTypes = {\n /**\n * The content to be rendered inside the browser preview body.\n */\n children: PropTypes.node,\n /*\n * To provide additional classes to the browser preview body.\n */\n className: PropTypes.string,\n};\n\nexport default BrowserPreview;\n"],"names":["BrowserIcon","_jsxs","fill","height","viewBox","width","xmlns","children","_jsx","d","stroke","BrowserPreview","_ref","className","classNames"],"mappings":";;;;;;;;;AAAA,IAAMA,WAAW,GAAG,SAAdA,WAAWA,GAAA;AAAA,EAAA,oBACfC,eAAA,CAAA,KAAA,EAAA;AACEC,IAAAA,IAAI,EAAC,MAAM;AACXC,IAAAA,MAAM,EAAC,IAAI;AACXC,IAAAA,OAAO,EAAC,WAAW;AACnBC,IAAAA,KAAK,EAAC,IAAI;AACVC,IAAAA,KAAK,EAAC,4BAA4B;AAAAC,IAAAA,QAAA,gBAElCC,cAAA,CAAA,MAAA,EAAA;AACEC,MAAAA,CAAC,EAAC,6CAA6C;AAC/CP,MAAAA,IAAI,EAAC,SAAS;AACdQ,MAAAA,MAAM,EAAC,SAAA;KACR,CAAC,eACFF,cAAA,CAAA,MAAA,EAAA;AACEC,MAAAA,CAAC,EAAC,6CAA6C;AAC/CP,MAAAA,IAAI,EAAC,SAAS;AACdQ,MAAAA,MAAM,EAAC,SAAA;KACR,CAAC,eACFF,cAAA,CAAA,MAAA,EAAA;AACEC,MAAAA,CAAC,EAAC,6CAA6C;AAC/CP,MAAAA,IAAI,EAAC,SAAS;AACdQ,MAAAA,MAAM,EAAC,SAAA;AAAS,KACjB,CAAC,CAAA;AAAA,GACC,CAAC,CAAA;AAAA,CACP;;AClBD,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,SAAS,GAAAD,IAAA,CAATC,SAAS;IAAEN,QAAQ,GAAAK,IAAA,CAARL,QAAQ,CAAA;AAAA,EAAA,oBAC3CN,eAAA,CAAA,KAAA,EAAA;AACEY,IAAAA,SAAS,EAAC,iCAAiC;AAC3C,IAAA,aAAA,EAAY,iBAAiB;AAAAN,IAAAA,QAAA,gBAE7BC,cAAA,CAAA,KAAA,EAAA;AAAKK,MAAAA,SAAS,EAAC,yCAAyC;AAAAN,MAAAA,QAAA,eACtDC,cAAA,CAACR,WAAW,EAAE,EAAA,CAAA;KACX,CAAC,eACNQ,cAAA,CAAA,KAAA,EAAA;AACEK,MAAAA,SAAS,EAAEC,UAAU,CAAC,uCAAuC,EAAED,SAAS,CAAE;AAC1E,MAAA,aAAA,EAAY,sBAAsB;AAAAN,MAAAA,QAAA,EAEjCA,QAAAA;AAAQ,KACN,CAAC,CAAA;AAAA,GACH,CAAC,CAAA;AAAA;;;;"}
|
package/dist/cjs/MoreDropdown.js
CHANGED
|
@@ -134,6 +134,7 @@ var MoreDropdown = function MoreDropdown(_ref) {
|
|
|
134
134
|
className: "flex",
|
|
135
135
|
disabled: isDisabled,
|
|
136
136
|
icon: targetIcon,
|
|
137
|
+
zIndex: 99999,
|
|
137
138
|
buttonProps: _objectSpread({
|
|
138
139
|
"data-dropdown-button-style": "more-dropdown",
|
|
139
140
|
className: classnames("min-h-0 flex-shrink-0", {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MoreDropdown.js","sources":["../../src/components/MoreDropdown/constants.js","../../src/components/MoreDropdown/Submenu.jsx","../../src/components/MoreDropdown/MenuItem.jsx","../../src/components/MoreDropdown/index.jsx"],"sourcesContent":["export const BUTTON_STYLES = {\n primary: \"primary\",\n secondary: \"secondary\",\n tertiary: \"tertiary\",\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 = {\n menuItem: \"menuItem\",\n divider: \"divider\",\n};\n\nexport const DEFAULT_TOOLTIP_PROPS = {\n disabled: true,\n position: \"bottom\",\n touch: [\"hold\", 500],\n};\n","import { Dropdown } from \"neetoui\";\n\nimport MoreDropdownMenuItem from \"./MenuItem\";\n\nconst { MenuItem, Menu } = Dropdown;\n\nconst Submenu = ({ label, key, ...menuItemProps }) => (\n <Dropdown\n appendTo=\"parent\"\n customTarget={<MenuItem.Button>{label}</MenuItem.Button>}\n key={key}\n position=\"left\"\n trigger=\"hover\"\n {...menuItemProps.dropdownProps}\n >\n <Menu>\n {menuItemProps.menuItems.map(\n ({ isVisible = true, key, ...menuItemProps }) => {\n if (!isVisible) return null;\n\n return <MoreDropdownMenuItem key={key} {...menuItemProps} />;\n }\n )}\n </Menu>\n </Dropdown>\n);\n\nexport default Submenu;\n","import { Dropdown } from \"neetoui\";\n\nimport { MENU_ITEM_TYPES } from \"./constants\";\nimport Submenu from \"./Submenu\";\n\nconst { MenuItem, Divider } = Dropdown;\n\nconst MoreDropdownMenuItem = ({\n onClick,\n label,\n type = MENU_ITEM_TYPES.menuItem,\n hasSubItems = false,\n ...menuItemProps\n}) => {\n if (type === MENU_ITEM_TYPES.divider) {\n return <Divider />;\n }\n\n if (hasSubItems) {\n return <Submenu {...{ label, ...menuItemProps }} />;\n }\n\n return (\n <MenuItem.Button {...{ onClick, ...menuItemProps }}>\n {label}\n </MenuItem.Button>\n );\n};\n\nexport default MoreDropdownMenuItem;\n","import classnames from \"classnames\";\nimport { hyphenate } from \"neetocist\";\nimport { MenuHorizontal, MenuVertical } from \"neetoicons\";\nimport { Button, Dropdown, Tooltip } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { mergeRight } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport {\n BUTTON_STYLES,\n DEFAULT_TOOLTIP_PROPS,\n MENU_ITEM_TYPES,\n SIZES,\n STRATEGY,\n} from \"./constants\";\nimport MenuItem from \"./MenuItem\";\nimport \"./moredropdown.scss\";\n\nconst { Menu } = Dropdown;\n\nconst MoreDropdown = ({\n dropdownButtonProps = {},\n isVertical = false,\n isDisabled = false,\n dropdownProps = {},\n menuTopChildren,\n menuBottomChildren,\n menuItems = [],\n}) => {\n const { t } = useTranslation();\n\n const { isRounded: isRoundedButton, ...buttonProps } = dropdownButtonProps;\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-cy=\"more-dropdown-button\"\n data-dropdown-button-style=\"more-dropdown\"\n data-testid=\"nui-dropdown-button\"\n icon={targetIcon}\n iconPosition=\"right\"\n size=\"medium\"\n style=\"text\"\n className={classnames({\n \"neeto-molecule-moredropdown--rounded\": isRoundedButton,\n })}\n {...buttonProps}\n />\n </span>\n </Tooltip>\n );\n }\n\n return (\n <Dropdown\n className=\"flex\"\n disabled={isDisabled}\n icon={targetIcon}\n buttonProps={{\n \"data-dropdown-button-style\": \"more-dropdown\",\n className: classnames(\"min-h-0 flex-shrink-0\", {\n \"neeto-molecule-moredropdown--rounded\": isRoundedButton,\n }),\n style: \"text\",\n tooltipProps: {\n content: t(\"neetoMolecules.moreDropdown.tooltip\"),\n position: \"top\",\n touch: [\"hold\", 500],\n },\n ...buttonProps,\n }}\n {...dropdownProps}\n >\n <Menu>\n {menuTopChildren}\n {menuItems.map(({ isVisible = true, key, ...menuItemProps }) => {\n if (!isVisible) return null;\n\n return (\n <MenuItem\n key={key ?? hyphenate(menuItemProps.label)}\n {...menuItemProps}\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 isRounded: 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 hasSubItems: PropTypes.bool,\n dropdownProps: PropTypes.shape({\n position: PropTypes.string,\n trigger: PropTypes.string,\n }),\n })\n ),\n};\n\nexport default MoreDropdown;\n"],"names":["MENU_ITEM_TYPES","menuItem","divider","DEFAULT_TOOLTIP_PROPS","disabled","position","touch","MenuItem","Dropdown","Menu","Submenu","_ref","label","key","menuItemProps","_objectWithoutProperties","_excluded","_jsx","_objectSpread","appendTo","customTarget","Button","children","trigger","dropdownProps","menuItems","map","_ref2","_ref2$isVisible","isVisible","_excluded2","MoreDropdownMenuItem","Divider","onClick","_ref$type","type","_ref$hasSubItems","hasSubItems","MoreDropdown","_ref$dropdownButtonPr","dropdownButtonProps","_ref$isVertical","isVertical","_ref$isDisabled","isDisabled","_ref$dropdownProps","menuTopChildren","menuBottomChildren","_ref$menuItems","_useTranslation","useTranslation","t","isRoundedButton","isRounded","buttonProps","tooltipProps","mergeRight","targetIcon","MenuVertical","MenuHorizontal","isDropdownDisabled","Tooltip","icon","iconPosition","size","style","className","classnames","content","_jsxs","hyphenate"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"MoreDropdown.js","sources":["../../src/components/MoreDropdown/constants.js","../../src/components/MoreDropdown/Submenu.jsx","../../src/components/MoreDropdown/MenuItem.jsx","../../src/components/MoreDropdown/index.jsx"],"sourcesContent":["export const BUTTON_STYLES = {\n primary: \"primary\",\n secondary: \"secondary\",\n tertiary: \"tertiary\",\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 = {\n menuItem: \"menuItem\",\n divider: \"divider\",\n};\n\nexport const DEFAULT_TOOLTIP_PROPS = {\n disabled: true,\n position: \"bottom\",\n touch: [\"hold\", 500],\n};\n","import { Dropdown } from \"neetoui\";\n\nimport MoreDropdownMenuItem from \"./MenuItem\";\n\nconst { MenuItem, Menu } = Dropdown;\n\nconst Submenu = ({ label, key, ...menuItemProps }) => (\n <Dropdown\n appendTo=\"parent\"\n customTarget={<MenuItem.Button>{label}</MenuItem.Button>}\n key={key}\n position=\"left\"\n trigger=\"hover\"\n {...menuItemProps.dropdownProps}\n >\n <Menu>\n {menuItemProps.menuItems.map(\n ({ isVisible = true, key, ...menuItemProps }) => {\n if (!isVisible) return null;\n\n return <MoreDropdownMenuItem key={key} {...menuItemProps} />;\n }\n )}\n </Menu>\n </Dropdown>\n);\n\nexport default Submenu;\n","import { Dropdown } from \"neetoui\";\n\nimport { MENU_ITEM_TYPES } from \"./constants\";\nimport Submenu from \"./Submenu\";\n\nconst { MenuItem, Divider } = Dropdown;\n\nconst MoreDropdownMenuItem = ({\n onClick,\n label,\n type = MENU_ITEM_TYPES.menuItem,\n hasSubItems = false,\n ...menuItemProps\n}) => {\n if (type === MENU_ITEM_TYPES.divider) {\n return <Divider />;\n }\n\n if (hasSubItems) {\n return <Submenu {...{ label, ...menuItemProps }} />;\n }\n\n return (\n <MenuItem.Button {...{ onClick, ...menuItemProps }}>\n {label}\n </MenuItem.Button>\n );\n};\n\nexport default MoreDropdownMenuItem;\n","import classnames from \"classnames\";\nimport { hyphenate } from \"neetocist\";\nimport { MenuHorizontal, MenuVertical } from \"neetoicons\";\nimport { Button, Dropdown, Tooltip } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { mergeRight } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport {\n BUTTON_STYLES,\n DEFAULT_TOOLTIP_PROPS,\n MENU_ITEM_TYPES,\n SIZES,\n STRATEGY,\n} from \"./constants\";\nimport MenuItem from \"./MenuItem\";\nimport \"./moredropdown.scss\";\n\nconst { Menu } = Dropdown;\n\nconst MoreDropdown = ({\n dropdownButtonProps = {},\n isVertical = false,\n isDisabled = false,\n dropdownProps = {},\n menuTopChildren,\n menuBottomChildren,\n menuItems = [],\n}) => {\n const { t } = useTranslation();\n\n const { isRounded: isRoundedButton, ...buttonProps } = dropdownButtonProps;\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-cy=\"more-dropdown-button\"\n data-dropdown-button-style=\"more-dropdown\"\n data-testid=\"nui-dropdown-button\"\n icon={targetIcon}\n iconPosition=\"right\"\n size=\"medium\"\n style=\"text\"\n className={classnames({\n \"neeto-molecule-moredropdown--rounded\": isRoundedButton,\n })}\n {...buttonProps}\n />\n </span>\n </Tooltip>\n );\n }\n\n return (\n <Dropdown\n className=\"flex\"\n disabled={isDisabled}\n icon={targetIcon}\n zIndex={99999}\n buttonProps={{\n \"data-dropdown-button-style\": \"more-dropdown\",\n className: classnames(\"min-h-0 flex-shrink-0\", {\n \"neeto-molecule-moredropdown--rounded\": isRoundedButton,\n }),\n style: \"text\",\n tooltipProps: {\n content: t(\"neetoMolecules.moreDropdown.tooltip\"),\n position: \"top\",\n touch: [\"hold\", 500],\n },\n ...buttonProps,\n }}\n {...dropdownProps}\n >\n <Menu>\n {menuTopChildren}\n {menuItems.map(({ isVisible = true, key, ...menuItemProps }) => {\n if (!isVisible) return null;\n\n return (\n <MenuItem\n key={key ?? hyphenate(menuItemProps.label)}\n {...menuItemProps}\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 isRounded: 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 hasSubItems: PropTypes.bool,\n dropdownProps: PropTypes.shape({\n position: PropTypes.string,\n trigger: PropTypes.string,\n }),\n })\n ),\n};\n\nexport default MoreDropdown;\n"],"names":["MENU_ITEM_TYPES","menuItem","divider","DEFAULT_TOOLTIP_PROPS","disabled","position","touch","MenuItem","Dropdown","Menu","Submenu","_ref","label","key","menuItemProps","_objectWithoutProperties","_excluded","_jsx","_objectSpread","appendTo","customTarget","Button","children","trigger","dropdownProps","menuItems","map","_ref2","_ref2$isVisible","isVisible","_excluded2","MoreDropdownMenuItem","Divider","onClick","_ref$type","type","_ref$hasSubItems","hasSubItems","MoreDropdown","_ref$dropdownButtonPr","dropdownButtonProps","_ref$isVertical","isVertical","_ref$isDisabled","isDisabled","_ref$dropdownProps","menuTopChildren","menuBottomChildren","_ref$menuItems","_useTranslation","useTranslation","t","isRoundedButton","isRounded","buttonProps","tooltipProps","mergeRight","targetIcon","MenuVertical","MenuHorizontal","isDropdownDisabled","Tooltip","icon","iconPosition","size","style","className","classnames","zIndex","content","_jsxs","hyphenate"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@bigbinary/neeto-molecules",
|
|
3
|
-
"version": "3.13.
|
|
3
|
+
"version": "3.13.7",
|
|
4
4
|
"description": "A package of reusable molecular components for neeto products.",
|
|
5
5
|
"repository": "git@github.com:bigbinary/neeto-molecules.git",
|
|
6
6
|
"author": "Amaljith K <amaljith.k@bigbinary.com>",
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
*
|
|
5
|
+
* The BrowserPreview component is used to render the content wrapped in the
|
|
6
|
+
*
|
|
7
|
+
* browser frame for preview purposes.
|
|
8
|
+
*
|
|
9
|
+
* @example
|
|
10
|
+
*
|
|
11
|
+
* import BrowserPreview from "@bigbinary/neeto-molecules/BrowserPreview";
|
|
12
|
+
*
|
|
13
|
+
* const Component = () => (
|
|
14
|
+
* <BrowserPreview>
|
|
15
|
+
* <div className="flex h-full items-center justify-center">
|
|
16
|
+
* <Typography className="text-center" style="body2">
|
|
17
|
+
* This is the body of the browser preview
|
|
18
|
+
* </Typography>
|
|
19
|
+
* </div>
|
|
20
|
+
* </BrowserPreview>
|
|
21
|
+
* );
|
|
22
|
+
* @endexample
|
|
23
|
+
*/
|
|
24
|
+
declare const BrowserPreview: React.FC<{
|
|
25
|
+
className?: string;
|
|
26
|
+
children?: React.ReactNode;
|
|
27
|
+
}>;
|
|
28
|
+
|
|
29
|
+
export { BrowserPreview as default };
|