@bigbinary/neeto-molecules 1.1.78 → 1.2.0-beta2

package/dist/cjs/Rename.js

@@ -0,0 +1,354 @@
+'use strict';
+
+var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var React = require('react');
+var classnames = require('classnames');
+var neetoCist = require('@bigbinary/neeto-cist');
+var useOnClickOutside = require('@bigbinary/neeto-commons-frontend/react-utils/useOnClickOutside');
+var useStateWithDependency = require('@bigbinary/neeto-commons-frontend/react-utils/useStateWithDependency');
+var ramda = require('ramda');
+var Breadcrumbs = require('./Breadcrumbs.js');
+var _extends = require('@babel/runtime/helpers/extends');
+var general = require('@bigbinary/neeto-commons-frontend/utils/general');
+var useHotkeys = require('@bigbinary/neeto-hotkeys');
+var neetoIcons = require('@bigbinary/neeto-icons');
+var neetoui = require('@bigbinary/neetoui');
+var injectCss = require('./inject-css-80a5faa3.js');
+var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
+var MoreDropdown = require('./MoreDropdown.js');
+require('react-router-dom');
+require('@babel/runtime/helpers/objectWithoutProperties');
+require('react-i18next');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
+var useOnClickOutside__default = /*#__PURE__*/_interopDefaultLegacy(useOnClickOutside);
+var useStateWithDependency__default = /*#__PURE__*/_interopDefaultLegacy(useStateWithDependency);
+var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
+var useHotkeys__default = /*#__PURE__*/_interopDefaultLegacy(useHotkeys);
+var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+
+var mergeRefs = function mergeRefs() {
+  for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {
+    refs[_key] = arguments[_key];
+  }
+  return function (node) {
+    return refs.forEach(function (ref) {
+      return typeof ref === "function" ? ref(node) : ref.current = node;
+    });
+  };
+};
+
+var Editor = function Editor(_ref) {
+  var placeholder = _ref.placeholder,
+    allowEmptySubmission = _ref.allowEmptySubmission,
+    name = _ref.name,
+    isLoading = _ref.isLoading,
+    handleRename = _ref.handleRename,
+    submitButtonProps = _ref.submitButtonProps,
+    handleClose = _ref.handleClose,
+    cancelButtonProps = _ref.cancelButtonProps,
+    setName = _ref.setName,
+    inputProps = _ref.inputProps,
+    editMode = _ref.editMode;
+  var closeRef = useHotkeys__default["default"]("escape", function (event) {
+    return handleClose({
+      event: event
+    });
+  }, {
+    mode: "scoped",
+    enabled: editMode
+  });
+  var submitRef = useHotkeys__default["default"](["command+return", "return"], function (event) {
+    if (ramda.isEmpty(name) && !allowEmptySubmission) return;
+    handleRename(event, name);
+  }, {
+    mode: "scoped",
+    enabled: editMode
+  });
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "relative flex min-w-0 max-w-full flex-grow"
+  }, /*#__PURE__*/React__default["default"].createElement("span", {
+    className: "neeto-molecules-rename__input-width-maker"
+  }, name.replace(/\s/g, ".") || placeholder), /*#__PURE__*/React__default["default"].createElement(neetoui.Input, _extends__default["default"]({
+    placeholder: placeholder,
+    autoFocus: true,
+    className: "neeto-molecules-rename__input absolute",
+    "data-cy": "form-rename-text-field",
+    "data-testid": "neeto-molecules-name-input",
+    ref: mergeRefs(closeRef, submitRef),
+    value: name,
+    suffix: /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "flex items-center justify-end"
+    }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, _extends__default["default"]({
+      className: "neeto-ui-rounded-none",
+      "data-cy": "form-rename-submit-button",
+      "data-testid": "neeto-molecules-rename-button",
+      disabled: !allowEmptySubmission && ramda.isEmpty(name) || isLoading,
+      icon: neetoIcons.Check,
+      loading: isLoading,
+      style: "text",
+      onClick: function onClick(event) {
+        return handleRename(event, name);
+      }
+    }, submitButtonProps)), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, _extends__default["default"]({
+      className: "neeto-ui-rounded-none",
+      "data-cy": "form-rename-close-button",
+      "data-testid": "neeto-molecules-cancel-button",
+      disabled: isLoading,
+      icon: neetoIcons.Close,
+      style: "text",
+      onClick: function onClick(event) {
+        return handleClose({
+          event: event
+        });
+      }
+    }, cancelButtonProps))),
+    onChange: general.withEventTargetValue(setName),
+    onClick: function onClick(event) {
+      return event.stopPropagation();
+    }
+  }, inputProps, {
+    label: null
+  })));
+};
+
+var css = ":root{--neeto-molecules-rename-font-size:var(--neeto-ui-text-sm);--neeto-molecules-rename-font-weight:600;--neeto-molecules-rename-letter-spacing:0;--neeto-molecules-rename-line-height:1.2;--neeto-molecules-rename-min-width:120px;--neeto-molecules-rename-color:var(--neeto-ui-black)}.neeto-molecules-rename-common-styles,.neeto-molecules-rename__input .neeto-ui-input input,.neeto-molecules-rename__input-width-maker,.neeto-molecules-rename__text{color:rgb(var(--neeto-ui-black));font-size:var(--neeto-ui-text-sm)!important;font-size:var(--neeto-molecules-rename-font-size)!important;font-weight:600;font-weight:var(--neeto-molecules-rename-font-weight);letter-spacing:0;letter-spacing:var(--neeto-molecules-rename-letter-spacing);line-height:1.2;line-height:var(--neeto-molecules-rename-line-height);margin:0}.neeto-molecules-rename__input{height:100%;margin:0;max-width:100%;min-width:0;position:relative;transition:width .2s ease-in-out;width:100%}.neeto-molecules-rename__input .neeto-ui-input{height:100%}.neeto-molecules-rename__input .neeto-ui-input .neeto-ui-input__suffix{margin-right:0!important}.neeto-molecules-rename__input .neeto-ui-input input{min-width:0}.neeto-molecules-rename__text{background-color:rgb(var(--neeto-ui-white));border:thin solid rgb(var(--neeto-ui-white));border-radius:var(--neeto-ui-rounded);cursor:pointer;max-width:448px;padding:8px;transition:var(--neeto-ui-transition)}.neeto-molecules-rename__display-text:hover{border:thin solid rgb(var(--neeto-ui-gray-400))}.neeto-molecules-rename__input-width-maker{background-color:rgb(var(--neeto-ui-white));border:thin solid rgb(var(--neeto-ui-white));border-radius:var(--neeto-ui-rounded);cursor:pointer;display:inline-flex;margin-right:68px;max-width:100%;min-width:120px;overflow:hidden;padding:8px;position:relative;transition:var(--neeto-ui-transition);visibility:hidden;white-space:nowrap}.neeto-molecules-rename-breadcrumbs{margin-bottom:0}.neeto-molecules-rename-breadcrumbs .neeto-molecules-breadcrumb a{display:flex}";
+injectCss.n(css,{});
+
+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; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).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; }
+var RenameMenu = reactUtils.withT(function (_ref) {
+  var t = _ref.t,
+    handleRenameClick = _ref.handleRenameClick,
+    disabled = _ref.disabled,
+    dropdownItems = _ref.dropdownItems,
+    onArchiveStatusToggle = _ref.onArchiveStatusToggle,
+    onDisableStatusToggle = _ref.onDisableStatusToggle,
+    onClone = _ref.onClone,
+    onDelete = _ref.onDelete,
+    isArchived = _ref.isArchived,
+    isDisabled = _ref.isDisabled,
+    dropdownButtonProps = _ref.dropdownButtonProps,
+    dropdownProps = _ref.dropdownProps;
+  return /*#__PURE__*/React__default["default"].createElement(MoreDropdown, {
+    dropdownButtonProps: _objectSpread({
+      "data-testid": "neeto-molecules-menu-button"
+    }, dropdownButtonProps),
+    dropdownProps: _objectSpread({
+      position: "bottom-start",
+      onClick: function onClick(event) {
+        return event.stopPropagation();
+      },
+      strategy: "fixed",
+      appendTo: function appendTo() {
+        return document.body;
+      },
+      zIndex: "99999"
+    }, dropdownProps),
+    menuItems: [{
+      "data-cy": "form-rename-button",
+      onClick: handleRenameClick,
+      label: t("neetoMolecules.common.actions.rename"),
+      isVisible: !disabled,
+      key: "edit-name-menu"
+    }, {
+      "data-cy": "form-clone-button",
+      onClick: onClone,
+      label: t("neetoMolecules.common.actions.clone"),
+      isVisible: neetoCist.isPresent(onClone),
+      key: "clone-entity-menu"
+    }, {
+      "data-cy": "form-archive-button",
+      onClick: onArchiveStatusToggle,
+      label: isArchived ? t("neetoMolecules.common.actions.unArchive") : t("neetoMolecules.common.actions.archive"),
+      isVisible: neetoCist.isPresent(onArchiveStatusToggle),
+      key: "archive-entity-menu"
+    }, {
+      "data-cy": "form-enable-button",
+      onClick: onDisableStatusToggle,
+      label: isDisabled ? t("neetoMolecules.common.actions.enable") : t("neetoMolecules.common.actions.disable"),
+      isVisible: neetoCist.isPresent(onDisableStatusToggle),
+      key: "enable-entity-menu"
+    }, {
+      "data-cy": "form-delete-button",
+      onClick: onDelete,
+      label: t("neetoMolecules.common.actions.delete"),
+      isVisible: neetoCist.isPresent(onDelete),
+      key: "delete-entity-menu"
+    }].concat(_toConsumableArray__default["default"](dropdownItems))
+  });
+});
+
+var ViewName = function ViewName(_ref) {
+  var disabled = _ref.disabled,
+    textProps = _ref.textProps,
+    formatText = _ref.formatText,
+    dropdownItems = _ref.dropdownItems,
+    hideMenu = _ref.hideMenu,
+    handleRenameClick = _ref.handleRenameClick,
+    onArchiveStatusToggle = _ref.onArchiveStatusToggle,
+    onDisableStatusToggle = _ref.onDisableStatusToggle,
+    onClone = _ref.onClone,
+    onDelete = _ref.onDelete,
+    name = _ref.name,
+    isArchived = _ref.isArchived,
+    isDisabled = _ref.isDisabled,
+    dropdownButtonProps = _ref.dropdownButtonProps,
+    dropdownProps = _ref.dropdownProps;
+  var isDefaultMenuCallbacksPresent = neetoCist.isPresent(onArchiveStatusToggle) || neetoCist.isPresent(onDisableStatusToggle) || neetoCist.isPresent(onDelete) || neetoCist.isPresent(onClone);
+  var isMenuVisible = !hideMenu && (neetoCist.isNotEmpty(dropdownItems) || !disabled || isDefaultMenuCallbacksPresent);
+  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, _extends__default["default"]({
+    component: "p",
+    "data-cy": "form-title",
+    "data-testid": "neeto-molecules-value-display",
+    style: "body2",
+    className: classnames__default["default"]("neeto-molecules-rename__text neeto-molecules-rename__display-text w-full truncate", {
+      "cursor-pointer": !disabled,
+      "pointer-events-none cursor-text": disabled
+    }),
+    onClick: handleRenameClick
+  }, textProps), typeof formatText === "function" ? formatText(name) : name), isMenuVisible && /*#__PURE__*/React__default["default"].createElement(RenameMenu, {
+    disabled: disabled,
+    dropdownButtonProps: dropdownButtonProps,
+    dropdownItems: dropdownItems,
+    dropdownProps: dropdownProps,
+    handleRenameClick: handleRenameClick,
+    isArchived: isArchived,
+    isDisabled: isDisabled,
+    onArchiveStatusToggle: onArchiveStatusToggle,
+    onClone: onClone,
+    onDelete: onDelete,
+    onDisableStatusToggle: onDisableStatusToggle
+  }));
+};
+
+var Rename = function Rename(_ref) {
+  var value = _ref.value,
+    onRename = _ref.onRename,
+    onClone = _ref.onClone,
+    onArchiveStatusToggle = _ref.onArchiveStatusToggle,
+    onDisableStatusToggle = _ref.onDisableStatusToggle,
+    onDelete = _ref.onDelete,
+    isArchived = _ref.isArchived,
+    isDisabled = _ref.isDisabled,
+    _ref$isOpen = _ref.isOpen,
+    isOpen = _ref$isOpen === void 0 ? false : _ref$isOpen,
+    _ref$isLoading = _ref.isLoading,
+    isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading,
+    _ref$placeholder = _ref.placeholder,
+    placeholder = _ref$placeholder === void 0 ? "" : _ref$placeholder,
+    _ref$hideMenu = _ref.hideMenu,
+    hideMenu = _ref$hideMenu === void 0 ? false : _ref$hideMenu,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$dropdownItems = _ref.dropdownItems,
+    dropdownItems = _ref$dropdownItems === void 0 ? [] : _ref$dropdownItems,
+    _ref$breadcrumbs = _ref.breadcrumbs,
+    breadcrumbs = _ref$breadcrumbs === void 0 ? [] : _ref$breadcrumbs,
+    _ref$textProps = _ref.textProps,
+    textProps = _ref$textProps === void 0 ? {} : _ref$textProps,
+    _ref$inputProps = _ref.inputProps,
+    inputProps = _ref$inputProps === void 0 ? {} : _ref$inputProps,
+    _ref$submitButtonProp = _ref.submitButtonProps,
+    submitButtonProps = _ref$submitButtonProp === void 0 ? {} : _ref$submitButtonProp,
+    _ref$cancelButtonProp = _ref.cancelButtonProps,
+    cancelButtonProps = _ref$cancelButtonProp === void 0 ? {} : _ref$cancelButtonProp,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
+    _ref$allowEmptySubmis = _ref.allowEmptySubmission,
+    allowEmptySubmission = _ref$allowEmptySubmis === void 0 ? false : _ref$allowEmptySubmis,
+    _ref$defaultName = _ref.defaultName,
+    defaultName = _ref$defaultName === void 0 ? "" : _ref$defaultName,
+    formatText = _ref.formatText,
+    _ref$dropdownButtonPr = _ref.dropdownButtonProps,
+    dropdownButtonProps = _ref$dropdownButtonPr === void 0 ? {} : _ref$dropdownButtonPr,
+    _ref$dropdownProps = _ref.dropdownProps,
+    dropdownProps = _ref$dropdownProps === void 0 ? {} : _ref$dropdownProps;
+  var _useStateWithDependen = useStateWithDependency__default["default"](value !== null && value !== void 0 ? value : ""),
+    _useStateWithDependen2 = _slicedToArray__default["default"](_useStateWithDependen, 2),
+    name = _useStateWithDependen2[0],
+    setName = _useStateWithDependen2[1];
+  var _useState = React.useState(isOpen),
+    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    editMode = _useState2[0],
+    setEditMode = _useState2[1];
+  var renameRef = React.useRef(null);
+  var initialName = React.useMemo(function () {
+    return name;
+  }, [editMode]);
+  useOnClickOutside__default["default"](renameRef, function () {
+    return editMode && handleClose({
+      saveOnOutsideClick: neetoCist.notEquals(name, initialName)
+    });
+  });
+  var handleRename = function handleRename(event, name) {
+    event === null || event === void 0 ? void 0 : event.stopPropagation();
+    var newName = allowEmptySubmission && ramda.isEmpty(name) ? defaultName : name;
+    setName(newName);
+    onRename === null || onRename === void 0 ? void 0 : onRename(newName);
+    setEditMode(false);
+  };
+  var handleClose = function handleClose(_ref2) {
+    var _ref2$event = _ref2.event,
+      event = _ref2$event === void 0 ? null : _ref2$event,
+      _ref2$saveOnOutsideCl = _ref2.saveOnOutsideClick,
+      saveOnOutsideClick = _ref2$saveOnOutsideCl === void 0 ? false : _ref2$saveOnOutsideCl;
+    event === null || event === void 0 ? void 0 : event.stopPropagation();
+    saveOnOutsideClick ? handleRename(event, name) : setName(value);
+    setEditMode(false);
+  };
+  var handleRenameClick = function handleRenameClick(event) {
+    event.stopPropagation();
+    !disabled && setEditMode(true);
+  };
+  var editNameProps = {
+    allowEmptySubmission: allowEmptySubmission,
+    cancelButtonProps: cancelButtonProps,
+    handleClose: handleClose,
+    handleRename: handleRename,
+    inputProps: inputProps,
+    isLoading: isLoading,
+    name: name,
+    placeholder: placeholder,
+    setName: setName,
+    submitButtonProps: submitButtonProps,
+    editMode: editMode
+  };
+  var viewNameProps = {
+    disabled: disabled,
+    dropdownItems: dropdownItems,
+    formatText: formatText,
+    handleRenameClick: handleRenameClick,
+    hideMenu: hideMenu,
+    name: name,
+    isArchived: isArchived,
+    onArchiveStatusToggle: onArchiveStatusToggle,
+    isDisabled: isDisabled,
+    onDisableStatusToggle: onDisableStatusToggle,
+    onClone: onClone,
+    onDelete: onDelete,
+    textProps: textProps,
+    dropdownButtonProps: dropdownButtonProps,
+    dropdownProps: dropdownProps
+  };
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    ref: renameRef,
+    className: classnames__default["default"]("neeto-molecules-rename flex min-w-0 max-w-md flex-col items-start md:flex-row md:items-center", className)
+  }, neetoCist.isNotEmpty(breadcrumbs) && /*#__PURE__*/React__default["default"].createElement(Breadcrumbs, {
+    breadcrumbs: breadcrumbs,
+    hasTrailingSeparator: true,
+    className: "neeto-molecules-rename-breadcrumbs"
+  }), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "relative flex max-w-full items-center gap-x-2"
+  }, editMode ? /*#__PURE__*/React__default["default"].createElement(Editor, editNameProps) : /*#__PURE__*/React__default["default"].createElement(ViewName, viewNameProps)));
+};
+
+module.exports = Rename;
+//# sourceMappingURL=Rename.js.map

