@bigbinary/neetoui 6.5.10 → 6.5.11-beta.1

package/dist/cjs/Sidebar.js

@@ -0,0 +1,384 @@
+'use strict';
+
+var React = require('react');
+var index = require('./index-302c3d37.js');
+var index$1 = require('./index-6e09c7bc.js');
+var slicedToArray = require('./slicedToArray-732a2048.js');
+var Tooltip = require('./index-773961dd.js');
+var neetoIcons = require('@bigbinary/neeto-icons');
+var Typography = require('./Typography.js');
+var defineProperty = require('./defineProperty-ee86604b.js');
+var ramda = require('ramda');
+var _extends = require('./extends-1b35a664.js');
+var objectWithoutProperties = require('./objectWithoutProperties-2fed2d7d.js');
+var Avatar = require('./Avatar.js');
+var logos = require('@bigbinary/neeto-icons/logos');
+var reactRouterDom = require('react-router-dom');
+require('./createClass-80e17c6a.js');
+require('./toPropertyKey-bfa2e465.js');
+require('@bigbinary/neeto-cist');
+require('util');
+require('tippy.js');
+require('react-dom');
+require('boring-avatars');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var FeaturedTooltip = function FeaturedTooltip(_ref) {
+  var label = _ref.label,
+    description = _ref.description;
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "neeto-ui-flex neeto-ui-flex-col sidebar-featured-tooltip"
+  }, /*#__PURE__*/React__default["default"].createElement(Typography, {
+    className: "neeto-ui-text-center sidebar-featured-tooltip__title",
+    lineHeight: "tight",
+    style: "h5",
+    weight: "semibold"
+  }, label), description && /*#__PURE__*/React__default["default"].createElement(Typography, {
+    className: "neeto-ui-text-center neeto-ui-text-gray-400 sidebar-featured-tooltip__description",
+    lineHeight: "normal",
+    style: "body3"
+  }, description));
+};
+
+var TOOLTIP_STYLES$1 = {
+  "default": "default",
+  featured: "featured"
+};
+var NavIconWrapper = function NavIconWrapper(_ref) {
+  var tooltipStyle = _ref.tooltipStyle,
+    description = _ref.description,
+    icon = _ref.icon,
+    label = _ref.label,
+    children = _ref.children;
+  var tooltipContent = tooltipStyle === TOOLTIP_STYLES$1.featured ? /*#__PURE__*/React__default["default"].createElement(FeaturedTooltip, {
+    description: description,
+    icon: icon,
+    label: label
+  }) : label;
+  return /*#__PURE__*/React__default["default"].createElement(Tooltip.Tooltip, {
+    content: tooltipContent,
+    delay: [400, 40],
+    duration: [200, 200],
+    position: "right",
+    className: index.classnames({
+      "sidebar-featured-tooltip__content": tooltipStyle === TOOLTIP_STYLES$1.featured
+    })
+  }, children);
+};
+
+var AppSwitcher = function AppSwitcher(_ref) {
+  var tooltipStyle = _ref.tooltipStyle,
+    onAppSwitcherToggle = _ref.onAppSwitcherToggle;
+  return /*#__PURE__*/React__default["default"].createElement(NavIconWrapper, {
+    tooltipStyle: tooltipStyle,
+    icon: /*#__PURE__*/React__default["default"].createElement(neetoIcons.AppSwitcher, null),
+    label: "Product switcher"
+  }, /*#__PURE__*/React__default["default"].createElement("button", {
+    className: "neeto-ui-flex neeto-ui-items-center neeto-ui-justify-start neeto-ui-w-full neeto-ui-select-none neeto-ui-sidebar__link neeto-ui-sidebar__link--app-switcher neeto-ui-sidebar__link--button shadow-none",
+    "data-cy": "app-switcher-button",
+    onClick: onAppSwitcherToggle
+  }, /*#__PURE__*/React__default["default"].createElement("span", {
+    className: "neeto-ui-flex neeto-ui-items-center neeto-ui-justify-center neeto-ui-sidebar__link-icon"
+  }, /*#__PURE__*/React__default["default"].createElement(neetoIcons.AppSwitcher, {
+    size: 24
+  }))));
+};
+
+/* eslint-disable react/display-name */
+var HelpSection = /*#__PURE__*/React.forwardRef(function (_, ref) {
+  return /*#__PURE__*/React__default["default"].createElement("button", {
+    ref: ref,
+    className: "neeto-ui-sidebar__link neeto-ui-sidebar__link--button shadow-none",
+    "data-cy": "help-button"
+  }, /*#__PURE__*/React__default["default"].createElement("span", {
+    className: "neeto-ui-flex neeto-ui-items-center neeto-ui-justify-center neeto-ui-sidebar__link-icon"
+  }, /*#__PURE__*/React__default["default"].createElement(neetoIcons.Help, {
+    size: 24
+  })));
+});
+HelpSection.displayName = "HelpSection";
+
+var _excluded$2 = ["onClick", "label", "icon"];
+var HelpLinkSection = function HelpLinkSection(_ref) {
+  var links = _ref.links;
+  return /*#__PURE__*/React__default["default"].createElement("ul", null, links === null || links === void 0 ? void 0 : links.map(function (_ref2, idx) {
+    var _ref2$onClick = _ref2.onClick,
+      onClick = _ref2$onClick === void 0 ? index$1.noop : _ref2$onClick,
+      _ref2$label = _ref2.label,
+      label = _ref2$label === void 0 ? "" : _ref2$label,
+      _ref2$icon = _ref2.icon,
+      icon = _ref2$icon === void 0 ? null : _ref2$icon,
+      otherProps = objectWithoutProperties._objectWithoutProperties(_ref2, _excluded$2);
+    var IconSVG = icon;
+    return /*#__PURE__*/React__default["default"].createElement("li", {
+      className: "neeto-ui-help-sublist__item",
+      key: idx
+    }, /*#__PURE__*/React__default["default"].createElement("button", _extends._extends({
+      onClick: onClick,
+      className: "neeto-ui-help-sublist__item-btn"
+    }, otherProps), icon && /*#__PURE__*/React__default["default"].createElement("span", {
+      className: "neeto-ui-help-sublist__item-btn-icon"
+    }, /*#__PURE__*/React__default["default"].createElement(IconSVG, null)), /*#__PURE__*/React__default["default"].createElement(Typography, {
+      className: "neeto-ui-help-sublist__item-btn-label",
+      component: "span",
+      style: "body2",
+      weight: "normal"
+    }, label)));
+  }));
+};
+
+function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { defineProperty._defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var HelpSectionTooltip = function HelpSectionTooltip(_ref) {
+  var helpSectionProps = _ref.helpSectionProps;
+  var documentationProps = helpSectionProps.documentationProps,
+    keyboardShortcutProps = helpSectionProps.keyboardShortcutProps,
+    liveChatProps = helpSectionProps.liveChatProps,
+    changelogProps = helpSectionProps.changelogProps;
+  var helpLinks = [documentationProps && _objectSpread$1(_objectSpread$1({}, documentationProps), {}, {
+    label: "Documentation",
+    icon: neetoIcons.Book,
+    "data-cy": "help-link-documentation-button"
+  }), keyboardShortcutProps && _objectSpread$1(_objectSpread$1({}, keyboardShortcutProps), {}, {
+    label: "Keyboard shortcuts",
+    icon: neetoIcons.Keyboard,
+    "data-cy": "help-link-keyboard-shortcut-button"
+  }), liveChatProps && _objectSpread$1(_objectSpread$1({}, liveChatProps), {}, {
+    label: "Chat with us",
+    icon: neetoIcons.ChatEmpty,
+    "data-cy": "help-link-live-chat-button"
+  }), changelogProps && _objectSpread$1(_objectSpread$1({}, changelogProps), {}, {
+    label: "What's new?",
+    icon: neetoIcons.Gift,
+    "data-cy": "help-link-changelog-button"
+  })].filter(Boolean);
+  return /*#__PURE__*/React__default["default"].createElement(HelpLinkSection, {
+    links: ramda.values(helpLinks)
+  });
+};
+
+/* eslint-disable react/display-name */
+var ProfileSection = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var profileInfo = _ref.profileInfo,
+    onClick = _ref.onClick;
+  var dataCy = profileInfo["data-cy"] || "profile-section";
+  return /*#__PURE__*/React__default["default"].createElement("button", {
+    onClick: onClick,
+    ref: ref,
+    className: "neeto-ui-w-full neeto-ui-text-left neeto-ui-sidebar__profile-wrapper",
+    "data-cy": dataCy
+  }, /*#__PURE__*/React__default["default"].createElement("span", {
+    className: "neeto-ui-flex neeto-ui-items-center neeto-ui-flex-shrink-0 neeto-ui-w-full neeto-ui-sidebar__profile"
+  }, /*#__PURE__*/React__default["default"].createElement(Avatar, {
+    className: "neeto-ui-flex-shrink-0",
+    size: "large",
+    user: profileInfo
+  })));
+});
+ProfileSection.displayName = "ProfileSection";
+
+var _excluded$1 = ["onClick", "label", "icon"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { defineProperty._defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var LinkSection = function LinkSection(_ref) {
+  var links = _ref.links;
+  return /*#__PURE__*/React__default["default"].createElement("ul", {
+    className: "neeto-ui-profile-sublist"
+  }, links === null || links === void 0 ? void 0 : links.map(function (_ref2, idx) {
+    var onClick = _ref2.onClick,
+      label = _ref2.label,
+      _ref2$icon = _ref2.icon,
+      icon = _ref2$icon === void 0 ? null : _ref2$icon,
+      otherProps = objectWithoutProperties._objectWithoutProperties(_ref2, _excluded$1);
+    var IconSVG = icon;
+    return /*#__PURE__*/React__default["default"].createElement("li", {
+      className: "neeto-ui-profile-sublist__item",
+      key: idx
+    }, /*#__PURE__*/React__default["default"].createElement("button", _extends._extends({}, _objectSpread({
+      onClick: onClick
+    }, otherProps), {
+      className: "neeto-ui-profile-sublist__item-btn"
+    }), icon && /*#__PURE__*/React__default["default"].createElement("span", {
+      className: "neeto-ui-profile-sublist__item-btn-icon"
+    }, /*#__PURE__*/React__default["default"].createElement(IconSVG, null)), /*#__PURE__*/React__default["default"].createElement(Typography, {
+      className: "neeto-ui-profile-sublist__item-btn-label",
+      component: "span",
+      style: "body2",
+      weight: "normal"
+    }, label)));
+  }));
+};
+
+var truncate = function truncate(str, length) {
+  return str && str.length > length ? "".concat(str.substring(0, length - 3), "...") : str;
+};
+
+var ProfileSectionTooltip = function ProfileSectionTooltip(_ref) {
+  var profileInfo = _ref.profileInfo;
+  var name = profileInfo.name,
+    email = profileInfo.email,
+    topLinks = profileInfo.topLinks,
+    bottomLinks = profileInfo.bottomLinks,
+    customContent = profileInfo.customContent;
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "neeto-ui-flex neeto-ui-flex-col neeto-ui-profile-popup"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: index.classnames("neeto-ui-relative neeto-ui-flex neeto-ui-items-center neeto-ui-p-3")
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "top-0 left-0"
+  }, /*#__PURE__*/React__default["default"].createElement(Avatar, {
+    size: "large",
+    user: profileInfo
+  })), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "neeto-ui-flex neeto-ui-flex-col neeto-ui-flex-grow neeto-ui-min-w-0 neeto-ui-pl-3"
+  }, /*#__PURE__*/React__default["default"].createElement(Typography, {
+    className: "neeto-ui-m-0",
+    component: "h2",
+    lineHeight: "tight",
+    style: "h5",
+    title: name,
+    weight: "semibold"
+  }, truncate(name, 18)), email && /*#__PURE__*/React__default["default"].createElement(Typography, {
+    className: "neeto-ui-w-full neeto-ui-truncate neeto-ui-text-gray-600",
+    lineHeight: "tight",
+    style: "body3"
+  }, email))), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "neeto-ui-sidebar__profile-wrapper-custom-content"
+  }, customContent), topLinks && /*#__PURE__*/React__default["default"].createElement(LinkSection, {
+    links: topLinks
+  }), bottomLinks && /*#__PURE__*/React__default["default"].createElement(LinkSection, {
+    links: bottomLinks
+  }));
+};
+
+var Footer = function Footer(_ref) {
+  var profileInfo = _ref.profileInfo,
+    tooltipStyle = _ref.tooltipStyle,
+    _ref$showAppSwitcher = _ref.showAppSwitcher,
+    showAppSwitcher = _ref$showAppSwitcher === void 0 ? false : _ref$showAppSwitcher,
+    onAppSwitcherToggle = _ref.onAppSwitcherToggle,
+    helpLinks = _ref.helpLinks;
+  var _useState = React.useState(false),
+    _useState2 = slicedToArray._slicedToArray(_useState, 2),
+    isProfileDropdownOpen = _useState2[0],
+    setIsProfileDropdownOpen = _useState2[1];
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "neeto-ui-sidebar__footer"
+  }, helpLinks && /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(Tooltip.Tooltip, {
+    interactive: true,
+    className: "neeto-ui-help-popup-wrapper",
+    content: /*#__PURE__*/React__default["default"].createElement(HelpSectionTooltip, {
+      helpSectionProps: helpLinks
+    }),
+    hideOnClick: false,
+    position: "right",
+    theme: "light"
+  }, /*#__PURE__*/React__default["default"].createElement(HelpSection, null))), showAppSwitcher && /*#__PURE__*/React__default["default"].createElement(AppSwitcher, {
+    onAppSwitcherToggle: onAppSwitcherToggle,
+    tooltipStyle: tooltipStyle
+  }), profileInfo && /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(Tooltip.Tooltip, {
+    interactive: true,
+    className: "neeto-ui-profile-popup-wrapper",
+    content: /*#__PURE__*/React__default["default"].createElement(ProfileSectionTooltip, {
+      profileInfo: profileInfo
+    }),
+    hideOnClick: false,
+    position: "right",
+    theme: "light"
+  }, /*#__PURE__*/React__default["default"].createElement(ProfileSection, {
+    profileInfo: profileInfo,
+    onClick: function onClick() {
+      setIsProfileDropdownOpen(!isProfileDropdownOpen);
+    }
+  }))));
+};
+
+var Header = function Header(_ref) {
+  var organizationInfo = _ref.organizationInfo;
+  var LogoSVG = organizationInfo === null || organizationInfo === void 0 ? void 0 : organizationInfo.logo;
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "neeto-ui-flex neeto-ui-items-center neeto-ui-sidebar__header",
+    "data-cy": "sidebar-info"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "neeto-ui-flex neeto-ui-items-center neeto-ui-justify-center neeto-ui-flex-shrink-0 neeto-ui-sidebar__logo"
+  }, LogoSVG || /*#__PURE__*/React__default["default"].createElement(logos.Neeto, null)));
+};
+
+var _excluded = ["label", "to", "icon", "description"];
+var Links = function Links(_ref) {
+  var _ref$navLinks = _ref.navLinks,
+    navLinks = _ref$navLinks === void 0 ? [] : _ref$navLinks,
+    tooltipStyle = _ref.tooltipStyle;
+  var location = reactRouterDom.useLocation();
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "neeto-ui-sidebar__links"
+  }, navLinks.map(function (_ref2, mainIndex) {
+    var label = _ref2.label,
+      to = _ref2.to,
+      icon = _ref2.icon,
+      description = _ref2.description,
+      otherProps = objectWithoutProperties._objectWithoutProperties(_ref2, _excluded);
+    var IconSVG = icon;
+    var url = new URL(to, window.location.href);
+    var _isActive = location.pathname.startsWith(url.pathname);
+    return /*#__PURE__*/React__default["default"].createElement(NavIconWrapper, {
+      description: description,
+      label: label,
+      tooltipStyle: tooltipStyle,
+      icon: /*#__PURE__*/React__default["default"].createElement(IconSVG, {
+        color: "#68737D"
+      }),
+      key: mainIndex
+    }, /*#__PURE__*/React__default["default"].createElement(reactRouterDom.NavLink, _extends._extends({
+      to: to,
+      activeClassName: "active",
+      className: "neeto-ui-flex neeto-ui-items-center neeto-ui-no-underline neeto-ui-select-none neeto-ui-sidebar__link",
+      isActive: function isActive() {
+        return _isActive;
+      }
+    }, otherProps), icon && /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "neeto-ui-flex neeto-ui-items-center neeto-ui-justify-center neeto-ui-sidebar__link-icon",
+      "data-testid": label
+    }, /*#__PURE__*/React__default["default"].createElement(IconSVG, null))));
+  }));
+};
+
+var TOOLTIP_STYLES = {
+  "default": "default",
+  featured: "featured"
+};
+var Sidebar = function Sidebar(_ref) {
+  var organizationInfo = _ref.organizationInfo,
+    _ref$navLinks = _ref.navLinks,
+    navLinks = _ref$navLinks === void 0 ? [] : _ref$navLinks,
+    _ref$tooltipStyle = _ref.tooltipStyle,
+    tooltipStyle = _ref$tooltipStyle === void 0 ? TOOLTIP_STYLES.featured : _ref$tooltipStyle,
+    profileInfo = _ref.profileInfo,
+    helpLinks = _ref.helpLinks,
+    _ref$showAppSwitcher = _ref.showAppSwitcher,
+    showAppSwitcher = _ref$showAppSwitcher === void 0 ? false : _ref$showAppSwitcher,
+    _ref$onAppSwitcherTog = _ref.onAppSwitcherToggle,
+    onAppSwitcherToggle = _ref$onAppSwitcherTog === void 0 ? index$1.noop : _ref$onAppSwitcherTog;
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    "data-cy": "sidebar-wrapper",
+    "data-testid": "sidebar",
+    className: index.classnames("neeto-ui-sidebar neeto-ui-flex neeto-ui-flex-col neeto-ui-flex-shrink-0 neeto-ui-overflow-y-auto neeto-ui-overflow-x-hidden", "neeto-ui-sidebar--collapsed")
+  }, /*#__PURE__*/React__default["default"].createElement(Header, {
+    organizationInfo: organizationInfo
+  }), /*#__PURE__*/React__default["default"].createElement(Links, {
+    navLinks: navLinks,
+    tooltipStyle: tooltipStyle
+  }), /*#__PURE__*/React__default["default"].createElement(Footer, {
+    helpLinks: helpLinks,
+    onAppSwitcherToggle: onAppSwitcherToggle,
+    profileInfo: profileInfo,
+    showAppSwitcher: showAppSwitcher,
+    tooltipStyle: tooltipStyle
+  }));
+};
+
+module.exports = Sidebar;
+//# sourceMappingURL=Sidebar.js.map

