@bigbinary/neeto-molecules 1.1.10 → 1.1.11

package/dist/CalendarView/CustomDatePicker.js

@@ -0,0 +1,87 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["selectedDate", "setSelectedDate", "picker"];
+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; }
+import React, { useRef, useState } from "react";
+import dayjs from "dayjs";
+import { Down, Left, Right } from "@bigbinary/neeto-icons";
+import { Typography, Button, DatePicker } from "@bigbinary/neetoui";
+import { getFormattedRangeStr } from "./utils";
+var CustomDatePicker = function CustomDatePicker(_ref) {
+  var selectedDate = _ref.selectedDate,
+    setSelectedDate = _ref.setSelectedDate,
+    picker = _ref.picker,
+    otherProps = _objectWithoutProperties(_ref, _excluded);
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isOpen = _useState2[0],
+    setIsOpen = _useState2[1];
+  var datePickerRef = useRef(null);
+  var buttonRef = useRef(null);
+  var selectedRangeStr = getFormattedRangeStr(selectedDate, picker);
+  var onPrevious = function onPrevious() {
+    return setSelectedDate(function (selectedDate) {
+      return selectedDate.subtract(1, picker);
+    });
+  };
+  var onNext = function onNext() {
+    return setSelectedDate(function (selectedDate) {
+      return selectedDate.add(1, picker);
+    });
+  };
+  var onToday = function onToday() {
+    return setSelectedDate(dayjs());
+  };
+  var handleButtonMouseDown = function handleButtonMouseDown(e) {
+    if (buttonRef.current && buttonRef.current.contains(e.target)) {
+      e.stopPropagation();
+      if (isOpen) datePickerRef.current.focus();
+    }
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: "flex items-center justify-start space-x-4"
+  }, /*#__PURE__*/React.createElement(Button, {
+    label: "Today",
+    style: "secondary",
+    onClick: onToday
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "flex"
+  }, /*#__PURE__*/React.createElement(Button, {
+    className: "mr-1",
+    icon: Left,
+    style: "text",
+    onClick: onPrevious
+  }), /*#__PURE__*/React.createElement(Button, {
+    icon: Down,
+    ref: buttonRef,
+    style: "text",
+    onClick: function onClick() {
+      return setIsOpen(function (isOpen) {
+        return !isOpen;
+      });
+    },
+    onMouseDown: handleButtonMouseDown
+  }, /*#__PURE__*/React.createElement(Typography, {
+    style: "h5"
+  }, selectedRangeStr)), /*#__PURE__*/React.createElement(DatePicker, _extends({
+    className: "invisible w-0 px-0",
+    defaultValue: selectedDate,
+    open: isOpen,
+    placement: "topRight",
+    ref: datePickerRef,
+    value: selectedDate,
+    onChange: setSelectedDate,
+    onOpenChange: setIsOpen
+  }, _objectSpread({
+    picker: picker
+  }, otherProps))), /*#__PURE__*/React.createElement(Button, {
+    className: "ml-1",
+    icon: Right,
+    style: "text",
+    onClick: onNext
+  })));
+};
+export default CustomDatePicker;

package/dist/CalendarView/Header.js

