@bigbinary/neetoui 7.0.2 → 7.0.3

package/dist/DateTimePicker.js

@@ -1,178 +1,94 @@
-import _extends from '@babel/runtime/helpers/extends';
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import React__default, { useState, useEffect } from 'react';
-import classnames from 'classnames';
-import dayjs from 'dayjs';
-import customParseFormat from 'dayjs/plugin/customParseFormat';
-import { isPresent, isNotPresent } from '@bigbinary/neeto-cist';
-import DatePicker from './DatePicker.js';
-import Label from './Label.js';
-import TimePickerInput from './TimePickerInput.js';
-import { u as useId } from './useId-c1d20bba.js';
+import '@babel/runtime/helpers/extends';
+import '@babel/runtime/helpers/defineProperty';
+import '@babel/runtime/helpers/slicedToArray';
+import 'react';
+import 'classnames';
+import 'dayjs';
+import 'dayjs/plugin/customParseFormat';
+import '@bigbinary/neeto-cist';
+export { i as default } from './index-4a662f27.js';
+import './Label.js';
+import './TimePickerInput.js';
+import './useId-c1d20bba.js';
 import 'react-router-dom';
 import '@bigbinary/neeto-hotkeys';
 import './overlayManager.js';
-import { h as hyphenize, n as noop } from './index-9d5142b4.js';
+import './index-9d5142b4.js';
 import 'qs';
+import 'antd/lib/config-provider';
 import '@babel/runtime/helpers/objectWithoutProperties';
-import 'antd/lib/date-picker';
 import '@bigbinary/neeto-icons';
-import './useSyncedRef-226a3dbc.js';
-import 'antd/lib/config-provider';
-import './Button.js';
+import './Accordion.js';
+import 'ramda';
 import './motion-087daf52.js';
+import './ActionDropdown.js';
+import './Button.js';
 import './Tooltip.js';
 import '@tippyjs/react';
 import 'tippy.js';
-import './Popover.js';
-import './Typography.js';
+import './Dropdown.js';
 import '@babel/runtime/helpers/classCallCheck';
 import '@babel/runtime/helpers/createClass';
 import 'dayjs/plugin/localeData';
 import 'dayjs/plugin/utc';
 import 'dayjs/plugin/weekday';
 import 'dayjs/plugin/weekOfYear';
-import 'ramda';
+import './Modal.js';
+import './useOverlayManager-9d385819.js';
+import '@babel/runtime/helpers/esm/extends';
+import '@babel/runtime/helpers/esm/objectWithoutPropertiesLoose';
+import '@babel/runtime/helpers/esm/inheritsLoose';
+import './index-283bc6a6.js';
+import 'react-dom';
+import '@babel/runtime/helpers/esm/assertThisInitialized';
+import './Typography.js';
+import 'avvvatars-react';
+import './Checkbox.js';
+import './Popover.js';
+import '@babel/runtime/helpers/asyncToGenerator';
+import '@babel/runtime/regenerator';
+import 'react-colorful';
+import './tinycolor-282c618c.js';
+import 'antd/lib/date-picker';
+import './Input.js';
+import './MultiEmailInput.js';
+import '@babel/runtime/helpers/toConsumableArray';
+import './react-select-creatable.esm-ad71b0c0.js';
+import '@babel/runtime/helpers/esm/objectSpread2';
+import '@babel/runtime/helpers/esm/classCallCheck';
+import '@babel/runtime/helpers/esm/createClass';
+import '@babel/runtime/helpers/esm/inherits';
+import '@babel/runtime/helpers/esm/createSuper';
+import '@babel/runtime/helpers/esm/toConsumableArray';
+import '@babel/runtime/helpers/esm/taggedTemplateLiteral';
+import '@babel/runtime/helpers/esm/objectWithoutProperties';
+import '@babel/runtime/helpers/esm/slicedToArray';
+import '@babel/runtime/helpers/esm/typeof';
+import '@babel/runtime/helpers/esm/defineProperty';
+import '@babel/runtime/helpers/objectSpread2';
+import '@babel/runtime/helpers/inherits';
+import '@babel/runtime/helpers/createSuper';
+import '@babel/runtime/helpers/taggedTemplateLiteral';
+import '@babel/runtime/helpers/typeof';
+import '@babel/runtime/helpers/toArray';
+import './Tag.js';
+import './Textarea-e836f83e.js';
+import './Pane.js';
+import './Radio.js';
+import 'antd/lib/slider';
+import './Switch.js';
+import './Tab.js';
+import 'antd/lib/table';
+import 'react-drag-listview';
+import './HeaderCellMenu-810f0594.js';
+import 'react-resizable';
+import './Toastr.js';
+import 'i18next';
+import 'react-toastify';
+import 'linkify-react';
+import 'antd/lib/tree';
+import './TreeSelect.js';
+import 'antd/lib/tree-select';
 import '@wojtekmaj/react-timerange-picker';
 import 'react-time-picker';
