@bigbinary/neeto-molecules 1.1.16 → 1.1.18

package/dist/Builder/PropertiesPanel/index.js

@@ -1,12 +0,0 @@
-import React from "react";
-import EmptyProperty from "./EmptyProperty";
-import Skeleton from "./Skeleton";
-import "../styles.scss";
-var PropertiesPanel = function PropertiesPanel(_ref) {
-  var children = _ref.children;
-  return /*#__PURE__*/React.createElement("div", {
-    className: "neeto-molecules-builder-element-properties-panel neeto-ui-bg-gray-100"
-  }, children !== null && children !== void 0 ? children : /*#__PURE__*/React.createElement(Skeleton, null));
-};
-PropertiesPanel.EmptyProperty = EmptyProperty;
-export default PropertiesPanel;

package/dist/Builder/index.js

@@ -1,3 +0,0 @@
-import ElementsPanel from "./ElementsPanel";
-import PropertiesPanel from "./PropertiesPanel";
-export { ElementsPanel, PropertiesPanel };

package/dist/Builder/styles.scss

@@ -1,84 +0,0 @@
-:root {
-  --neeto-molecule-builder-left-sidebar-width: 360px;
-  --neeto-molecule-builder-left-sidebar-header-height: 70px;
-  --neeto-molecule-builder-left-sidebar-search-height: 40px;
-  --neeto-molecule-builder-right-sidebar-width: 420px;
-}
-
-.neeto-molecules-builder-elements-list-panel {
-  width: var(--neeto-molecule-builder-left-sidebar-width);
-  min-width: var(--neeto-molecule-builder-left-sidebar-width);
-  height: 100%;
-}
-
-.neeto-molecules-builder-questions-list-panel__scroll {
-  height: calc(100% - var(--neeto-molecule-builder-left-sidebar-header-height));
-  padding: 8px 24px;
-  overflow-y: auto;
-
-  &.neeto-molecules-builder-questions-list-panel__scroll--small {
-    height: calc(
-      100% - var(--neeto-molecule-builder-left-sidebar-header-height) -
-        var(--neeto-molecule-builder-left-sidebar-search-height)
-    );
-  }
-}
-
-.neeto-molecules-builder-elements-list {
-  margin-bottom: 24px;
-
-  .neeto-ui-accordion__wrapper {
-    border-bottom: none;
-
-    .neeto-ui-accordion__item {
-      padding: 12px 0;
-
-      .neeto-ui-accordion__item-handle {
-        font-size: var(--neeto-ui-text-xs);
-        font-weight: var(--neeto-ui-font-semibold);
-        text-transform: uppercase;
-        color: rgb(var(--neeto-ui-gray-600));
-        transition: var(--neeto-ui-transition);
-      }
-
-      .neeto-ui-accordion__item-toggle-icon {
-        transform: rotate(90deg) !important;
-      }
-
-      &:hover {
-        background-color: transparent;
-
-        .neeto-ui-accordion__item-handle {
-          color: rgb(var(--neeto-ui-gray-800));
-        }
-      }
-
-      &.neeto-ui-accordion__item--open {
-        .neeto-ui-accordion__item-handle {
-          color: rgb(var(--neeto-ui-gray-800));
-        }
-
-        .neeto-ui-accordion__item-toggle-icon {
-          transform: rotate(270deg) !important;
-        }
-      }
-    }
-
-    .neeto-ui-accordion__drop {
-      padding: 0;
-    }
-  }
-}
-
-.neeto-molecules-builder-element-properties-panel {
-  width: var(--neeto-molecule-builder-right-sidebar-width);
-  min-width: var(--neeto-molecule-builder-right-sidebar-width);
-  height: 100%;
-  padding-top: 24px;
-  padding-left: 24px;
-}
-
-.neeto-molecules-builder-element--active {
-  border-color: rgb(var(--neeto-ui-primary-500)) !important;
-  box-shadow: 0px 0px 0px 1px rgb(var(--neeto-ui-primary-500)) !important;
-}

package/dist/CalendarView/CustomDatePicker.js

@@ -1,87 +0,0 @@
-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

@@ -1,53 +0,0 @@
-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

@@ -1,19 +0,0 @@
-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

@@ -1,83 +0,0 @@
-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

@@ -1,50 +0,0 @@
-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

@@ -1,30 +0,0 @@
-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/utils.js

@@ -1,20 +0,0 @@
-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

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

package/dist/ConfirmationModal/utils.js

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

package/dist/Container/container.scss

@@ -1,21 +0,0 @@
-.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

@@ -1,23 +0,0 @@
-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

@@ -1,13 +0,0 @@
-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

@@ -1,22 +0,0 @@
-
-.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;
-        }
-    }
-}

package/dist/CopyToClipboardButton/index.js

@@ -1,59 +0,0 @@
-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 = ["className", "icon", "label", "value", "style"];
-import React, { useState, useEffect, useRef } from "react";
-import classnames from "classnames";
-import { copyToClipboard } from "@bigbinary/neeto-commons-frontend/utils";
-import { Copy, Check } from "@bigbinary/neeto-icons";
-import { Button } from "@bigbinary/neetoui";
-import { TOOLTIP_CONFIG, TIME_OUT, BUTTON_STYLES } from "./constants";
-import "./copyToClipboard.scss";
-var CopyToClipboardButton = function CopyToClipboardButton(_ref) {
-  var _classnames;
-  var className = _ref.className,
-    _ref$icon = _ref.icon,
-    icon = _ref$icon === void 0 ? Copy : _ref$icon,
-    _ref$label = _ref.label,
-    label = _ref$label === void 0 ? "" : _ref$label,
-    value = _ref.value,
-    style = _ref.style,
-    otherProps = _objectWithoutProperties(_ref, _excluded);
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isChecked = _useState2[0],
-    setIsChecked = _useState2[1];
-  var ref = useRef();
-  var onHandleClick = function onHandleClick(event) {
-    event.preventDefault();
-    copyToClipboard(value, {
-      showToastr: false
-    });
-    setIsChecked(true);
-    setTimeout(function () {
-      setIsChecked(false);
-    }, TIME_OUT); // Reset copied state after 2 seconds
-  };
-
-  useEffect(function () {
-    if (ref.current) {
-      var buttonWidth = ref.current.clientWidth;
-      ref.current.style.minWidth = "".concat(buttonWidth, "px");
-    }
-  }, []);
-  var tooltipProps = label ? null : TOOLTIP_CONFIG;
-  var buttonLabel = isChecked && label ? "Copied" : label;
-  var buttonIcon = isChecked ? Check : icon;
-  return /*#__PURE__*/React.createElement(Button, _extends({
-    ref: ref,
-    style: style,
-    tooltipProps: tooltipProps,
-    "data-testid": "copy-button",
-    icon: buttonIcon,
-    label: buttonLabel,
-    className: classnames("neeto-molecules-copy-button", (_classnames = {}, _defineProperty(_classnames, className, className), _defineProperty(_classnames, "neeto-molecules-copy-button--active", isChecked), _classnames)),
-    onClick: onHandleClick
-  }, otherProps));
-};
-export default CopyToClipboardButton;