@@ -0,0 +1,53 @@
+import React, { useEffect } from "react";
+import { capitalize } from "@bigbinary/neeto-commons-frontend/pure";
+import { Button, Dropdown } from "@bigbinary/neetoui";
+import { prop, values } from "ramda";
+import CustomDatePicker from "./CustomDatePicker";
+var Header = function Header(_ref) {
+  var calendarRef = _ref.calendarRef,
+    selectedView = _ref.selectedView,
+    setSelectedView = _ref.setSelectedView,
+    setSelectedDate = _ref.setSelectedDate,
+    selectedDate = _ref.selectedDate,
+    calenderViewOptions = _ref.calenderViewOptions;
+  var Menu = Dropdown.Menu,
+    MenuItem = Dropdown.MenuItem;
+  var handleViewSelection = function handleViewSelection(option) {
+    setSelectedView(option);
+    calendarRef.current.calendar.changeView(option.fullCalendarView);
+  };
+  var navigateToSelectedDate = function navigateToSelectedDate() {
+    var _calendarRef$current, _calendarRef$current$;
+    return calendarRef === null || calendarRef === void 0 ? void 0 : (_calendarRef$current = calendarRef.current) === null || _calendarRef$current === void 0 ? void 0 : (_calendarRef$current$ = _calendarRef$current.calendar) === null || _calendarRef$current$ === void 0 ? void 0 : _calendarRef$current$.gotoDate(selectedDate.format("YYYY-MM-DD"));
+  };
+  useEffect(function () {
+    setTimeout(navigateToSelectedDate);
+  }, [selectedDate]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "flex space-x-4"
+  }, /*#__PURE__*/React.createElement(CustomDatePicker, {
+    getPopupContainer: prop("parentNode"),
+    picker: selectedView.picker,
+    selectedDate: selectedDate,
+    setSelectedDate: setSelectedDate
+  }), Object.keys(calenderViewOptions).length === 1 ? /*#__PURE__*/React.createElement(Button, {
+    className: "pointer-events-none",
+    label: calenderViewOptions[Object.keys(calenderViewOptions)[0]].label,
+    style: "secondary"
+  }) : /*#__PURE__*/React.createElement(Dropdown, {
+    buttonProps: {
+      "data-testid": "calendar-view-dropdown"
+    },
+    buttonStyle: "secondary",
+    label: capitalize(selectedView.label)
+  }, /*#__PURE__*/React.createElement(Menu, null, values(calenderViewOptions).map(function (option, idx) {
+    return /*#__PURE__*/React.createElement(MenuItem.Button, {
+      isActive: selectedView === option,
+      key: idx,
+      onClick: function onClick() {
+        return handleViewSelection(option);
+      }
+    }, capitalize(option.label));
+  }))));
+};
+export default Header;

package/dist/CalendarView/constants.js

@@ -0,0 +1,19 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+var _VIEW_OPTIONS;
+import { t } from "i18next";
+var WEEKLY_VIEW = t("neetoMolecules.calendarView.weekly");
+var MONTHLY_VIEW = t("neetoMolecules.calendarView.monthly");
+var DAILY_VIEW = t("neetoMolecules.calendarView.daily");
+export var VIEW_OPTIONS = (_VIEW_OPTIONS = {}, _defineProperty(_VIEW_OPTIONS, DAILY_VIEW, {
+  label: DAILY_VIEW,
+  fullCalendarView: "timeGridDay",
+  picker: "day"
+}), _defineProperty(_VIEW_OPTIONS, WEEKLY_VIEW, {
+  label: WEEKLY_VIEW,
+  fullCalendarView: "timeGridWeek",
+  picker: "week"
+}), _defineProperty(_VIEW_OPTIONS, MONTHLY_VIEW, {
+  label: MONTHLY_VIEW,
+  fullCalendarView: "dayGridMonth",
+  picker: "month"
+}), _VIEW_OPTIONS);

package/dist/CalendarView/index.js