-
-var DATE_FORMAT = "YYYY-MM-DD";
-var TIME_FORMAT = "HH:mm";
-var getDateTime = function getDateTime(date, time) {
-  if (isPresent(date) && isPresent(time)) {
-    return dayjs("".concat(date.format(DATE_FORMAT), " ").concat(time.format(TIME_FORMAT)));
-  }
-  return null;
-};
-var getAllowedTime = function getAllowedTime(date, time, minDateTime, maxDateTime) {
-  var newTime = getDateTime(date, time || dayjs());
-  if (isPresent(minDateTime) && date !== null && date !== void 0 && date.isSame(minDateTime, "day") && newTime !== null && newTime !== void 0 && newTime.isBefore(minDateTime)) {
-    return minDateTime;
-  }
-  if (isPresent(maxDateTime) && date !== null && date !== void 0 && date.isSame(maxDateTime, "day") && newTime !== null && newTime !== void 0 && newTime.isAfter(maxDateTime)) {
-    return maxDateTime;
-  }
-  return newTime;
-};
-var getTime = function getTime(date) {
-  return date === null || date === void 0 ? void 0 : date.format(TIME_FORMAT);
-};
-
-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(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; }
-dayjs.extend(customParseFormat);
-var DateTimePicker = function DateTimePicker(_ref) {
-  var _ref$className = _ref.className,
-    className = _ref$className === void 0 ? "" : _ref$className,
-    _ref$label = _ref.label,
-    label = _ref$label === void 0 ? "" : _ref$label,
-    size = _ref.size,
-    dropdownClassName = _ref.dropdownClassName,
-    popupClassName = _ref.popupClassName,
-    dateFormat = _ref.dateFormat,
-    _ref$onChange = _ref.onChange,
-    onChange = _ref$onChange === void 0 ? noop : _ref$onChange,
-    _ref$nakedInput = _ref.nakedInput,
-    nakedInput = _ref$nakedInput === void 0 ? false : _ref$nakedInput,
-    _ref$error = _ref.error,
-    error = _ref$error === void 0 ? "" : _ref$error,
-    defaultValue = _ref.defaultValue,
-    value = _ref.value,
-    labelProps = _ref.labelProps,
-    _ref$required = _ref.required,
-    required = _ref$required === void 0 ? false : _ref$required,
-    id = _ref.id,
-    datePickerProps = _ref.datePickerProps,
-    timePickerProps = _ref.timePickerProps,
-    minDateTime = _ref.minDateTime,
-    maxDateTime = _ref.maxDateTime,
-    _ref$onTimeInputBlur = _ref.onTimeInputBlur,
-    onTimeInputBlur = _ref$onTimeInputBlur === void 0 ? noop : _ref$onTimeInputBlur,
-    _ref$onBlur = _ref.onBlur,
-    onBlur = _ref$onBlur === void 0 ? noop : _ref$onBlur;
-  var _useState = useState(null),
-    _useState2 = _slicedToArray(_useState, 2),
-    date = _useState2[0],
-    setDate = _useState2[1];
-  var _useState3 = useState(null),
-    _useState4 = _slicedToArray(_useState3, 2),
-    time = _useState4[0],
-    setTime = _useState4[1];
-  var _useState5 = useState(),
-    _useState6 = _slicedToArray(_useState5, 2),
-    changedField = _useState6[0],
-    setChangedField = _useState6[1];
-  var timeRef = React__default.useRef(null);
-  var defaultId = useId(id);
-  var errorId = "error_".concat(defaultId);
-  useEffect(function () {
-    var inputValue = value || defaultValue;
-    if (isNotPresent(inputValue)) {
-      setDate(null);
-      setTime(null);
-      return;
-    }
-    if (dayjs(inputValue).isValid()) {
-      var dateTime = dayjs.isDayjs(inputValue) ? inputValue : dayjs(inputValue);
-      setDate(dateTime);
-      setTime(dateTime);
-    }
-  }, [value, defaultValue]);
-  useEffect(function () {
-    if (isNotPresent(changedField)) return;
-    onChange(getDateTime(date, time), changedField);
-    setChangedField(); // reset to avoid unnecessary trigger on rerender
-  }, [date, time, changedField]);
-  var handleDateChange = function handleDateChange(newDate) {
-    var _timeRef$current;
-    (_timeRef$current = timeRef.current) === null || _timeRef$current === void 0 || (_timeRef$current = _timeRef$current.querySelector(".react-time-picker__inputGroup__hour")) === null || _timeRef$current === void 0 || _timeRef$current.focus();
-    setDate(newDate);
-    setTime(getAllowedTime(newDate, time, minDateTime, maxDateTime));
-    setChangedField("date");
-  };
-  var handleTimeChange = function handleTimeChange(newTime) {
-    setTime(newTime.isValid() ? newTime : null);
-    if (newTime.isValid() && !date) setDate(newTime);
-    setChangedField("time");
-  };
-  var handleTimeBlur = function handleTimeBlur() {
-    var dateTime = getDateTime(date, time);
-    onTimeInputBlur(dateTime);
-    onBlur(dateTime);
-  };
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: "neeto-ui-input__wrapper"
-  }, label && /*#__PURE__*/React__default.createElement(Label, _objectSpread({
-    required: required
-  }, labelProps), label), /*#__PURE__*/React__default.createElement("div", {
-    className: classnames("neeto-ui-date-time-input", className)
-  }, /*#__PURE__*/React__default.createElement(DatePicker, _extends({
-    dateFormat: dateFormat,
-    dropdownClassName: dropdownClassName,
-    nakedInput: nakedInput,
-    popupClassName: popupClassName,
-    size: size,
-    error: !!error,
-    maxDate: maxDateTime,
-    minDate: minDateTime,
-    picker: "date",
-    showTime: false,
-    type: "date",
-    value: date,
-    onChange: handleDateChange
-  }, datePickerProps)), /*#__PURE__*/React__default.createElement(TimePickerInput, _extends(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
-    error: error,
-    nakedInput: nakedInput,
-    size: size
-  }, "error", !!error), "maxTime", (date === null || date === void 0 ? void 0 : date.isSame(maxDateTime, "day")) && getTime(maxDateTime)), "minTime", (date === null || date === void 0 ? void 0 : date.isSame(minDateTime, "day")) && getTime(minDateTime)), "ref", timeRef), "value", time), "onBlur", handleTimeBlur), "onChange", handleTimeChange), timePickerProps))), !!error && /*#__PURE__*/React__default.createElement("p", {
-    className: "neeto-ui-input__error",
-    "data-cy": "".concat(hyphenize(label), "-input-error"),
-    id: errorId
-  }, error));
-};
-DateTimePicker.displayName = "DateTimePicker";
-var index = /*#__PURE__*/React__default.memo(DateTimePicker);
-
-export { index as default };
 //# sourceMappingURL=DateTimePicker.js.map