package/dist/cjs/Sidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.js","sources":["../../src/layouts/Sidebar/FeaturedTooltip.jsx","../../src/layouts/Sidebar/NavIconWrapper.jsx","../../src/layouts/Sidebar/Footer/AppSwitcher.jsx","../../src/layouts/Sidebar/HelpSection/index.jsx","../../src/layouts/Sidebar/HelpSection/LinkSection.jsx","../../src/layouts/Sidebar/HelpSection/Tooltip.jsx","../../src/layouts/Sidebar/ProfileSection/index.jsx","../../src/layouts/Sidebar/ProfileSection/LinkSection.jsx","../../src/layouts/Sidebar/ProfileSection/utils.js","../../src/layouts/Sidebar/ProfileSection/Tooltip.jsx","../../src/layouts/Sidebar/Footer/index.jsx","../../src/layouts/Sidebar/Header.jsx","../../src/layouts/Sidebar/Links.jsx","../../src/layouts/Sidebar/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport Typography from \"components/Typography\";\n\nconst FeaturedTooltip = ({ label, description }) => (\n  <div className=\"neeto-ui-flex neeto-ui-flex-col sidebar-featured-tooltip\">\n    <Typography\n      className=\"neeto-ui-text-center sidebar-featured-tooltip__title\"\n      lineHeight=\"tight\"\n      style=\"h5\"\n      weight=\"semibold\"\n    >\n      {label}\n    </Typography>\n    {description && (\n      <Typography\n        className=\"neeto-ui-text-center neeto-ui-text-gray-400 sidebar-featured-tooltip__description\"\n        lineHeight=\"normal\"\n        style=\"body3\"\n      >\n        {description}\n      </Typography>\n    )}\n  </div>\n);\n\nexport default FeaturedTooltip;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\n\nimport Tooltip from \"components/Tooltip\";\n\nimport FeaturedTooltip from \"./FeaturedTooltip\";\n\nconst TOOLTIP_STYLES = { default: \"default\", featured: \"featured\" };\n\nconst NavIconWrapper = ({\n  tooltipStyle,\n  description,\n  icon,\n  label,\n  children,\n}) => {\n  const tooltipContent =\n    tooltipStyle === TOOLTIP_STYLES.featured ? (\n      <FeaturedTooltip {...{ description, icon, label }} />\n    ) : (\n      label\n    );\n\n  return (\n    <Tooltip\n      content={tooltipContent}\n      delay={[400, 40]}\n      duration={[200, 200]}\n      position=\"right\"\n      className={classnames({\n        \"sidebar-featured-tooltip__content\":\n          tooltipStyle === TOOLTIP_STYLES.featured,\n      })}\n    >\n      {children}\n    </Tooltip>\n  );\n};\n\nexport default NavIconWrapper;\n","import React from \"react\";\n\nimport { AppSwitcher as AppSwitcherIcon } from \"neetoicons\";\n\nimport NavIconWrapper from \"../NavIconWrapper\";\n\nconst AppSwitcher = ({ tooltipStyle, onAppSwitcherToggle }) => (\n  <NavIconWrapper\n    {...{ tooltipStyle }}\n    icon={<AppSwitcherIcon />}\n    label=\"Product switcher\"\n  >\n    <button\n      className=\"neeto-ui-flex neeto-ui-items-center neeto-ui-justify-start neeto-ui-w-full neeto-ui-select-none neeto-ui-sidebar__link neeto-ui-sidebar__link--app-switcher neeto-ui-sidebar__link--button shadow-none\"\n      data-cy=\"app-switcher-button\"\n      onClick={onAppSwitcherToggle}\n    >\n      <span className=\"neeto-ui-flex neeto-ui-items-center neeto-ui-justify-center neeto-ui-sidebar__link-icon\">\n        <AppSwitcherIcon size={24} />\n      </span>\n    </button>\n  </NavIconWrapper>\n);\n\nexport default AppSwitcher;\n","/* eslint-disable react/display-name */\n\nimport React, { forwardRef } from \"react\";\n\nimport { Help } from \"neetoicons\";\n\nconst HelpSection = forwardRef((_, ref) => (\n  <button\n    {...{ ref }}\n    className=\"neeto-ui-sidebar__link neeto-ui-sidebar__link--button shadow-none\"\n    data-cy=\"help-button\"\n  >\n    <span className=\"neeto-ui-flex neeto-ui-items-center neeto-ui-justify-center neeto-ui-sidebar__link-icon\">\n      <Help size={24} />\n    </span>\n  </button>\n));\n\nHelpSection.displayName = \"HelpSection\";\n\nexport default HelpSection;\n","import React from \"react\";\n\nimport Typography from \"components/Typography\";\nimport { noop } from \"utils\";\n\nconst HelpLinkSection = ({ links }) => (\n  <ul>\n    {links?.map(\n      ({ onClick = noop, label = \"\", icon = null, ...otherProps }, idx) => {\n        const IconSVG = icon;\n\n        return (\n          <li className=\"neeto-ui-help-sublist__item\" key={idx}>\n            <button\n              {...{ onClick }}\n              className=\"neeto-ui-help-sublist__item-btn\"\n              {...otherProps}\n            >\n              {icon && (\n                <span className=\"neeto-ui-help-sublist__item-btn-icon\">\n                  <IconSVG />\n                </span>\n              )}\n              <Typography\n                className=\"neeto-ui-help-sublist__item-btn-label\"\n                component=\"span\"\n                style=\"body2\"\n                weight=\"normal\"\n              >\n                {label}\n              </Typography>\n            </button>\n          </li>\n        );\n      }\n    )}\n  </ul>\n);\nexport default HelpLinkSection;\n","import React from \"react\";\n\nimport { Book, Keyboard, Gift, ChatEmpty } from \"neetoicons\";\nimport { values } from \"ramda\";\n\nimport HelpLinkSection from \"./LinkSection\";\n\nconst HelpSectionTooltip = ({ helpSectionProps }) => {\n  const {\n    documentationProps,\n    keyboardShortcutProps,\n    liveChatProps,\n    changelogProps,\n  } = helpSectionProps;\n\n  const helpLinks = [\n    documentationProps && {\n      ...documentationProps,\n      label: \"Documentation\",\n      icon: Book,\n      \"data-cy\": \"help-link-documentation-button\",\n    },\n    keyboardShortcutProps && {\n      ...keyboardShortcutProps,\n      label: \"Keyboard shortcuts\",\n      icon: Keyboard,\n      \"data-cy\": \"help-link-keyboard-shortcut-button\",\n    },\n    liveChatProps && {\n      ...liveChatProps,\n      label: \"Chat with us\",\n      icon: ChatEmpty,\n      \"data-cy\": \"help-link-live-chat-button\",\n    },\n    changelogProps && {\n      ...changelogProps,\n      label: \"What's new?\",\n      icon: Gift,\n      \"data-cy\": \"help-link-changelog-button\",\n    },\n  ].filter(Boolean);\n\n  return <HelpLinkSection links={values(helpLinks)} />;\n};\n\nexport default HelpSectionTooltip;\n","/* eslint-disable react/display-name */\nimport React, { forwardRef } from \"react\";\n\nimport Avatar from \"components/Avatar\";\n\nconst ProfileSection = forwardRef(({ profileInfo, onClick }, ref) => {\n  const dataCy = profileInfo[\"data-cy\"] || \"profile-section\";\n\n  return (\n    <button\n      {...{ onClick, ref }}\n      className=\"neeto-ui-w-full neeto-ui-text-left neeto-ui-sidebar__profile-wrapper\"\n      data-cy={dataCy}\n    >\n      <span className=\"neeto-ui-flex neeto-ui-items-center neeto-ui-flex-shrink-0 neeto-ui-w-full neeto-ui-sidebar__profile\">\n        <Avatar\n          className=\"neeto-ui-flex-shrink-0\"\n          size=\"large\"\n          user={profileInfo}\n        />\n      </span>\n    </button>\n  );\n});\n\nProfileSection.displayName = \"ProfileSection\";\n\nexport default ProfileSection;\n","import React from \"react\";\n\nimport Typography from \"components/Typography\";\n\nconst LinkSection = ({ links }) => (\n  <ul className=\"neeto-ui-profile-sublist\">\n    {links?.map(({ onClick, label, icon = null, ...otherProps }, idx) => {\n      const IconSVG = icon;\n\n      return (\n        <li className=\"neeto-ui-profile-sublist__item\" key={idx}>\n          <button\n            {...{ onClick, ...otherProps }}\n            className=\"neeto-ui-profile-sublist__item-btn\"\n          >\n            {icon && (\n              <span className=\"neeto-ui-profile-sublist__item-btn-icon\">\n                <IconSVG />\n              </span>\n            )}\n            <Typography\n              className=\"neeto-ui-profile-sublist__item-btn-label\"\n              component=\"span\"\n              style=\"body2\"\n              weight=\"normal\"\n            >\n              {label}\n            </Typography>\n          </button>\n        </li>\n      );\n    })}\n  </ul>\n);\n\nexport default LinkSection;\n","export const truncate = (str, length) =>\n  str && str.length > length ? `${str.substring(0, length - 3)}...` : str;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\n\nimport Avatar from \"components/Avatar\";\nimport Typography from \"components/Typography\";\n\nimport LinkSection from \"./LinkSection\";\nimport { truncate } from \"./utils\";\n\nconst ProfileSectionTooltip = ({ profileInfo }) => {\n  const { name, email, topLinks, bottomLinks, customContent } = profileInfo;\n\n  return (\n    <div className=\"neeto-ui-flex neeto-ui-flex-col neeto-ui-profile-popup\">\n      <div\n        className={classnames(\n          \"neeto-ui-relative neeto-ui-flex neeto-ui-items-center neeto-ui-p-3\"\n        )}\n      >\n        <div className=\"top-0 left-0\">\n          <Avatar size=\"large\" user={profileInfo} />\n        </div>\n        <div className=\"neeto-ui-flex neeto-ui-flex-col neeto-ui-flex-grow neeto-ui-min-w-0 neeto-ui-pl-3\">\n          <Typography\n            className=\"neeto-ui-m-0\"\n            component=\"h2\"\n            lineHeight=\"tight\"\n            style=\"h5\"\n            title={name}\n            weight=\"semibold\"\n          >\n            {truncate(name, 18)}\n          </Typography>\n          {email && (\n            <Typography\n              className=\"neeto-ui-w-full neeto-ui-truncate neeto-ui-text-gray-600\"\n              lineHeight=\"tight\"\n              style=\"body3\"\n            >\n              {email}\n            </Typography>\n          )}\n        </div>\n      </div>\n      <div className=\"neeto-ui-sidebar__profile-wrapper-custom-content\">\n        {customContent}\n      </div>\n      {topLinks && <LinkSection links={topLinks} />}\n      {bottomLinks && <LinkSection links={bottomLinks} />}\n    </div>\n  );\n};\n\nexport default ProfileSectionTooltip;\n","import React, { useState } from \"react\";\n\nimport Tooltip from \"components/Tooltip\";\n\nimport AppSwitcher from \"./AppSwitcher\";\n\nimport HelpSection from \"../HelpSection\";\nimport HelpSectionTooltip from \"../HelpSection/Tooltip\";\nimport ProfileSection from \"../ProfileSection\";\nimport ProfileSectionTooltip from \"../ProfileSection/Tooltip\";\n\nconst Footer = ({\n  profileInfo,\n  tooltipStyle,\n  showAppSwitcher = false,\n  onAppSwitcherToggle,\n  helpLinks,\n}) => {\n  const [isProfileDropdownOpen, setIsProfileDropdownOpen] = useState(false);\n\n  return (\n    <div className=\"neeto-ui-sidebar__footer\">\n      {helpLinks && (\n        <div>\n          <Tooltip\n            interactive\n            className=\"neeto-ui-help-popup-wrapper\"\n            content={<HelpSectionTooltip helpSectionProps={helpLinks} />}\n            hideOnClick={false}\n            position=\"right\"\n            theme=\"light\"\n          >\n            <HelpSection />\n          </Tooltip>\n        </div>\n      )}\n      {showAppSwitcher && (\n        <AppSwitcher {...{ onAppSwitcherToggle, tooltipStyle }} />\n      )}\n      {profileInfo && (\n        <div>\n          <Tooltip\n            interactive\n            className=\"neeto-ui-profile-popup-wrapper\"\n            content={<ProfileSectionTooltip {...{ profileInfo }} />}\n            hideOnClick={false}\n            position=\"right\"\n            theme=\"light\"\n          >\n            <ProfileSection\n              {...{ profileInfo }}\n              onClick={() => {\n                setIsProfileDropdownOpen(!isProfileDropdownOpen);\n              }}\n            />\n          </Tooltip>\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default Footer;\n","import React from \"react\";\n\nimport { Neeto } from \"neetoicons/logos\";\n\nconst Header = ({ organizationInfo }) => {\n  const LogoSVG = organizationInfo?.logo;\n\n  return (\n    <div\n      className=\"neeto-ui-flex neeto-ui-items-center neeto-ui-sidebar__header\"\n      data-cy=\"sidebar-info\"\n    >\n      <div className=\"neeto-ui-flex neeto-ui-items-center neeto-ui-justify-center neeto-ui-flex-shrink-0 neeto-ui-sidebar__logo\">\n        {LogoSVG || <Neeto />}\n      </div>\n    </div>\n  );\n};\n\nexport default Header;\n","import React from \"react\";\n\nimport { NavLink, useLocation } from \"react-router-dom\";\n\nimport NavIconWrapper from \"./NavIconWrapper\";\n\nconst Links = ({ navLinks = [], tooltipStyle }) => {\n  const location = useLocation();\n\n  return (\n    <div className=\"neeto-ui-sidebar__links\">\n      {navLinks.map(\n        ({ label, to, icon, description, ...otherProps }, mainIndex) => {\n          const IconSVG = icon;\n          const url = new URL(to, window.location.href);\n          const isActive = location.pathname.startsWith(url.pathname);\n\n          return (\n            <NavIconWrapper\n              {...{ description, label, tooltipStyle }}\n              icon={<IconSVG color=\"#68737D\" />}\n              key={mainIndex}\n            >\n              <NavLink\n                {...{ to }}\n                activeClassName=\"active\"\n                className=\"neeto-ui-flex neeto-ui-items-center neeto-ui-no-underline neeto-ui-select-none neeto-ui-sidebar__link\"\n                isActive={() => isActive}\n                {...otherProps}\n              >\n                {icon && (\n                  <div\n                    className=\"neeto-ui-flex neeto-ui-items-center neeto-ui-justify-center neeto-ui-sidebar__link-icon\"\n                    data-testid={label}\n                  >\n                    <IconSVG />\n                  </div>\n                )}\n              </NavLink>\n            </NavIconWrapper>\n          );\n        }\n      )}\n    </div>\n  );\n};\n\nexport default Links;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nimport { noop } from \"utils\";\n\nimport Footer from \"./Footer\";\nimport Header from \"./Header\";\nimport Links from \"./Links\";\n\nconst TOOLTIP_STYLES = { default: \"default\", featured: \"featured\" };\n\nconst Sidebar = ({\n  organizationInfo,\n  navLinks = [],\n  tooltipStyle = TOOLTIP_STYLES.featured,\n  profileInfo,\n  helpLinks,\n  showAppSwitcher = false,\n  onAppSwitcherToggle = noop,\n}) => (\n  <div\n    data-cy=\"sidebar-wrapper\"\n    data-testid=\"sidebar\"\n    className={classnames(\n      \"neeto-ui-sidebar neeto-ui-flex neeto-ui-flex-col neeto-ui-flex-shrink-0 neeto-ui-overflow-y-auto neeto-ui-overflow-x-hidden\",\n      \"neeto-ui-sidebar--collapsed\"\n    )}\n  >\n    <Header {...{ organizationInfo }} />\n    <Links {...{ navLinks, tooltipStyle }} />\n    <Footer\n      {...{\n        helpLinks,\n        onAppSwitcherToggle,\n        profileInfo,\n        showAppSwitcher,\n        tooltipStyle,\n      }}\n    />\n  </div>\n);\n\nSidebar.propTypes = {\n  /**\n   *  To specify the organization info to be rendered in the Sidebar\n   */\n  organizationInfo: PropTypes.shape({\n    logo: PropTypes.element,\n    name: PropTypes.string,\n    subdomain: PropTypes.string,\n  }),\n  /**\n   *  To specify the tooltip styles\n   */\n  tooltipStyle: PropTypes.oneOf(Object.keys(TOOLTIP_STYLES)),\n  /**\n   *  To provide the nav links to be rendered in the Sidebar\n   */\n  navLinks: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string,\n      description: PropTypes.string,\n      to: PropTypes.string,\n      icon: PropTypes.oneOfType([PropTypes.element, PropTypes.func]),\n    })\n  ).isRequired,\n\n  /**\n   *  To specify the profile info to be rendered in the Sidebar\n   */\n  profileInfo: PropTypes.shape({\n    name: PropTypes.string,\n    email: PropTypes.string,\n    customContent: PropTypes.element,\n    topLinks: PropTypes.arrayOf(\n      PropTypes.shape({\n        onClick: PropTypes.func,\n        label: PropTypes.string,\n        icon: PropTypes.oneOfType([PropTypes.element, PropTypes.func]),\n      })\n    ),\n    bottomLinks: PropTypes.arrayOf(\n      PropTypes.shape({\n        onClick: PropTypes.func,\n        label: PropTypes.string,\n        icon: PropTypes.oneOfType([PropTypes.element, PropTypes.func]),\n      })\n    ),\n  }),\n\n  /**\n   *  To specify the is app switcher visible\n   */\n  showAppSwitcher: PropTypes.bool,\n  /**\n   *  To provide the function to toggle app switcher\n   */\n  onAppSwitcherToggle: PropTypes.func,\n  /**\n   *  To provide the help links to be rendered in the Sidebar\n   */\n  helpLinks: PropTypes.shape({\n    documentationProps: PropTypes.shape({\n      onClick: PropTypes.func,\n      label: PropTypes.string,\n      icon: PropTypes.oneOfType([PropTypes.element, PropTypes.func]),\n    }),\n    keyboardShortcutProps: PropTypes.shape({\n      onClick: PropTypes.func,\n      label: PropTypes.string,\n      icon: PropTypes.oneOfType([PropTypes.element, PropTypes.func]),\n    }),\n    liveChatProps: PropTypes.shape({\n      onClick: PropTypes.func,\n      label: PropTypes.string,\n      icon: PropTypes.oneOfType([PropTypes.element, PropTypes.func]),\n    }),\n    changelogProps: PropTypes.shape({\n      onClick: PropTypes.func,\n      label: PropTypes.string,\n      icon: PropTypes.oneOfType([PropTypes.element, PropTypes.func]),\n    }),\n  }),\n};\n\nexport default Sidebar;\n"],"names":["FeaturedTooltip","_ref","label","description","React","createElement","className","Typography","lineHeight","style","weight","TOOLTIP_STYLES","featured","NavIconWrapper","tooltipStyle","icon","children","tooltipContent","Tooltip","content","delay","duration","position","classnames","AppSwitcher","onAppSwitcherToggle","AppSwitcherIcon","onClick","size","HelpSection","forwardRef","_","ref","Help","displayName","HelpLinkSection","links","map","_ref2","idx","_ref2$onClick","noop","_ref2$label","_ref2$icon","otherProps","_objectWithoutProperties","_excluded","IconSVG","key","_extends","component","HelpSectionTooltip","helpSectionProps","documentationProps","keyboardShortcutProps","liveChatProps","changelogProps","helpLinks","_objectSpread","Book","Keyboard","ChatEmpty","Gift","filter","Boolean","values","ProfileSection","profileInfo","dataCy","Avatar","user","LinkSection","truncate","str","length","concat","substring","ProfileSectionTooltip","name","email","topLinks","bottomLinks","customContent","title","Footer","_ref$showAppSwitcher","showAppSwitcher","_useState","useState","_useState2","_slicedToArray","isProfileDropdownOpen","setIsProfileDropdownOpen","interactive","hideOnClick","theme","Header","organizationInfo","LogoSVG","logo","Neeto","Links","_ref$navLinks","navLinks","location","useLocation","mainIndex","to","url","URL","window","href","isActive","pathname","startsWith","color","NavLink","activeClassName","Sidebar","_ref$tooltipStyle","_ref$onAppSwitcherTog"],"mappings":"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"}