package/dist/cjs/Rename.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Rename.js","sources":["../../src/components/Rename/utils.js","../../src/components/Rename/EditName.jsx","../../src/components/Rename/RenameMenu.jsx","../../src/components/Rename/ViewName.jsx","../../src/components/Rename/index.jsx"],"sourcesContent":["export const mergeRefs =\n  (...refs) =>\n  node =>\n    refs.forEach(ref =>\n      typeof ref === \"function\" ? ref(node) : (ref.current = node)\n    );\n","import React from \"react\";\n\nimport { withEventTargetValue } from \"neetocommons/utils/general\";\nimport useHotkeys from \"neetohotkeys\";\nimport { Check, Close } from \"neetoicons\";\nimport { Button, Input } from \"neetoui\";\nimport { isEmpty } from \"ramda\";\n\nimport { mergeRefs } from \"./utils\";\n\nconst Editor = ({\n  placeholder,\n  allowEmptySubmission,\n  name,\n  isLoading,\n  handleRename,\n  submitButtonProps,\n  handleClose,\n  cancelButtonProps,\n  setName,\n  inputProps,\n  editMode,\n}) => {\n  const closeRef = useHotkeys(\"escape\", event => handleClose({ event }), {\n    mode: \"scoped\",\n    enabled: editMode,\n  });\n\n  const submitRef = useHotkeys(\n    [\"command+return\", \"return\"],\n    event => {\n      if (isEmpty(name) && !allowEmptySubmission) return;\n      handleRename(event, name);\n    },\n    { mode: \"scoped\", enabled: editMode }\n  );\n\n  return (\n    <div className=\"relative flex min-w-0 max-w-full flex-grow\">\n      <span className=\"neeto-molecules-rename__input-width-maker\">\n        {name.replace(/\\s/g, \".\") || placeholder}\n      </span>\n      <Input\n        {...{ placeholder }}\n        autoFocus\n        className=\"neeto-molecules-rename__input absolute\"\n        data-cy=\"form-rename-text-field\"\n        data-testid=\"neeto-molecules-name-input\"\n        ref={mergeRefs(closeRef, submitRef)}\n        value={name}\n        suffix={\n          <div className=\"flex items-center justify-end\">\n            <Button\n              className=\"neeto-ui-rounded-none\"\n              data-cy=\"form-rename-submit-button\"\n              data-testid=\"neeto-molecules-rename-button\"\n              disabled={(!allowEmptySubmission && isEmpty(name)) || isLoading}\n              icon={Check}\n              loading={isLoading}\n              style=\"text\"\n              onClick={event => handleRename(event, name)}\n              {...submitButtonProps}\n            />\n            <Button\n              className=\"neeto-ui-rounded-none\"\n              data-cy=\"form-rename-close-button\"\n              data-testid=\"neeto-molecules-cancel-button\"\n              disabled={isLoading}\n              icon={Close}\n              style=\"text\"\n              onClick={event => handleClose({ event })}\n              {...cancelButtonProps}\n            />\n          </div>\n        }\n        onChange={withEventTargetValue(setName)}\n        onClick={event => event.stopPropagation()}\n        {...inputProps}\n        label={null}\n      />\n    </div>\n  );\n};\n\nexport default Editor;\n","import React from \"react\";\n\nimport { isPresent } from \"neetocist\";\nimport { withT } from \"neetocommons/react-utils\";\n\nimport MoreDropdown from \"components/MoreDropdown\";\n\nconst RenameMenu = withT(\n  ({\n    t,\n    handleRenameClick,\n    disabled,\n    dropdownItems,\n    onArchiveStatusToggle,\n    onDisableStatusToggle,\n    onClone,\n    onDelete,\n    isArchived,\n    isDisabled,\n    dropdownButtonProps,\n    dropdownProps,\n  }) => (\n    <MoreDropdown\n      dropdownButtonProps={{\n        \"data-testid\": \"neeto-molecules-menu-button\",\n        ...dropdownButtonProps,\n      }}\n      dropdownProps={{\n        position: \"bottom-start\",\n        onClick: event => event.stopPropagation(),\n        strategy: \"fixed\",\n        appendTo: () => document.body,\n        zIndex: \"99999\",\n        ...dropdownProps,\n      }}\n      menuItems={[\n        {\n          \"data-cy\": \"form-rename-button\",\n          onClick: handleRenameClick,\n          label: t(\"neetoMolecules.common.actions.rename\"),\n          isVisible: !disabled,\n          key: \"edit-name-menu\",\n        },\n        {\n          \"data-cy\": \"form-clone-button\",\n          onClick: onClone,\n          label: t(\"neetoMolecules.common.actions.clone\"),\n          isVisible: isPresent(onClone),\n          key: \"clone-entity-menu\",\n        },\n        {\n          \"data-cy\": \"form-archive-button\",\n          onClick: onArchiveStatusToggle,\n          label: isArchived\n            ? t(\"neetoMolecules.common.actions.unArchive\")\n            : t(\"neetoMolecules.common.actions.archive\"),\n          isVisible: isPresent(onArchiveStatusToggle),\n          key: \"archive-entity-menu\",\n        },\n        {\n          \"data-cy\": \"form-enable-button\",\n          onClick: onDisableStatusToggle,\n          label: isDisabled\n            ? t(\"neetoMolecules.common.actions.enable\")\n            : t(\"neetoMolecules.common.actions.disable\"),\n          isVisible: isPresent(onDisableStatusToggle),\n          key: \"enable-entity-menu\",\n        },\n        {\n          \"data-cy\": \"form-delete-button\",\n          onClick: onDelete,\n          label: t(\"neetoMolecules.common.actions.delete\"),\n          isVisible: isPresent(onDelete),\n          key: \"delete-entity-menu\",\n        },\n        ...dropdownItems,\n      ]}\n    />\n  )\n);\n\nexport default RenameMenu;\n","import React from \"react\";\n\nimport classNames from \"classnames\";\nimport { isNotEmpty, isPresent } from \"neetocist\";\nimport { Typography } from \"neetoui\";\n\nimport RenameMenu from \"./RenameMenu\";\n\nconst ViewName = ({\n  disabled,\n  textProps,\n  formatText,\n  dropdownItems,\n  hideMenu,\n  handleRenameClick,\n  onArchiveStatusToggle,\n  onDisableStatusToggle,\n  onClone,\n  onDelete,\n  name,\n  isArchived,\n  isDisabled,\n  dropdownButtonProps,\n  dropdownProps,\n}) => {\n  const isDefaultMenuCallbacksPresent =\n    isPresent(onArchiveStatusToggle) ||\n    isPresent(onDisableStatusToggle) ||\n    isPresent(onDelete) ||\n    isPresent(onClone);\n\n  const isMenuVisible =\n    !hideMenu &&\n    (isNotEmpty(dropdownItems) || !disabled || isDefaultMenuCallbacksPresent);\n\n  return (\n    <>\n      <Typography\n        component=\"p\"\n        data-cy=\"form-title\"\n        data-testid=\"neeto-molecules-value-display\"\n        style=\"body2\"\n        className={classNames(\n          \"neeto-molecules-rename__text neeto-molecules-rename__display-text w-full truncate\",\n          {\n            \"cursor-pointer\": !disabled,\n            \"pointer-events-none cursor-text\": disabled,\n          }\n        )}\n        onClick={handleRenameClick}\n        {...textProps}\n      >\n        {typeof formatText === \"function\" ? formatText(name) : name}\n      </Typography>\n      {isMenuVisible && (\n        <RenameMenu\n          {...{\n            disabled,\n            dropdownButtonProps,\n            dropdownItems,\n            dropdownProps,\n            handleRenameClick,\n            isArchived,\n            isDisabled,\n            onArchiveStatusToggle,\n            onClone,\n            onDelete,\n            onDisableStatusToggle,\n          }}\n        />\n      )}\n    </>\n  );\n};\n\nexport default ViewName;\n","import React, { useState, useRef, useMemo } from \"react\";\n\nimport classnames from \"classnames\";\nimport { isNotEmpty, notEquals } from \"neetocist\";\nimport useOnClickOutside from \"neetocommons/react-utils/useOnClickOutside\";\nimport useStateWithDependency from \"neetocommons/react-utils/useStateWithDependency\";\nimport PropTypes from \"prop-types\";\nimport { isEmpty } from \"ramda\";\n\nimport Breadcrumbs from \"components/Breadcrumbs\";\n\nimport EditName from \"./EditName\";\nimport \"./rename.scss\";\nimport ViewName from \"./ViewName\";\n\nconst Rename = ({\n  value,\n  onRename,\n  onClone,\n  onArchiveStatusToggle,\n  onDisableStatusToggle,\n  onDelete,\n  isArchived,\n  isDisabled,\n  isOpen = false,\n  isLoading = false,\n  placeholder = \"\",\n  hideMenu = false,\n  disabled = false,\n  dropdownItems = [],\n  breadcrumbs = [],\n  textProps = {},\n  inputProps = {},\n  submitButtonProps = {},\n  cancelButtonProps = {},\n  className = \"\",\n  allowEmptySubmission = false,\n  defaultName = \"\",\n  formatText,\n  dropdownButtonProps = {},\n  dropdownProps = {},\n}) => {\n  const [name, setName] = useStateWithDependency(value ?? \"\");\n  const [editMode, setEditMode] = useState(isOpen);\n  const renameRef = useRef(null);\n\n  const initialName = useMemo(() => name, [editMode]);\n\n  useOnClickOutside(\n    renameRef,\n    () =>\n      editMode &&\n      handleClose({ saveOnOutsideClick: notEquals(name, initialName) })\n  );\n\n  const handleRename = (event, name) => {\n    event?.stopPropagation();\n    const newName = allowEmptySubmission && isEmpty(name) ? defaultName : name;\n    setName(newName);\n    onRename?.(newName);\n    setEditMode(false);\n  };\n\n  const handleClose = ({ event = null, saveOnOutsideClick = false }) => {\n    event?.stopPropagation();\n    saveOnOutsideClick ? handleRename(event, name) : setName(value);\n    setEditMode(false);\n  };\n\n  const handleRenameClick = event => {\n    event.stopPropagation();\n    !disabled && setEditMode(true);\n  };\n\n  const editNameProps = {\n    allowEmptySubmission,\n    cancelButtonProps,\n    handleClose,\n    handleRename,\n    inputProps,\n    isLoading,\n    name,\n    placeholder,\n    setName,\n    submitButtonProps,\n    editMode,\n  };\n\n  const viewNameProps = {\n    disabled,\n    dropdownItems,\n    formatText,\n    handleRenameClick,\n    hideMenu,\n    name,\n    isArchived,\n    onArchiveStatusToggle,\n    isDisabled,\n    onDisableStatusToggle,\n    onClone,\n    onDelete,\n    textProps,\n    dropdownButtonProps,\n    dropdownProps,\n  };\n\n  return (\n    <div\n      ref={renameRef}\n      className={classnames(\n        \"neeto-molecules-rename flex min-w-0 max-w-md flex-col items-start md:flex-row md:items-center\",\n        className\n      )}\n    >\n      {isNotEmpty(breadcrumbs) && (\n        <Breadcrumbs\n          {...{ breadcrumbs }}\n          hasTrailingSeparator\n          className=\"neeto-molecules-rename-breadcrumbs\"\n        />\n      )}\n      <div className=\"relative flex max-w-full items-center gap-x-2\">\n        {editMode ? (\n          <EditName {...editNameProps} />\n        ) : (\n          <ViewName {...viewNameProps} />\n        )}\n      </div>\n    </div>\n  );\n};\n\nRename.propTypes = {\n  /**\n   * To provide additional classes to the component.\n   */\n  className: PropTypes.string,\n  /**\n   * To allow empty submission.\n   */\n  allowEmptySubmission: PropTypes.bool,\n  /**\n   * Default value to be used on empty submission.\n   */\n  defaultName: PropTypes.string,\n  /**\n   * To specify the text to be displayed in the component.\n   */\n  value: PropTypes.string,\n  /**\n   * To specify the function to be triggered when renamed.\n   */\n  onRename: PropTypes.func,\n  /**\n   * To specify the function to be triggered when Clone menu is clicked. The menu will be hidden if this prop is not set.\n   */\n  onClone: PropTypes.func,\n  /**\n   * To specify the function to be triggered when Archive menu is clicked. The menu will be hidden if this prop is not set.\n   */\n  onArchiveStatusToggle: PropTypes.func,\n  /**\n   * To specify the function to be triggered when Enable/Disable menu is clicked. The menu will be hidden if this prop is not set.\n   */\n  onDisableStatusToggle: PropTypes.func,\n  /**\n   * To specify whether the entity is archived or not. The text in the menu will be changed based on this to Archive or Unarchive.\n   */\n  isArchived: PropTypes.bool,\n  /**\n   * To specify whether the entity is disabled or not. The text in the menu will be changed based on this to Enable or Disable.\n   */\n  isDisabled: PropTypes.bool,\n  /**\n   * To specify the function to be triggered when Delete menu is clicked. The menu will be hidden if this prop is not set.\n   */\n  onDelete: PropTypes.func,\n  /**\n   * To specify whether edit mode is enabled or not.\n   */\n  isOpen: PropTypes.bool,\n  /**\n   * To specify whether the edit buttons are in loading state or not.\n   */\n  isLoading: PropTypes.bool,\n  /**\n   * To specify the placeholder for the input component in edit mode.\n   */\n  placeholder: PropTypes.string,\n  /**\n   * To specify whether the dropdown menu should be hidden or not.\n   */\n  hideMenu: PropTypes.bool,\n  /**\n   * To specify whether the rename option in dropdown should be enabled. If it is the only option in dropdown, the menu will be hidden.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * To specify additional items for the dropdown menu.\n   */\n  dropdownItems: PropTypes.array,\n  /**\n   * To specify the breadcrumbs if used in the title of `Header` component.\n   */\n  breadcrumbs: PropTypes.arrayOf(\n    PropTypes.shape({\n      text: PropTypes.string,\n      link: PropTypes.string,\n    })\n  ),\n  /**\n   * To override the properties of the Typography component that displays the `value`.\n   */\n  textProps: PropTypes.object,\n  /**\n   * To override the properties of the Input component in edit mode.\n   */\n  inputProps: PropTypes.object,\n  /**\n   * To format the value to display when not in edit mode.\n   */\n  formatText: PropTypes.func,\n  /**\n   * To override the properties of the submit button.\n   */\n  submitButtonProps: PropTypes.object,\n  /**\n   * To override the properties of the cancel button.\n   */\n  cancelButtonProps: PropTypes.object,\n};\n\nexport default Rename;\n"],"names":["mergeRefs","_len","arguments","length","refs","Array","_key","node","forEach","ref","current","Editor","_ref","placeholder","allowEmptySubmission","name","isLoading","handleRename","submitButtonProps","handleClose","cancelButtonProps","setName","inputProps","editMode","closeRef","useHotkeys","event","mode","enabled","submitRef","isEmpty","React","createElement","className","replace","Input","_extends","autoFocus","value","suffix","Button","disabled","icon","Check","loading","style","onClick","Close","onChange","withEventTargetValue","stopPropagation","label","RenameMenu","withT","t","handleRenameClick","dropdownItems","onArchiveStatusToggle","onDisableStatusToggle","onClone","onDelete","isArchived","isDisabled","dropdownButtonProps","dropdownProps","MoreDropdown","_objectSpread","position","strategy","appendTo","document","body","zIndex","menuItems","isVisible","key","isPresent","concat","_toConsumableArray","ViewName","textProps","formatText","hideMenu","isDefaultMenuCallbacksPresent","isMenuVisible","isNotEmpty","Fragment","Typography","component","classNames","Rename","onRename","_ref$isOpen","isOpen","_ref$isLoading","_ref$placeholder","_ref$hideMenu","_ref$disabled","_ref$dropdownItems","_ref$breadcrumbs","breadcrumbs","_ref$textProps","_ref$inputProps","_ref$submitButtonProp","_ref$cancelButtonProp","_ref$className","_ref$allowEmptySubmis","_ref$defaultName","defaultName","_ref$dropdownButtonPr","_ref$dropdownProps","_useStateWithDependen","useStateWithDependency","_useStateWithDependen2","_slicedToArray","_useState","useState","_useState2","setEditMode","renameRef","useRef","initialName","useMemo","useOnClickOutside","saveOnOutsideClick","notEquals","newName","_ref2","_ref2$event","_ref2$saveOnOutsideCl","editNameProps","viewNameProps","classnames","Breadcrumbs","hasTrailingSeparator","EditName"],"mappings":"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"}