package/dist/DateTimePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateTimePicker.js","sources":["../src/components/DateTimePicker/utils.js","../src/components/DateTimePicker/index.jsx"],"sourcesContent":["import dayjs from \"dayjs\";\nimport { isPresent } from \"neetocist\";\n\nconst DATE_FORMAT = \"YYYY-MM-DD\";\nconst TIME_FORMAT = \"HH:mm\";\n\nexport const getDateTime = (date, time) => {\n  if (isPresent(date) && isPresent(time)) {\n    return dayjs(`${date.format(DATE_FORMAT)} ${time.format(TIME_FORMAT)}`);\n  }\n\n  return null;\n};\n\nexport const getAllowedTime = (date, time, minDateTime, maxDateTime) => {\n  const newTime = getDateTime(date, time || dayjs());\n  if (\n    isPresent(minDateTime) &&\n    date?.isSame(minDateTime, \"day\") &&\n    newTime?.isBefore(minDateTime)\n  ) {\n    return minDateTime;\n  }\n\n  if (\n    isPresent(maxDateTime) &&\n    date?.isSame(maxDateTime, \"day\") &&\n    newTime?.isAfter(maxDateTime)\n  ) {\n    return maxDateTime;\n  }\n\n  return newTime;\n};\n\nexport const getTime = date => date?.format(TIME_FORMAT);\n","import React, { useState, useEffect } from \"react\";\n\nimport classnames from \"classnames\";\nimport dayjs from \"dayjs\";\nimport customParseFormat from \"dayjs/plugin/customParseFormat\";\nimport { isNotPresent } from \"neetocist\";\nimport PropTypes from \"prop-types\";\n\nimport DatePicker from \"components/DatePicker\";\nimport Label from \"components/Label\";\nimport TimePickerInput from \"components/TimePickerInput\";\nimport { useId } from \"hooks\";\nimport { hyphenize, noop } from \"utils\";\n\nimport { getDateTime, getAllowedTime, getTime } from \"./utils\";\n\nconst INPUT_SIZES = { small: \"small\", medium: \"medium\", large: \"large\" };\ndayjs.extend(customParseFormat);\n\nconst DateTimePicker = ({\n  className = \"\",\n  label = \"\",\n  size,\n  dropdownClassName,\n  popupClassName,\n  dateFormat,\n  onChange = noop,\n  nakedInput = false,\n  error = \"\",\n  defaultValue,\n  value,\n  labelProps,\n  required = false,\n  id,\n  datePickerProps,\n  timePickerProps,\n  minDateTime,\n  maxDateTime,\n  onTimeInputBlur = noop,\n  onBlur = noop,\n}) => {\n  const [date, setDate] = useState(null);\n  const [time, setTime] = useState(null);\n  const [changedField, setChangedField] = useState();\n  const timeRef = React.useRef(null);\n  const defaultId = useId(id);\n  const errorId = `error_${defaultId}`;\n\n  useEffect(() => {\n    const inputValue = value || defaultValue;\n\n    if (isNotPresent(inputValue)) {\n      setDate(null);\n      setTime(null);\n\n      return;\n    }\n\n    if (dayjs(inputValue).isValid()) {\n      const dateTime = dayjs.isDayjs(inputValue)\n        ? inputValue\n        : dayjs(inputValue);\n      setDate(dateTime);\n      setTime(dateTime);\n    }\n  }, [value, defaultValue]);\n\n  useEffect(() => {\n    if (isNotPresent(changedField)) return;\n    onChange(getDateTime(date, time), changedField);\n    setChangedField(); // reset to avoid unnecessary trigger on rerender\n  }, [date, time, changedField]);\n\n  const handleDateChange = newDate => {\n    timeRef.current\n      ?.querySelector(\".react-time-picker__inputGroup__hour\")\n      ?.focus();\n\n    setDate(newDate);\n    setTime(getAllowedTime(newDate, time, minDateTime, maxDateTime));\n    setChangedField(\"date\");\n  };\n\n  const handleTimeChange = newTime => {\n    setTime(newTime.isValid() ? newTime : null);\n    if (newTime.isValid() && !date) setDate(newTime);\n    setChangedField(\"time\");\n  };\n\n  const handleTimeBlur = () => {\n    const dateTime = getDateTime(date, time);\n    onTimeInputBlur(dateTime);\n    onBlur(dateTime);\n  };\n\n  return (\n    <div className=\"neeto-ui-input__wrapper\">\n      {label && <Label {...{ required, ...labelProps }}>{label}</Label>}\n      <div className={classnames(\"neeto-ui-date-time-input\", className)}>\n        <DatePicker\n          {...{\n            dateFormat,\n            dropdownClassName,\n            nakedInput,\n            popupClassName,\n            size,\n          }}\n          error={!!error}\n          maxDate={maxDateTime}\n          minDate={minDateTime}\n          picker=\"date\"\n          showTime={false}\n          type=\"date\"\n          value={date}\n          onChange={handleDateChange}\n          {...datePickerProps}\n        />\n        <TimePickerInput\n          {...{ error, nakedInput, size }}\n          error={!!error}\n          maxTime={date?.isSame(maxDateTime, \"day\") && getTime(maxDateTime)}\n          minTime={date?.isSame(minDateTime, \"day\") && getTime(minDateTime)}\n          ref={timeRef}\n          value={time}\n          onBlur={handleTimeBlur}\n          onChange={handleTimeChange}\n          {...timePickerProps}\n        />\n      </div>\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    </div>\n  );\n};\n\nDateTimePicker.displayName = \"DateTimePicker\";\n\nDateTimePicker.propTypes = {\n  /**\n   * To set the text to be displayed above the DateTimePicker.\n   */\n  label: PropTypes.string,\n  /**\n   * To specify the label props to be passed to the Label component.\n   */\n  labelProps: PropTypes.object,\n  /**\n   * The callback function that will be triggered when value changes.\n   */\n  onChange: PropTypes.func,\n  /**\n   * To specify the error message to be shown in the DateTimePicker.\n   */\n  error: PropTypes.string,\n  /**\n   * To specify whether the Date Time Input is required or not.\n   */\n  required: PropTypes.bool,\n  /**\n   * To provide external classnames to DateTimePicker component.\n   */\n  className: PropTypes.string,\n  /**\n   * To set the text to be displayed above the DateTimePicker.\n   */\n  size: PropTypes.oneOf(Object.values(INPUT_SIZES)),\n  /**\n   * To set the DateTimePicker as naked Input field.\n   */\n  nakedInput: PropTypes.bool,\n  /**\n   * To specify custom classnames to be applied to the DatePicker dropdown.\n   */\n  dropdownClassName: PropTypes.string,\n  /**\n   * To specify the date format.\n   */\n  dateFormat: PropTypes.string,\n  /**\n   * To specify the values to be displayed inside the DatePicker.\n   */\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),\n  /**\n   * To specify the default values to be displayed inside the DatePicker.\n   */\n  defaultValue: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),\n  /**\n   * @deprecated The callback function that will be triggered when time picker loses focus (onBlur event).\n   */\n  onTimeInputBlur: PropTypes.func,\n  /**\n   * The callback function that will be triggered when time picker loses focus (onBlur event).\n   */\n  onBlur: PropTypes.func,\n  /**\n   * To specify minimum allowed date time\n   */\n  minDateTime: PropTypes.object,\n  /**\n   * To specify maximum allowed date time\n   */\n  maxDateTime: PropTypes.object,\n};\n\nexport default React.memo(DateTimePicker);\n"],"names":["DATE_FORMAT","TIME_FORMAT","getDateTime","date","time","isPresent","dayjs","concat","format","getAllowedTime","minDateTime","maxDateTime","newTime","isSame","isBefore","isAfter","getTime","extend","customParseFormat","DateTimePicker","_ref","_ref$className","className","_ref$label","label","size","dropdownClassName","popupClassName","dateFormat","_ref$onChange","onChange","noop","_ref$nakedInput","nakedInput","_ref$error","error","defaultValue","value","labelProps","_ref$required","required","id","datePickerProps","timePickerProps","_ref$onTimeInputBlur","onTimeInputBlur","_ref$onBlur","onBlur","_useState","useState","_useState2","_slicedToArray","setDate","_useState3","_useState4","setTime","_useState5","_useState6","changedField","setChangedField","timeRef","React","useRef","defaultId","useId","errorId","useEffect","inputValue","isNotPresent","isValid","dateTime","isDayjs","handleDateChange","newDate","_timeRef$current","current","querySelector","focus","handleTimeChange","handleTimeBlur","createElement","Label","_objectSpread","classnames","DatePicker","_extends","maxDate","minDate","picker","showTime","type","TimePickerInput","_defineProperty","hyphenize","displayName","memo"],"mappings":"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"}
+{"version":3,"file":"DateTimePicker.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/HeaderCellMenu-810f0594.js

@@ -0,0 +1,134 @@
+import React__default, { useRef } from 'react';
+import { isPresent } from '@bigbinary/neeto-cist';
+import { MenuHorizontal, Check } from '@bigbinary/neeto-icons';
+import Dropdown from './Dropdown.js';
+import Popover from './Popover.js';
+import Typography from './Typography.js';
+
+var URL_SORT_ORDERS = {
+  ascend: "asc",
+  descend: "desc"
+};
+var TABLE_SORT_ORDERS = {
+  asc: "ascend",
+  desc: "descend"
+};
+var COLUMN_ADD_DIRECTION = {
+  left: 0,
+  right: 1
+};
+
+var Menu = Dropdown.Menu,
+  MenuItem = Dropdown.MenuItem;
+var HeaderCellMenu = function HeaderCellMenu(_ref) {
+  var onSort = _ref.onSort,
+    _ref$column = _ref.column,
+    column = _ref$column === void 0 ? {} : _ref$column,
+    sortedInfo = _ref.sortedInfo,
+    isSortable = _ref.isSortable,
+    isAddEnabled = _ref.isAddEnabled,
+    isColumnDeletable = _ref.isColumnDeletable,
+    isHidable = _ref.isHidable,
+    onColumnHide = _ref.onColumnHide,
+    onAddColumn = _ref.onAddColumn,
+    onColumnDelete = _ref.onColumnDelete,
+    hasMoreActions = _ref.hasMoreActions,
+    onMoreActionClick = _ref.onMoreActionClick,
+    _ref$columnTitle = _ref.columnTitle,
+    columnTitle = _ref$columnTitle === void 0 ? null : _ref$columnTitle,
+    _ref$moreActions = _ref.moreActions,
+    moreActions = _ref$moreActions === void 0 ? [] : _ref$moreActions;
+  var columnInfoButtonReference = useRef();
+  return /*#__PURE__*/React__default.createElement("div", {
+    onClick: function onClick(event) {
+      return event.stopPropagation();
+    }
+  }, /*#__PURE__*/React__default.createElement(Dropdown, {
+    appendTo: function appendTo() {
+      return document.body;
+    },
+    className: "flex",
+    icon: MenuHorizontal,
+    position: "auto",
+    strategy: "fixed",
+    buttonProps: {
+      className: "min-h-0 flex-shrink-0",
+      style: "text",
+      size: "medium",
+      "data-testid": "column-menu-button",
+      "data-dropdown-button-style": "more-dropdown"
+    }
+  }, /*#__PURE__*/React__default.createElement(Menu, {
+    className: "cursor-auto",
+    onMouseDown: function onMouseDown(event) {
+      return event.preventDefault();
+    }
+  }, isSortable && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(MenuItem.Button, {
+    className: "flex items-center justify-between",
+    onClick: function onClick() {
+      return onSort({
+        column: column,
+        columnKey: column.key,
+        field: column.dataIndex || column.key,
+        order: TABLE_SORT_ORDERS.asc
+      });
+    }
+  }, /*#__PURE__*/React__default.createElement("span", null, "Ascending"), sortedInfo.order === TABLE_SORT_ORDERS.asc && sortedInfo.field === column.dataIndex && /*#__PURE__*/React__default.createElement(Check, {
+    className: "neeto-ui-text-success-500",
+    size: 20
+  })), /*#__PURE__*/React__default.createElement(MenuItem.Button, {
+    className: "flex items-center justify-between",
+    onClick: function onClick() {
+      return onSort({
+        column: column,
+        columnKey: column.key,
+        field: column.dataIndex,
+        order: TABLE_SORT_ORDERS.desc
+      });
+    }
+  }, /*#__PURE__*/React__default.createElement("span", null, "Descending"), sortedInfo.order === TABLE_SORT_ORDERS.desc && sortedInfo.field === column.dataIndex && /*#__PURE__*/React__default.createElement(Check, {
+    className: "neeto-ui-text-success-500",
+    size: 20
+  }))), isAddEnabled && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(MenuItem.Button, {
+    onClick: function onClick() {
+      return onAddColumn(COLUMN_ADD_DIRECTION.right);
+    }
+  }, "Insert column right"), /*#__PURE__*/React__default.createElement(MenuItem.Button, {
+    onClick: function onClick() {
+      return onAddColumn(COLUMN_ADD_DIRECTION.left);
+    }
+  }, "Insert column left")), isPresent(column === null || column === void 0 ? void 0 : column.description) && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(MenuItem.Button, {
+    ref: columnInfoButtonReference
+  }, "Column info"), /*#__PURE__*/React__default.createElement(Popover, {
+    className: "cursor-auto",
+    hideOnClick: false,
+    interactiveDebounce: 20,
+    offset: [0, 15],
+    position: "right",
+    reference: columnInfoButtonReference,
+    strategy: "fixed"
+  }, columnTitle && /*#__PURE__*/React__default.createElement(Popover.Title, null, columnTitle), /*#__PURE__*/React__default.createElement(Typography, {
+    className: "w-72 max-w-full whitespace-normal normal-case",
+    lineHeight: "normal",
+    style: "body2",
+    weight: "normal"
+  }, column === null || column === void 0 ? void 0 : column.description))), isHidable && /*#__PURE__*/React__default.createElement(MenuItem.Button, {
+    onClick: function onClick() {
+      return onColumnHide(column);
+    }
+  }, "Hide column"), isColumnDeletable && /*#__PURE__*/React__default.createElement(MenuItem.Button, {
+    onClick: function onClick() {
+      return onColumnDelete(column.id);
+    }
+  }, "Delete column"), hasMoreActions && moreActions.map(function (item, index) {
+    return /*#__PURE__*/React__default.createElement(MenuItem.Button, {
+      key: index,
+      onClick: function onClick() {
+        return onMoreActionClick(item.type, column);
+      }
+    }, item.label);
+  }))));
+};
+
+export { HeaderCellMenu as H, TABLE_SORT_ORDERS as T, URL_SORT_ORDERS as U };
+//# sourceMappingURL=HeaderCellMenu-810f0594.js.map