@@ -0,0 +1,83 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["viewOptions", "events", "handleDateClick", "handleEventClick", "eventClassNames", "dayCellClassNames", "dayMaxEvents", "eventMaxStack"];
+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; }
+import React, { useRef, useState } from "react";
+import dayGridPlugin from "@fullcalendar/daygrid";
+import interactionPlugin from "@fullcalendar/interaction";
+import FullCalendar from "@fullcalendar/react";
+import timeGridPlugin from "@fullcalendar/timegrid";
+import dayjs from "dayjs";
+import { noop } from "@bigbinary/neeto-commons-frontend/pure";
+import { Typography } from "@bigbinary/neetoui";
+import { useTranslation } from "react-i18next";
+import SubHeader from "../SubHeader";
+import { VIEW_OPTIONS } from "./constants";
+import Header from "./Header";
+var CalendarView = function CalendarView(_ref) {
+  var _ref$viewOptions = _ref.viewOptions,
+    viewOptions = _ref$viewOptions === void 0 ? VIEW_OPTIONS : _ref$viewOptions,
+    _ref$events = _ref.events,
+    events = _ref$events === void 0 ? [] : _ref$events,
+    _ref$handleDateClick = _ref.handleDateClick,
+    handleDateClick = _ref$handleDateClick === void 0 ? noop : _ref$handleDateClick,
+    _ref$handleEventClick = _ref.handleEventClick,
+    handleEventClick = _ref$handleEventClick === void 0 ? noop : _ref$handleEventClick,
+    _ref$eventClassNames = _ref.eventClassNames,
+    eventClassNames = _ref$eventClassNames === void 0 ? "" : _ref$eventClassNames,
+    _ref$dayCellClassName = _ref.dayCellClassNames,
+    dayCellClassNames = _ref$dayCellClassName === void 0 ? "" : _ref$dayCellClassName,
+    dayMaxEvents = _ref.dayMaxEvents,
+    eventMaxStack = _ref.eventMaxStack,
+    otherProps = _objectWithoutProperties(_ref, _excluded);
+  var calenderViewOptions = viewOptions || VIEW_OPTIONS;
+  var _useState = useState(calenderViewOptions[Object.keys(calenderViewOptions)[0]]),
+    _useState2 = _slicedToArray(_useState, 2),
+    selectedView = _useState2[0],
+    setSelectedView = _useState2[1];
+  var _useState3 = useState(dayjs()),
+    _useState4 = _slicedToArray(_useState3, 2),
+    selectedDate = _useState4[0],
+    setSelectedDate = _useState4[1];
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var calendarRef = useRef();
+  return /*#__PURE__*/React.createElement("div", {
+    className: "flex-col",
+    "data-testid": "calendar-view"
+  }, /*#__PURE__*/React.createElement(SubHeader, {
+    leftActionBlock: /*#__PURE__*/React.createElement(Typography, {
+      style: "h2"
+    }, selectedDate.format("MMMM, YYYY")),
+    rightActionBlock: /*#__PURE__*/React.createElement(Header, {
+      calendarRef: calendarRef,
+      calenderViewOptions: calenderViewOptions,
+      selectedDate: selectedDate,
+      selectedView: selectedView,
+      setSelectedDate: setSelectedDate,
+      setSelectedView: setSelectedView
+    })
+  }), /*#__PURE__*/React.createElement(FullCalendar, _extends({
+    expandRows: true,
+    allDayText: t("neetoMolecules.calendarView.allDay"),
+    dateClick: handleDateClick,
+    dayHeaderClassNames: "p-2",
+    displayEventTime: false,
+    eventClick: handleEventClick,
+    headerToolbar: false,
+    height: "auto",
+    initialView: selectedView.fullCalendarView,
+    plugins: [dayGridPlugin, timeGridPlugin, interactionPlugin],
+    ref: calendarRef
+  }, _objectSpread({
+    dayCellClassNames: dayCellClassNames,
+    dayMaxEvents: dayMaxEvents,
+    eventClassNames: eventClassNames,
+    eventMaxStack: eventMaxStack,
+    events: events
+  }, otherProps))));
+};
+export default CalendarView;

package/dist/CalendarView/utils.js

@@ -0,0 +1,50 @@
+import dayjs from "dayjs";
+var getWeekString = function getWeekString(_ref) {
+  var date = _ref.date,
+    _ref$isStartOfWeek = _ref.isStartOfWeek,
+    isStartOfWeek = _ref$isStartOfWeek === void 0 ? true : _ref$isStartOfWeek,
+    _ref$showMonth = _ref.showMonth,
+    showMonth = _ref$showMonth === void 0 ? false : _ref$showMonth,
+    _ref$showYear = _ref.showYear,
+    showYear = _ref$showYear === void 0 ? false : _ref$showYear;
+  return "".concat(showMonth || isStartOfWeek ? date.format("MMM") : "", " ").concat(date.date(), " ").concat(showYear || !isStartOfWeek ? date.format("YYYY") : "");
+};
+export var getStartOfWeek = function getStartOfWeek(date) {
+  return dayjs(date).startOf("week");
+};
+export var getEndOfWeek = function getEndOfWeek(date) {
+  return dayjs(date).endOf("week");
+};
+export var getFormattedMonthStr = function getFormattedMonthStr(date) {
+  return date.format("MMM YYYY");
+};
+export var getFormattedWeekRangeStr = function getFormattedWeekRangeStr(date) {
+  var startOfWeek = getStartOfWeek(date);
+  var endOfWeek = getEndOfWeek(date);
+  var shouldShowMonthsSeparately = startOfWeek.month() !== endOfWeek.month();
+  var shouldShowYearsSeparately = startOfWeek.year() !== endOfWeek.year();
+  var startOfWeekStr = getWeekString({
+    date: startOfWeek,
+    showMonth: shouldShowMonthsSeparately,
+    showYear: shouldShowYearsSeparately
+  });
+  var endOfWeekStr = getWeekString({
+    date: endOfWeek,
+    isStartOfWeek: false,
+    showMonth: shouldShowMonthsSeparately,
+    showYear: shouldShowYearsSeparately
+  });
+  return "".concat(startOfWeekStr, " - ").concat(endOfWeekStr);
+};
+export var getFormattedDayStr = function getFormattedDayStr(date) {
+  return date.format("DD MMM YYYY");
+};
+export var getFormattedRangeStr = function getFormattedRangeStr(date, picker) {
+  var formatFunctions = {
+    month: getFormattedMonthStr,
+    week: getFormattedWeekRangeStr,
+    day: getFormattedDayStr
+  };
+  var selectedFormatter = formatFunctions[picker];
+  return selectedFormatter(date);
+};