package/dist/cjs/Slider.js

@@ -0,0 +1,118 @@
+'use strict';
+
+var _ConfigProvider = require('antd/lib/config-provider');
+var _Slider = require('antd/lib/slider');
+var _extends = require('./extends-1b35a664.js');
+var defineProperty = require('./defineProperty-ee86604b.js');
+var objectWithoutProperties = require('./objectWithoutProperties-2fed2d7d.js');
+var React = require('react');
+var Label = require('./Label.js');
+var useId = require('./useId-4e3deb5c.js');
+require('react-router-dom');
+require('./index-a8cc581e.js');
+require('./overlayManager.js');
+var index = require('./index-6e09c7bc.js');
+require('./toPropertyKey-bfa2e465.js');
+require('./index-302c3d37.js');
+require('@bigbinary/neeto-icons');
+require('./index-773961dd.js');
+require('./slicedToArray-732a2048.js');
+require('tippy.js');
+require('react-dom');
+require('ramda');
+require('./createClass-80e17c6a.js');
+require('@bigbinary/neeto-cist');
+require('util');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _ConfigProvider__default = /*#__PURE__*/_interopDefaultLegacy(_ConfigProvider);
+var _Slider__default = /*#__PURE__*/_interopDefaultLegacy(_Slider);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var NEETO_UI_PRIMARY_500 = "#4558f9";
+
+var _excluded = ["min", "max", "defaultValue", "onChange", "value", "label", "required", "labelProps", "error", "helpText"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { defineProperty._defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var Slider = function Slider(_ref) {
+  var _ref$min = _ref.min,
+    min = _ref$min === void 0 ? 0 : _ref$min,
+    _ref$max = _ref.max,
+    max = _ref$max === void 0 ? 100 : _ref$max,
+    _ref$defaultValue = _ref.defaultValue,
+    defaultValue = _ref$defaultValue === void 0 ? 0 : _ref$defaultValue,
+    _ref$onChange = _ref.onChange,
+    onChange = _ref$onChange === void 0 ? index.noop : _ref$onChange,
+    _ref$value = _ref.value,
+    value = _ref$value === void 0 ? undefined : _ref$value,
+    label = _ref.label,
+    _ref$required = _ref.required,
+    required = _ref$required === void 0 ? false : _ref$required,
+    _ref$labelProps = _ref.labelProps,
+    labelProps = _ref$labelProps === void 0 ? {} : _ref$labelProps,
+    error = _ref.error,
+    helpText = _ref.helpText,
+    otherProps = objectWithoutProperties._objectWithoutProperties(_ref, _excluded);
+  var id = useId.useId(otherProps.id);
+  var errorId = "error_".concat(id);
+  var helpTextId = "helpText_".concat(id);
+  return /*#__PURE__*/React__default["default"].createElement(_ConfigProvider__default["default"], {
+    theme: {
+      token: _objectSpread({}, index.ANT_DESIGN_GLOBAL_TOKEN_OVERRIDES),
+      components: {
+        Slider: {
+          dotActiveBorderColor: "rgb(var(--neeto-ui-primary-500))",
+          dotBorderColor: "rgb(var(--neeto-ui-gray-500))",
+          handleActiveColor: "rgb(var(--neeto-ui-primary-600))",
+          handleColor: "rgb(var(--neeto-ui-primary-500))",
+          railBg: "rgb(var(--neeto-ui-gray-200))",
+          railHoverBg: "rgb(var(--neeto-ui-gray-300))",
+          trackBg: "rgb(var(--neeto-ui-primary-500))",
+          trackBgDisabled: "rgb(var(--neeto-ui-gray-100))",
+          trackHoverBg: "rgb(var(--neeto-ui-primary-600))",
+          // Global overrides
+          colorFillContentHover: "rgb(var(--neeto-ui-gray-600))"
+        }
+      }
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "neeto-ui-input__wrapper"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "neeto-ui-input__label-wrapper"
+  }, label && /*#__PURE__*/React__default["default"].createElement(Label, _extends._extends({
+    required: required,
+    "data-cy": "".concat(index.hyphenize(label), "-slider-label"),
+    htmlFor: id
+  }, labelProps), label)), /*#__PURE__*/React__default["default"].createElement(_Slider__default["default"], _extends._extends({
+    className: "neeto-ui-w-full",
+    handleStyle: {
+      backgroundColor: NEETO_UI_PRIMARY_500
+    },
+    tooltip: {
+      formatter: null
+    },
+    trackStyle: {
+      backgroundColor: NEETO_UI_PRIMARY_500
+    }
+  }, _objectSpread(_objectSpread({
+    defaultValue: defaultValue,
+    max: max,
+    min: min,
+    onChange: onChange,
+    value: value
+  }, otherProps), {}, {
+    id: id
+  }))), !!error && /*#__PURE__*/React__default["default"].createElement("p", {
+    className: "neeto-ui-input__error",
+    "data-cy": "".concat(index.hyphenize(label), "-input-error"),
+    id: errorId
+  }, error), helpText && /*#__PURE__*/React__default["default"].createElement("p", {
+    className: "neeto-ui-input__help-text",
+    "data-cy": "".concat(index.hyphenize(label), "-input-help"),
+    id: helpTextId
+  }, helpText)));
+};
+
+module.exports = Slider;
+//# sourceMappingURL=Slider.js.map

package/dist/cjs/Slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.js","sources":["../../src/components/Slider/constants.js","../../src/components/Slider/index.jsx"],"sourcesContent":["export const NEETO_UI_PRIMARY_500 = \"#4558f9\";\n","import React from \"react\";\n\nimport { Slider as AntdSlider, ConfigProvider } from \"antd\";\nimport PropTypes from \"prop-types\";\n\nimport Label from \"components/Label\";\nimport { useId } from \"hooks\";\nimport { ANT_DESIGN_GLOBAL_TOKEN_OVERRIDES, hyphenize, noop } from \"utils\";\n\nimport { NEETO_UI_PRIMARY_500 } from \"./constants\";\n\nconst Slider = ({\n  min = 0,\n  max = 100,\n  defaultValue = 0,\n  onChange = noop,\n  value = undefined,\n  label,\n  required = false,\n  labelProps = {},\n  error,\n  helpText,\n  ...otherProps\n}) => {\n  const id = useId(otherProps.id);\n  const errorId = `error_${id}`;\n  const helpTextId = `helpText_${id}`;\n\n  return (\n    <ConfigProvider\n      theme={{\n        token: { ...ANT_DESIGN_GLOBAL_TOKEN_OVERRIDES },\n        components: {\n          Slider: {\n            dotActiveBorderColor: \"rgb(var(--neeto-ui-primary-500))\",\n            dotBorderColor: \"rgb(var(--neeto-ui-gray-500))\",\n            handleActiveColor: \"rgb(var(--neeto-ui-primary-600))\",\n            handleColor: \"rgb(var(--neeto-ui-primary-500))\",\n            railBg: \"rgb(var(--neeto-ui-gray-200))\",\n            railHoverBg: \"rgb(var(--neeto-ui-gray-300))\",\n            trackBg: \"rgb(var(--neeto-ui-primary-500))\",\n            trackBgDisabled: \"rgb(var(--neeto-ui-gray-100))\",\n            trackHoverBg: \"rgb(var(--neeto-ui-primary-600))\",\n\n            // Global overrides\n            colorFillContentHover: \"rgb(var(--neeto-ui-gray-600))\",\n          },\n        },\n      }}\n    >\n      <div className=\"neeto-ui-input__wrapper\">\n        <div className=\"neeto-ui-input__label-wrapper\">\n          {label && (\n            <Label\n              {...{ required }}\n              data-cy={`${hyphenize(label)}-slider-label`}\n              htmlFor={id}\n              {...labelProps}\n            >\n              {label}\n            </Label>\n          )}\n        </div>\n        <AntdSlider\n          className=\"neeto-ui-w-full\"\n          handleStyle={{ backgroundColor: NEETO_UI_PRIMARY_500 }}\n          tooltip={{ formatter: null }}\n          trackStyle={{ backgroundColor: NEETO_UI_PRIMARY_500 }}\n          {...{ defaultValue, max, min, onChange, value, ...otherProps, id }}\n        />\n        {!!error && (\n          <p\n            className=\"neeto-ui-input__error\"\n            data-cy={`${hyphenize(label)}-input-error`}\n            id={errorId}\n          >\n            {error}\n          </p>\n        )}\n        {helpText && (\n          <p\n            className=\"neeto-ui-input__help-text\"\n            data-cy={`${hyphenize(label)}-input-help`}\n            id={helpTextId}\n          >\n            {helpText}\n          </p>\n        )}\n      </div>\n    </ConfigProvider>\n  );\n};\n\nSlider.propTypes = {\n  /**\n   * The minimum value the slider can slide to.\n   */\n  min: PropTypes.number,\n  /**\n   * The maximum value the slider can slide to.\n   */\n  max: PropTypes.number,\n  /**\n   * Callback function that is fired when the user changes the slider's value.\n   */\n  onChange: PropTypes.func,\n  /**\n   * The value of slider. When `range` is false, use number, otherwise, use [number, number]\n   */\n  value: PropTypes.oneOfType([PropTypes.number, PropTypes.array]),\n  /**\n   * The value of slider. When `range` is false, use number, otherwise, use [number, number]\n   *\n   */\n  defaultValue: PropTypes.oneOfType([PropTypes.number, PropTypes.array]),\n};\n\nexport default Slider;\n"],"names":["NEETO_UI_PRIMARY_500","Slider","_ref","_ref$min","min","_ref$max","max","_ref$defaultValue","defaultValue","_ref$onChange","onChange","noop","_ref$value","value","undefined","label","_ref$required","required","_ref$labelProps","labelProps","error","helpText","otherProps","_objectWithoutProperties","_excluded","id","useId","errorId","concat","helpTextId","React","createElement","_ConfigProvider","theme","token","_objectSpread","ANT_DESIGN_GLOBAL_TOKEN_OVERRIDES","components","dotActiveBorderColor","dotBorderColor","handleActiveColor","handleColor","railBg","railHoverBg","trackBg","trackBgDisabled","trackHoverBg","colorFillContentHover","className","Label","_extends","hyphenize","htmlFor","_Slider","handleStyle","backgroundColor","tooltip","formatter","trackStyle"],"mappings":"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"}