package/dist/HeaderCellMenu-810f0594.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderCellMenu-810f0594.js","sources":["../src/components/Table/constants.js","../src/components/Table/components/HeaderCell/HeaderCellMenu.jsx"],"sourcesContent":["export const URL_SORT_ORDERS = { ascend: \"asc\", descend: \"desc\" };\n\nexport const TABLE_SORT_ORDERS = { asc: \"ascend\", desc: \"descend\" };\n\nexport const COLUMN_ADD_DIRECTION = { left: 0, right: 1 };\n","import React, { useRef } from \"react\";\n\nimport { isPresent } from \"neetocist\";\nimport { Check, MenuHorizontal } from \"neetoicons\";\n\nimport Dropdown from \"components/Dropdown\";\nimport Popover from \"components/Popover\";\nimport {\n  COLUMN_ADD_DIRECTION,\n  TABLE_SORT_ORDERS,\n} from \"components/Table/constants\";\nimport Typography from \"components/Typography\";\n\nconst { Menu, MenuItem } = Dropdown;\n\nconst HeaderCellMenu = ({\n  onSort,\n  column = {},\n  sortedInfo,\n  isSortable,\n  isAddEnabled,\n  isColumnDeletable,\n  isHidable,\n  onColumnHide,\n  onAddColumn,\n  onColumnDelete,\n  hasMoreActions,\n  onMoreActionClick,\n  columnTitle = null,\n  moreActions = [],\n}) => {\n  const columnInfoButtonReference = useRef();\n\n  return (\n    <div onClick={event => event.stopPropagation()}>\n      <Dropdown\n        appendTo={() => document.body}\n        className=\"flex\"\n        icon={MenuHorizontal}\n        position=\"auto\"\n        strategy=\"fixed\"\n        buttonProps={{\n          className: \"min-h-0 flex-shrink-0\",\n          style: \"text\",\n          size: \"medium\",\n          \"data-testid\": \"column-menu-button\",\n          \"data-dropdown-button-style\": \"more-dropdown\",\n        }}\n      >\n        <Menu\n          className=\"cursor-auto\"\n          onMouseDown={event => event.preventDefault()}\n        >\n          {isSortable && (\n            <>\n              <MenuItem.Button\n                className=\"flex items-center justify-between\"\n                onClick={() =>\n                  onSort({\n                    column,\n                    columnKey: column.key,\n                    field: column.dataIndex || column.key,\n                    order: TABLE_SORT_ORDERS.asc,\n                  })\n                }\n              >\n                <span>Ascending</span>\n                {sortedInfo.order === TABLE_SORT_ORDERS.asc &&\n                  sortedInfo.field === column.dataIndex && (\n                    <Check className=\"neeto-ui-text-success-500\" size={20} />\n                  )}\n              </MenuItem.Button>\n              <MenuItem.Button\n                className=\"flex items-center justify-between\"\n                onClick={() =>\n                  onSort({\n                    column,\n                    columnKey: column.key,\n                    field: column.dataIndex,\n                    order: TABLE_SORT_ORDERS.desc,\n                  })\n                }\n              >\n                <span>Descending</span>\n                {sortedInfo.order === TABLE_SORT_ORDERS.desc &&\n                  sortedInfo.field === column.dataIndex && (\n                    <Check className=\"neeto-ui-text-success-500\" size={20} />\n                  )}\n              </MenuItem.Button>\n            </>\n          )}\n          {isAddEnabled && (\n            <>\n              <MenuItem.Button\n                onClick={() => onAddColumn(COLUMN_ADD_DIRECTION.right)}\n              >\n                Insert column right\n              </MenuItem.Button>\n              <MenuItem.Button\n                onClick={() => onAddColumn(COLUMN_ADD_DIRECTION.left)}\n              >\n                Insert column left\n              </MenuItem.Button>\n            </>\n          )}\n          {isPresent(column?.description) && (\n            <>\n              <MenuItem.Button ref={columnInfoButtonReference}>\n                Column info\n              </MenuItem.Button>\n              <Popover\n                className=\"cursor-auto\"\n                hideOnClick={false}\n                interactiveDebounce={20}\n                offset={[0, 15]}\n                position=\"right\"\n                reference={columnInfoButtonReference}\n                strategy=\"fixed\"\n              >\n                {columnTitle && <Popover.Title>{columnTitle}</Popover.Title>}\n                <Typography\n                  className=\"w-72 max-w-full whitespace-normal normal-case\"\n                  lineHeight=\"normal\"\n                  style=\"body2\"\n                  weight=\"normal\"\n                >\n                  {column?.description}\n                </Typography>\n              </Popover>\n            </>\n          )}\n          {isHidable && (\n            <MenuItem.Button onClick={() => onColumnHide(column)}>\n              Hide column\n            </MenuItem.Button>\n          )}\n          {isColumnDeletable && (\n            <MenuItem.Button onClick={() => onColumnDelete(column.id)}>\n              Delete column\n            </MenuItem.Button>\n          )}\n          {hasMoreActions &&\n            moreActions.map((item, index) => (\n              <MenuItem.Button\n                key={index}\n                onClick={() => onMoreActionClick(item.type, column)}\n              >\n                {item.label}\n              </MenuItem.Button>\n            ))}\n        </Menu>\n      </Dropdown>\n    </div>\n  );\n};\n\nexport default HeaderCellMenu;\n"],"names":["URL_SORT_ORDERS","ascend","descend","TABLE_SORT_ORDERS","asc","desc","COLUMN_ADD_DIRECTION","left","right","Menu","Dropdown","MenuItem","HeaderCellMenu","_ref","onSort","_ref$column","column","sortedInfo","isSortable","isAddEnabled","isColumnDeletable","isHidable","onColumnHide","onAddColumn","onColumnDelete","hasMoreActions","onMoreActionClick","_ref$columnTitle","columnTitle","_ref$moreActions","moreActions","columnInfoButtonReference","useRef","React","createElement","onClick","event","stopPropagation","appendTo","document","body","className","icon","MenuHorizontal","position","strategy","buttonProps","style","size","onMouseDown","preventDefault","Fragment","Button","columnKey","key","field","dataIndex","order","Check","isPresent","description","ref","Popover","hideOnClick","interactiveDebounce","offset","reference","Title","Typography","lineHeight","weight","id","map","item","index","type","label"],"mappings":"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"}