package/dist/Codeblock/index.js

@@ -0,0 +1,30 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from "react";
+import { PrismLight as CodeBlock } from "react-syntax-highlighter";
+import { dracula } from "react-syntax-highlighter/dist/esm/styles/prism";
+import CopyCode from "../CopyToClipboardButton";
+var Codeblock = function Codeblock(_ref) {
+  var code = _ref.code,
+    _ref$showCopyButton = _ref.showCopyButton,
+    showCopyButton = _ref$showCopyButton === void 0 ? true : _ref$showCopyButton,
+    codeblockProps = _ref.codeblockProps,
+    _ref$copyButtonProps = _ref.copyButtonProps,
+    copyButtonProps = _ref$copyButtonProps === void 0 ? {
+      label: "Copy"
+    } : _ref$copyButtonProps;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CodeBlock, _extends({
+    wrapLines: true,
+    "data-cy": "code-block",
+    "data-testid": "codeblock-react-highlighter",
+    language: "javascript",
+    style: dracula
+  }, codeblockProps), code), showCopyButton && /*#__PURE__*/React.createElement(CopyCode, _extends({
+    className: "absolute top-3 right-3",
+    "data-cy": "copy-button",
+    "data-testid": "codeblock-copy-button",
+    size: "small",
+    style: "secondary",
+    value: code
+  }, copyButtonProps)));
+};
+export default Codeblock;

package/dist/{Columns.js → Columns/index.js}