package/dist/cjs/ResponsiveDevicePicker.js

@@ -0,0 +1,68 @@
+'use strict';
+
+var _extends = require('@babel/runtime/helpers/extends');
+var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+var React = require('react');
+var classnames = require('classnames');
+var neetoui = require('@bigbinary/neetoui');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var i18next = require('i18next');
+var neetoIcons = require('@bigbinary/neeto-icons');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
+var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
+var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+
+var RESPONSIVE_DEVICES = {
+  DESKTOP: "desktop",
+  TABLET: "tablet",
+  MOBILE: "mobile"
+};
+var RESPONSIVE_DEVICES_MAP = _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"]({}, RESPONSIVE_DEVICES.DESKTOP, {
+  icon: neetoIcons.Computer,
+  label: i18next.t("neetoMolecules.responsiveDevicePicker.desktop")
+}), RESPONSIVE_DEVICES.TABLET, {
+  icon: neetoIcons.Tablet,
+  label: i18next.t("neetoMolecules.responsiveDevicePicker.tablet")
+}), RESPONSIVE_DEVICES.MOBILE, {
+  icon: neetoIcons.Mobile,
+  label: i18next.t("neetoMolecules.responsiveDevicePicker.mobile")
+});
+
+var _excluded = ["className", "selectedDevice", "onDeviceChange"];
+var ResponsiveDevicePicker = function ResponsiveDevicePicker(_ref) {
+  var _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
+    selectedDevice = _ref.selectedDevice,
+    onDeviceChange = _ref.onDeviceChange,
+    otherProps = _objectWithoutProperties__default["default"](_ref, _excluded);
+  return /*#__PURE__*/React__default["default"].createElement("div", _extends__default["default"]({
+    className: classnames__default["default"]("flex items-center justify-center gap-2", className)
+  }, otherProps), Object.entries(RESPONSIVE_DEVICES_MAP).map(function (_ref2) {
+    var _ref3 = _slicedToArray__default["default"](_ref2, 2),
+      key = _ref3[0],
+      _ref3$ = _ref3[1],
+      icon = _ref3$.icon,
+      label = _ref3$.label;
+    return /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+      "data-testid": "".concat(label.toLowerCase(), "-device-button"),
+      icon: icon,
+      key: key,
+      size: "small",
+      style: key === selectedDevice ? "primary" : "secondary",
+      title: label,
+      onClick: function onClick() {
+        return onDeviceChange(key);
+      }
+    });
+  }));
+};
+
+module.exports = ResponsiveDevicePicker;
+//# sourceMappingURL=ResponsiveDevicePicker.js.map