package/dist/Table.js

@@ -7,7 +7,7 @@ import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProper
 import React__default, { useRef, useEffect, useMemo, useState, useCallback } from 'react';
 import classnames from 'classnames';
 import { noop, isPresent, snakeToCamelCase, camelToSnakeCase, isNotEmpty, modifyBy, dynamicArray } from '@bigbinary/neeto-cist';
-import { UpArrow, DownArrow, MenuHorizontal, Check, Left, Right } from '@bigbinary/neeto-icons';
+import { UpArrow, DownArrow, Left, Right, MenuHorizontal } from '@bigbinary/neeto-icons';
 import { move, has, equals, props, mergeLeft, isEmpty, all, includes, __, pluck, assoc } from 'ramda';
 import ReactDragListView from 'react-drag-listview';
 import { useHistory } from 'react-router-dom';
@@ -18,9 +18,8 @@ import { u as useQueryParams } from './useQueryParams-dcb34865.js';
 import Button from './Button.js';
 import Callout from './Callout.js';
 import Typography from './Typography.js';
+import { T as TABLE_SORT_ORDERS, U as URL_SORT_ORDERS, H as HeaderCellMenu } from './HeaderCellMenu-810f0594.js';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import Dropdown from './Dropdown.js';
-import Popover from './Popover.js';
 import { Resizable } from 'react-resizable';
 import '@babel/runtime/helpers/classCallCheck';
 import '@babel/runtime/helpers/createClass';