@@ -1,131 +1,16 @@
-import React, { forwardRef, useState, useImperativeHandle, useEffect } from 'react';
-import i18next from 'i18next';
-import { removeBy, existsBy, isNotEmpty } from '@bigbinary/neeto-commons-frontend/pure';
-import { useLocalStorage } from '@bigbinary/neeto-commons-frontend/react-utils';
-import { Search } from '@bigbinary/neeto-icons';
-import { Dropdown, Input, Label, Checkbox } from '@bigbinary/neetoui';
-import { includes, __, filter, trim, toLower, append, without, isEmpty, identity } from 'ramda';
-import { useTranslation } from 'react-i18next';
-
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-
-function _arrayWithHoles(arr) {
-  if (Array.isArray(arr)) return arr;
-}
-
-function _iterableToArrayLimit(arr, i) {
-  var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
-  if (null != _i) {
-    var _s,
-      _e,
-      _x,
-      _r,
-      _arr = [],
-      _n = !0,
-      _d = !1;
-    try {
-      if (_x = (_i = _i.call(arr)).next, 0 === i) {
-        if (Object(_i) !== _i) return;
-        _n = !1;
-      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
-    } catch (err) {
-      _d = !0, _e = err;
-    } finally {
-      try {
-        if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
-      } finally {
-        if (_d) throw _e;
-      }
-    }
-    return _arr;
-  }
-}
-
-function _arrayLikeToArray(arr, len) {
-  if (len == null || len > arr.length) len = arr.length;
-  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-  return arr2;
-}
-
-function _unsupportedIterableToArray(o, minLen) {
-  if (!o) return;
-  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
-  var n = Object.prototype.toString.call(o).slice(8, -1);
-  if (n === "Object" && o.constructor) n = o.constructor.name;
-  if (n === "Map" || n === "Set") return Array.from(o);
-  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
-}
-
-function _nonIterableRest() {
-  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-
-function _slicedToArray(arr, i) {
-  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
-}
-
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0) continue;
-    target[key] = source[key];
-  }
-  return target;
-}
-
-function _objectWithoutProperties(source, excluded) {
-  if (source == null) return {};
-  var target = _objectWithoutPropertiesLoose(source, excluded);
-  var key, i;
-  if (Object.getOwnPropertySymbols) {
-    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-    for (i = 0; i < sourceSymbolKeys.length; i++) {
-      key = sourceSymbolKeys[i];
-      if (excluded.indexOf(key) >= 0) continue;
-      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-      target[key] = source[key];
-    }
-  }
-  return target;
-}
-
-var removeFixedColumns = function removeFixedColumns(fixedColumns, columnData) {
-  return removeBy({
-    dataIndex: includes(__, fixedColumns)
-  }, columnData);
-};
-var filterBySearchTerm = function filterBySearchTerm(searchTerm, columns) {
-  return filter(function (_ref) {
-    var title = _ref.title;
-    return includes(trim(toLower(searchTerm)), trim(toLower(title)));
-  }, columns);
-};
-var removeDeletedColumns = function removeDeletedColumns(hiddenColumns, columnData) {
-  return hiddenColumns.filter(function (hiddenColumn) {
-    return existsBy({
-      dataIndex: hiddenColumn
-    }, columnData);
-  });
-};
-
+import _extends from "@babel/runtime/helpers/extends";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["actionBlock", "checkboxProps", "columnData", "fixedColumns", "isSearchable", "localStorageKey", "initialValue", "noColumnMessage", "onChange", "searchProps"];
+import React, { useState, useImperativeHandle, forwardRef, useEffect } from "react";
+import i18next from "i18next";
+import { isNotEmpty, removeBy } from "@bigbinary/neeto-commons-frontend/pure";
+import { useLocalStorage } from "@bigbinary/neeto-commons-frontend/react-utils";
+import { Search } from "@bigbinary/neeto-icons";
+import { Checkbox, Dropdown, Input, Label } from "@bigbinary/neetoui";
+import { __, append, identity, includes, isEmpty, without } from "ramda";
+import { useTranslation } from "react-i18next";
+import { filterBySearchTerm, removeDeletedColumns, removeFixedColumns } from "./utils";
 var Columns = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var actionBlock = _ref.actionBlock,
     _ref$checkboxProps = _ref.checkboxProps,
@@ -236,6 +121,4 @@ var Columns = /*#__PURE__*/forwardRef(function (_ref, ref) {
   }, noColumnMessage), !!actionBlock && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Divider, null), actionBlock))));
 });
 Columns.displayName = "Columns";
-
-export { Columns as default };
-//# sourceMappingURL=Columns.js.map
+export default Columns;

package/dist/Columns/utils.js

@@ -0,0 +1,20 @@
+import { existsBy, removeBy } from "@bigbinary/neeto-commons-frontend/pure";
+import { __, filter, includes, toLower, trim } from "ramda";
+export var removeFixedColumns = function removeFixedColumns(fixedColumns, columnData) {
+  return removeBy({
+    dataIndex: includes(__, fixedColumns)
+  }, columnData);
+};
+export var filterBySearchTerm = function filterBySearchTerm(searchTerm, columns) {
+  return filter(function (_ref) {
+    var title = _ref.title;
+    return includes(trim(toLower(searchTerm)), trim(toLower(title)));
+  }, columns);
+};
+export var removeDeletedColumns = function removeDeletedColumns(hiddenColumns, columnData) {
+  return hiddenColumns.filter(function (hiddenColumn) {
+    return existsBy({
+      dataIndex: hiddenColumn
+    }, columnData);
+  });
+};

package/dist/ConfirmationModal/constants.js

@@ -0,0 +1,3 @@
+export var INITIAL_VALUES = {
+  confirmationText: ""
+};

package/dist/{ConfirmationModal.js → ConfirmationModal/index.js}