package/dist/cjs/Spinner.js

@@ -0,0 +1,42 @@
+'use strict';
+
+var React = require('react');
+var index = require('./index-302c3d37.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var SPINNER_SIZES = {
+  small: "small",
+  medium: "medium"
+};
+var Spinner = function Spinner(_ref) {
+  var _ref$theme = _ref.theme,
+    theme = _ref$theme === void 0 ? "dark" : _ref$theme,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? SPINNER_SIZES.medium : _ref$size,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className;
+  return /*#__PURE__*/React__default["default"].createElement("span", {
+    "data-cy": "neeto-ui-spinner",
+    "data-testid": "spinner",
+    className: index.classnames("neeto-ui-spinner", {
+      "neeto-ui-spinner--dark": theme === "dark",
+      "neeto-ui-spinner--light": theme === "light",
+      "neeto-ui-spinner--size-small": size === SPINNER_SIZES.small,
+      "neeto-ui-spinner--size-medium": size === SPINNER_SIZES.medium
+    }, [className])
+  }, /*#__PURE__*/React__default["default"].createElement("i", {
+    className: "neeto-ui-spinner__item"
+  }), /*#__PURE__*/React__default["default"].createElement("i", {
+    className: "neeto-ui-spinner__item"
+  }), /*#__PURE__*/React__default["default"].createElement("i", {
+    className: "neeto-ui-spinner__item"
+  }), /*#__PURE__*/React__default["default"].createElement("i", {
+    className: "neeto-ui-spinner__item"
+  }));
+};
+
+module.exports = Spinner;
+//# sourceMappingURL=Spinner.js.map