@@ -34,6 +33,8 @@ import './motion-087daf52.js';
 import './Tooltip.js';
 import '@tippyjs/react';
 import 'tippy.js';
+import './Dropdown.js';
+import './Popover.js';
 
 var useTimeout = function useTimeout(callback, delay) {
   var savedCallback = useRef(callback);
@@ -74,19 +75,6 @@ var SelectAllRowsCallout = function SelectAllRowsCallout(_ref) {
   })));
 };
 
-var URL_SORT_ORDERS = {
-  ascend: "asc",
-  descend: "desc"
-};
-var TABLE_SORT_ORDERS = {
-  asc: "ascend",
-  desc: "descend"
-};
-var COLUMN_ADD_DIRECTION = {
-  left: 0,
-  right: 1
-};
-
 var useReorderColumns = function useReorderColumns(_ref) {
   var isEnabled = _ref.isEnabled,
     columns = _ref.columns,
@@ -303,118 +291,6 @@ var useTableSort = function useTableSort() {
   };
 };
 
-var Menu = Dropdown.Menu,
-  MenuItem = Dropdown.MenuItem;
-var HeaderCellMenu = function HeaderCellMenu(_ref) {
-  var onSort = _ref.onSort,
-    _ref$column = _ref.column,
-    column = _ref$column === void 0 ? {} : _ref$column,
-    sortedInfo = _ref.sortedInfo,
-    isSortable = _ref.isSortable,
-    isAddEnabled = _ref.isAddEnabled,
-    isColumnDeletable = _ref.isColumnDeletable,
-    isHidable = _ref.isHidable,
-    onColumnHide = _ref.onColumnHide,
-    onAddColumn = _ref.onAddColumn,
-    onColumnDelete = _ref.onColumnDelete,
-    hasMoreActions = _ref.hasMoreActions,
-    onMoreActionClick = _ref.onMoreActionClick,
-    _ref$columnTitle = _ref.columnTitle,
-    columnTitle = _ref$columnTitle === void 0 ? null : _ref$columnTitle,
-    _ref$moreActions = _ref.moreActions,
-    moreActions = _ref$moreActions === void 0 ? [] : _ref$moreActions;
-  var columnInfoButtonReference = useRef();
-  return /*#__PURE__*/React__default.createElement("div", {
-    onClick: function onClick(event) {
-      return event.stopPropagation();
-    }
-  }, /*#__PURE__*/React__default.createElement(Dropdown, {
-    appendTo: function appendTo() {
-      return document.body;
-    },
-    className: "flex",
-    icon: MenuHorizontal,
-    position: "auto",
-    strategy: "fixed",
-    buttonProps: {
-      className: "min-h-0 flex-shrink-0",
-      style: "text",
-      size: "medium",
-      "data-testid": "column-menu-button",
-      "data-dropdown-button-style": "more-dropdown"
-    }
-  }, /*#__PURE__*/React__default.createElement(Menu, {
-    className: "cursor-auto",
-    onMouseDown: function onMouseDown(event) {
-      return event.preventDefault();
-    }
-  }, isSortable && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(MenuItem.Button, {
-    className: "flex items-center justify-between",
-    onClick: function onClick() {
-      return onSort({
-        column: column,
-        columnKey: column.key,
-        field: column.dataIndex || column.key,
-        order: TABLE_SORT_ORDERS.asc
-      });
-    }
-  }, /*#__PURE__*/React__default.createElement("span", null, "Ascending"), sortedInfo.order === TABLE_SORT_ORDERS.asc && sortedInfo.field === column.dataIndex && /*#__PURE__*/React__default.createElement(Check, {
-    className: "neeto-ui-text-success-500",
-    size: 20
-  })), /*#__PURE__*/React__default.createElement(MenuItem.Button, {
-    className: "flex items-center justify-between",
-    onClick: function onClick() {
-      return onSort({
-        column: column,
-        columnKey: column.key,
-        field: column.dataIndex,
-        order: TABLE_SORT_ORDERS.desc
-      });
-    }
-  }, /*#__PURE__*/React__default.createElement("span", null, "Descending"), sortedInfo.order === TABLE_SORT_ORDERS.desc && sortedInfo.field === column.dataIndex && /*#__PURE__*/React__default.createElement(Check, {
-    className: "neeto-ui-text-success-500",
-    size: 20
-  }))), isAddEnabled && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(MenuItem.Button, {
-    onClick: function onClick() {
-      return onAddColumn(COLUMN_ADD_DIRECTION.right);
-    }
-  }, "Insert column right"), /*#__PURE__*/React__default.createElement(MenuItem.Button, {
-    onClick: function onClick() {
-      return onAddColumn(COLUMN_ADD_DIRECTION.left);
-    }
-  }, "Insert column left")), isPresent(column === null || column === void 0 ? void 0 : column.description) && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(MenuItem.Button, {
-    ref: columnInfoButtonReference
-  }, "Column info"), /*#__PURE__*/React__default.createElement(Popover, {
-    className: "cursor-auto",
-    hideOnClick: false,
-    interactiveDebounce: 20,
-    offset: [0, 15],
-    position: "right",
-    reference: columnInfoButtonReference,
-    strategy: "fixed"
-  }, columnTitle && /*#__PURE__*/React__default.createElement(Popover.Title, null, columnTitle), /*#__PURE__*/React__default.createElement(Typography, {
-    className: "w-72 max-w-full whitespace-normal normal-case",
-    lineHeight: "normal",
-    style: "body2",
-    weight: "normal"
-  }, column === null || column === void 0 ? void 0 : column.description))), isHidable && /*#__PURE__*/React__default.createElement(MenuItem.Button, {
-    onClick: function onClick() {
-      return onColumnHide(column);
-    }
-  }, "Hide column"), isColumnDeletable && /*#__PURE__*/React__default.createElement(MenuItem.Button, {
-    onClick: function onClick() {
-      return onColumnDelete(column.id);
-    }
-  }, "Delete column"), hasMoreActions && moreActions.map(function (item, index) {
-    return /*#__PURE__*/React__default.createElement(MenuItem.Button, {
-      key: index,
-      onClick: function onClick() {
-        return onMoreActionClick(item.type, column);
-      }
-    }, item.label);
-  }))));
-};
-
 var _excluded$4 = ["children", "isSortable", "isAddEnabled", "sortedInfo", "onSort", "isHidable", "isDeletable", "onColumnHide", "onAddColumn", "onColumnDelete", "onMoreActionClick", "column", "moreActions"];
 var CellContent = function CellContent(_ref) {
   var children = _ref.children,