@@ -1,23 +1,9 @@
-import React from 'react';
-import { Modal, Typography } from '@bigbinary/neetoui';
-import { Form, Input, Button } from '@bigbinary/neetoui/formik';
-import { type } from 'ramda';
-import { t } from 'i18next';
-import * as yup from 'yup';
-
-var INITIAL_VALUES = {
-  confirmationText: ""
-};
-
-var deletionValidationSchema = function deletionValidationSchema(confirmationText) {
-  var errorMessage = t("neetoMolecules.confirmationModal.required", {
-    confirmationText: confirmationText
-  });
-  return yup.object({
-    confirmationText: yup.string().required(errorMessage).oneOf([confirmationText], errorMessage)
-  });
-};
-
+import React from "react";
+import { Modal, Typography } from "@bigbinary/neetoui";
+import { Button, Form, Input } from "@bigbinary/neetoui/formik";
+import { type } from "ramda";
+import { INITIAL_VALUES } from "./constants";
+import { deletionValidationSchema } from "./utils";
 var ConfirmationModal = function ConfirmationModal(_ref) {
   var buttonLabel = _ref.buttonLabel,
     confirmationText = _ref.confirmationText,
@@ -57,6 +43,4 @@ var ConfirmationModal = function ConfirmationModal(_ref) {
     style: "danger"
   }))));
 };
-
-export { ConfirmationModal as default };
-//# sourceMappingURL=ConfirmationModal.js.map
+export default ConfirmationModal;

package/dist/ConfirmationModal/utils.js

@@ -0,0 +1,10 @@
+import { t } from "i18next";
+import * as yup from "yup";
+export var deletionValidationSchema = function deletionValidationSchema(confirmationText) {
+  var errorMessage = t("neetoMolecules.confirmationModal.required", {
+    confirmationText: confirmationText
+  });
+  return yup.object({
+    confirmationText: yup.string().required(errorMessage).oneOf([confirmationText], errorMessage)
+  });
+};

package/dist/Container/container.scss

@@ -0,0 +1,21 @@
+.neeto-molecules-container {
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+  align-items: flex-start;
+  flex-grow: 1;
+  height: 100vh;
+  overflow-y: auto;
+  padding: 0 40px !important;
+}
+
+.neeto-molecules-container--header-fixed {
+  padding: 0 !important;
+
+  & > .neeto-molecules-header,
+  & > .neeto-molecules-subheader,
+  & > .neeto-molecules-scrollable {
+    padding-left: 40px !important;
+    padding-right: 40px !important;
+  }
+}

package/dist/Container/index.js

@@ -0,0 +1,23 @@
+import React, { forwardRef } from "react";
+import classnames from "classnames";
+import PropTypes from "prop-types";
+import "./container.scss";
+var Container = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var _ref$isHeaderFixed = _ref.isHeaderFixed,
+    isHeaderFixed = _ref$isHeaderFixed === void 0 ? false : _ref$isHeaderFixed,
+    children = _ref.children;
+  return /*#__PURE__*/React.createElement("div", {
+    ref: ref,
+    className: classnames("neeto-molecules-container", {
+      "neeto-molecules-container--header-fixed": isHeaderFixed
+    })
+  }, children);
+});
+Container.displayName = "Container";
+Container.propTypes = {
+  /**
+   * Decides whether the `Header` component should be stickied at the top on scroll.
+   */
+  isHeaderFixed: PropTypes.bool
+};
+export default Container;

package/dist/CopyToClipboardButton/constants.js

@@ -0,0 +1,13 @@
+var TIME_OUT = 2000;
+var TOOLTIP_CONFIG = {
+  content: "Copied",
+  trigger: "click",
+  hideAfter: TIME_OUT,
+  position: "top"
+};
+var BUTTON_STYLES = {
+  primary: "primary",
+  secondary: "secondary",
+  text: "text"
+};
+export { TOOLTIP_CONFIG, TIME_OUT, BUTTON_STYLES };

package/dist/CopyToClipboardButton/copyToClipboard.scss

@@ -0,0 +1,22 @@
+
+.neeto-molecules-copy-button {
+    display: flex;
+    justify-content: space-between;
+    .neeto-ui-btn {
+        &:hover, &:focus, &:active {
+            box-shadow: none;
+        }
+    }
+}
+
+.neeto-molecules-copy-button--active {
+    background: rgba(var(--neeto-ui-success-500));
+    color: white;
+    &.neeto-ui-btn {
+        &:hover, &:focus, &:active {
+            background: rgba(var(--neeto-ui-success-600));
+            color: white;
+            box-shadow: none;
+        }
+    }
+}