package/dist/cjs/ResponsiveDevicePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResponsiveDevicePicker.js","sources":["../../src/components/ResponsiveDevicePicker/constants.js","../../src/components/ResponsiveDevicePicker/index.jsx"],"sourcesContent":["import { t } from \"i18next\";\nimport { Computer, Tablet, Mobile } from \"neetoicons\";\n\nexport const RESPONSIVE_DEVICES = {\n  DESKTOP: \"desktop\",\n  TABLET: \"tablet\",\n  MOBILE: \"mobile\",\n};\n\nexport const RESPONSIVE_DEVICES_MAP = {\n  [RESPONSIVE_DEVICES.DESKTOP]: {\n    icon: Computer,\n    label: t(\"neetoMolecules.responsiveDevicePicker.desktop\"),\n  },\n  [RESPONSIVE_DEVICES.TABLET]: {\n    icon: Tablet,\n    label: t(\"neetoMolecules.responsiveDevicePicker.tablet\"),\n  },\n  [RESPONSIVE_DEVICES.MOBILE]: {\n    icon: Mobile,\n    label: t(\"neetoMolecules.responsiveDevicePicker.mobile\"),\n  },\n};\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport { Button } from \"neetoui\";\nimport PropTypes from \"prop-types\";\n\nimport { RESPONSIVE_DEVICES_MAP } from \"./constants\";\n\nconst ResponsiveDevicePicker = ({\n  className = \"\",\n  selectedDevice,\n  onDeviceChange,\n  ...otherProps\n}) => (\n  <div\n    className={classnames(\"flex items-center justify-center gap-2\", className)}\n    {...otherProps}\n  >\n    {Object.entries(RESPONSIVE_DEVICES_MAP).map(([key, { icon, label }]) => (\n      <Button\n        data-testid={`${label.toLowerCase()}-device-button`}\n        icon={icon}\n        key={key}\n        size=\"small\"\n        style={key === selectedDevice ? \"primary\" : \"secondary\"}\n        title={label}\n        onClick={() => onDeviceChange(key)}\n      />\n    ))}\n  </div>\n);\n\nResponsiveDevicePicker.propTypes = {\n  /**\n   * To specify external classnames as overrides.\n   */\n  className: PropTypes.string,\n  /**\n   * To show the active device.\n   */\n  selectedDevice: PropTypes.string,\n  /**\n   * Handler function that is triggered when one of the device options are selected.\n   */\n  onDeviceChange: PropTypes.func,\n};\n\nexport default ResponsiveDevicePicker;\n"],"names":["RESPONSIVE_DEVICES","DESKTOP","TABLET","MOBILE","RESPONSIVE_DEVICES_MAP","_defineProperty","icon","Computer","label","t","Tablet","Mobile","ResponsiveDevicePicker","_ref","_ref$className","className","selectedDevice","onDeviceChange","otherProps","_objectWithoutProperties","_excluded","React","createElement","_extends","classnames","Object","entries","map","_ref2","_ref3","_slicedToArray","key","_ref3$","Button","concat","toLowerCase","size","style","title","onClick"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAGO,IAAMA,kBAAkB,GAAG;AAChCC,EAAAA,OAAO,EAAE,SAAS;AAClBC,EAAAA,MAAM,EAAE,QAAQ;AAChBC,EAAAA,MAAM,EAAE,QAAA;AACV,CAAC,CAAA;AAEM,IAAMC,sBAAsB,GAAAC,mCAAA,CAAAA,mCAAA,CAAAA,mCAAA,CAChCL,EAAAA,EAAAA,kBAAkB,CAACC,OAAO,EAAG;AAC5BK,EAAAA,IAAI,EAAEC,mBAAQ;EACdC,KAAK,EAAEC,SAAC,CAAC,+CAA+C,CAAA;AAC1D,CAAC,CACAT,EAAAA,kBAAkB,CAACE,MAAM,EAAG;AAC3BI,EAAAA,IAAI,EAAEI,iBAAM;EACZF,KAAK,EAAEC,SAAC,CAAC,8CAA8C,CAAA;AACzD,CAAC,CACAT,EAAAA,kBAAkB,CAACG,MAAM,EAAG;AAC3BG,EAAAA,IAAI,EAAEK,iBAAM;EACZH,KAAK,EAAEC,SAAC,CAAC,8CAA8C,CAAA;AACzD,CAAC,CACF;;;ACdD,IAAMG,sBAAsB,GAAG,SAAzBA,sBAAsBA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAAC,cAAA,GAAAD,IAAA,CAC1BE,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,cAAA;IACdE,cAAc,GAAAH,IAAA,CAAdG,cAAc;IACdC,cAAc,GAAAJ,IAAA,CAAdI,cAAc;AACXC,IAAAA,UAAU,GAAAC,4CAAA,CAAAN,IAAA,EAAAO,SAAA,CAAA,CAAA;AAAA,EAAA,oBAEbC,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAAC,4BAAA,CAAA;AACER,IAAAA,SAAS,EAAES,8BAAU,CAAC,wCAAwC,EAAET,SAAS,CAAA;AAAE,GAAA,EACvEG,UAAU,CAAA,EAEbO,MAAM,CAACC,OAAO,CAACtB,sBAAsB,CAAC,CAACuB,GAAG,CAAC,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAAC,KAAA,GAAAC,kCAAA,CAAAF,KAAA,EAAA,CAAA,CAAA;AAAEG,MAAAA,GAAG,GAAAF,KAAA,CAAA,CAAA,CAAA;AAAAG,MAAAA,MAAA,GAAAH,KAAA,CAAA,CAAA,CAAA;MAAIvB,IAAI,GAAA0B,MAAA,CAAJ1B,IAAI;MAAEE,KAAK,GAAAwB,MAAA,CAALxB,KAAK,CAAA;AAAA,IAAA,oBAC9Da,yBAAA,CAAAC,aAAA,CAACW,cAAM,EAAA;AACL,MAAA,aAAA,EAAA,EAAA,CAAAC,MAAA,CAAgB1B,KAAK,CAAC2B,WAAW,EAAE,EAAiB,gBAAA,CAAA;AACpD7B,MAAAA,IAAI,EAAEA,IAAK;AACXyB,MAAAA,GAAG,EAAEA,GAAI;AACTK,MAAAA,IAAI,EAAC,OAAO;AACZC,MAAAA,KAAK,EAAEN,GAAG,KAAKf,cAAc,GAAG,SAAS,GAAG,WAAY;AACxDsB,MAAAA,KAAK,EAAE9B,KAAM;MACb+B,OAAO,EAAE,SAAAA,OAAA,GAAA;QAAA,OAAMtB,cAAc,CAACc,GAAG,CAAC,CAAA;AAAA,OAAA;AAAC,KACpC,CAAC,CAAA;AAAA,GACH,CACE,CAAC,CAAA;AAAA;;;;"}