@rio-cloud/rio-uikit 0.16.1-beta.21 → 0.16.1-beta.23

package/lib/es/components/table/TableSettingsListItem.js

@@ -1,93 +1,74 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.filterColumns = exports["default"] = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _sortable = require("@dnd-kit/sortable");
-
 var _utilities = require("@dnd-kit/utilities");
-
 var _isEmpty = _interopRequireDefault(require("lodash/fp/isEmpty"));
-
 var _Checkbox = _interopRequireDefault(require("../checkbox/Checkbox"));
-
 var _Collapse = _interopRequireDefault(require("../collapse/Collapse"));
-
 var _TableSettingsColumnDetails = require("./TableSettingsColumnDetails");
-
 var _TableSettingsColumnButtons = require("./TableSettingsColumnButtons");
-
 var _tableSettingsPropTypes = require("./tableSettingsPropTypes");
-
 /* eslint-disable new-cap */
-var MAX_COLUMN_WIDTH = 1000;
 
+var MAX_COLUMN_WIDTH = 1000;
 var filterColumns = function filterColumns(searchValue) {
   var column = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
   var columnLabelStrings = arguments.length > 2 ? arguments[2] : undefined;
-
   if (!searchValue) {
     return false;
   }
-
   var label = columnLabelStrings[column] || '';
   return !label.toLowerCase().includes(searchValue.toLowerCase());
 };
-
 exports.filterColumns = filterColumns;
-
 var TableSettingsListItem = function TableSettingsListItem(props) {
   var column = props.column,
-      orderIndex = props.orderIndex,
-      columnLabels = props.columnLabels,
-      autoLabel = props.autoLabel,
-      _props$disabledColumn = props.disabledColumns,
-      disabledColumns = _props$disabledColumn === void 0 ? [] : _props$disabledColumn,
-      columnOrder = props.columnOrder,
-      _props$hiddenColumns = props.hiddenColumns,
-      hiddenColumns = _props$hiddenColumns === void 0 ? [] : _props$hiddenColumns,
-      columnSearchValue = props.columnSearchValue,
-      columnsDetails = props.columnsDetails,
-      columnLabelStrings = props.columnLabelStrings,
-      openColumnsDetails = props.openColumnsDetails,
-      updateColumnLabelStrings = props.updateColumnLabelStrings,
-      onColumnWidthChange = props.onColumnWidthChange,
-      onResetColumnWidth = props.onResetColumnWidth,
-      onMoveColumn = props.onMoveColumn,
-      onOpenDetails = props.onOpenDetails,
-      onToggleHideColumn = props.onToggleHideColumn,
-      className = props.className;
+    orderIndex = props.orderIndex,
+    columnLabels = props.columnLabels,
+    autoLabel = props.autoLabel,
+    _props$disabledColumn = props.disabledColumns,
+    disabledColumns = _props$disabledColumn === void 0 ? [] : _props$disabledColumn,
+    columnOrder = props.columnOrder,
+    _props$hiddenColumns = props.hiddenColumns,
+    hiddenColumns = _props$hiddenColumns === void 0 ? [] : _props$hiddenColumns,
+    columnSearchValue = props.columnSearchValue,
+    columnsDetails = props.columnsDetails,
+    columnLabelStrings = props.columnLabelStrings,
+    openColumnsDetails = props.openColumnsDetails,
+    updateColumnLabelStrings = props.updateColumnLabelStrings,
+    onColumnWidthChange = props.onColumnWidthChange,
+    onResetColumnWidth = props.onResetColumnWidth,
+    onMoveColumn = props.onMoveColumn,
+    onOpenDetails = props.onOpenDetails,
+    onToggleHideColumn = props.onToggleHideColumn,
+    className = props.className;
   var isSortingDisabled = !(0, _isEmpty["default"])(columnSearchValue);
-
   var _useSortable = (0, _sortable.useSortable)({
-    id: column,
-    disabled: isSortingDisabled
-  }),
-      attributes = _useSortable.attributes,
-      listeners = _useSortable.listeners,
-      setNodeRef = _useSortable.setNodeRef,
-      transform = _useSortable.transform,
-      transition = _useSortable.transition;
-
+      id: column,
+      disabled: isSortingDisabled
+    }),
+    attributes = _useSortable.attributes,
+    listeners = _useSortable.listeners,
+    setNodeRef = _useSortable.setNodeRef,
+    transform = _useSortable.transform,
+    transition = _useSortable.transition;
   var style = {
     transform: _utilities.CSS.Transform.toString(transform),
     transition: transition
-  }; // Filter out items which don't match the search value.
+  };
+
+  // Filter out items which don't match the search value.
   // Note that we need to render all items at least once at the beginning in order to get their DOM lables
   // otherwise the search won't work when initial search value is provided via props.
-
   var isFiltered = filterColumns(columnSearchValue, column, columnLabelStrings) && !updateColumnLabelStrings;
   var itemClassNames = (0, _classnames["default"])('table-settings-item', updateColumnLabelStrings && 'opacity-0', isFiltered && 'position-offscreen', className);
   var columnDetails = columnsDetails[column];
@@ -130,7 +111,6 @@ var TableSettingsListItem = function TableSettingsListItem(props) {
     onResetColumnWidth: onResetColumnWidth
   })))));
 };
-
 TableSettingsListItem.propTypes = {
   column: _propTypes["default"].string,
   orderIndex: _propTypes["default"].number,

package/lib/es/components/table/TableToolbar.js

@@ -1,27 +1,21 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var TableToolbar = function TableToolbar(_ref) {
   var className = _ref.className,
-      children = _ref.children;
+    children = _ref.children;
   var wrapperClassNames = (0, _classnames["default"])('table-toolbar', className && className);
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: wrapperClassNames
   }, children);
 };
-
 TableToolbar.defaultProps = {};
 TableToolbar.propTypes = {
   className: _propTypes["default"].string

package/lib/es/components/table/TableViewToggles.js

@@ -1,37 +1,24 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _OverlayTrigger = _interopRequireDefault(require("../overlay/OverlayTrigger"));
-
 var _Tooltip = _interopRequireDefault(require("../tooltip/Tooltip"));
-
 var _excluded = ["viewType", "initialViewType", "onViewTypeChange", "className", "disabledViewTypes", "disabled", "tableViewTooltipContent", "singleCardViewTooltipContent", "multiCardsViewTooltipContent"];
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 // TODO: add responsive behaviour and trigger a change from table to list for small screen -> see DriverAdministration
+
 var wrapWithTooltip = function wrapWithTooltip(tooltipContent, element) {
   return /*#__PURE__*/_react["default"].createElement(_OverlayTrigger["default"], {
     placement: "bottom",
@@ -41,52 +28,45 @@ var wrapWithTooltip = function wrapWithTooltip(tooltipContent, element) {
     }, tooltipContent)
   }, element);
 };
-
 var TableViewToggles = function TableViewToggles(props) {
   var viewType = props.viewType,
-      initialViewType = props.initialViewType,
-      onViewTypeChange = props.onViewTypeChange,
-      className = props.className,
-      disabledViewTypes = props.disabledViewTypes,
-      disabled = props.disabled,
-      tableViewTooltipContent = props.tableViewTooltipContent,
-      singleCardViewTooltipContent = props.singleCardViewTooltipContent,
-      multiCardsViewTooltipContent = props.multiCardsViewTooltipContent,
-      remainingProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
-
+    initialViewType = props.initialViewType,
+    onViewTypeChange = props.onViewTypeChange,
+    className = props.className,
+    disabledViewTypes = props.disabledViewTypes,
+    disabled = props.disabled,
+    tableViewTooltipContent = props.tableViewTooltipContent,
+    singleCardViewTooltipContent = props.singleCardViewTooltipContent,
+    multiCardsViewTooltipContent = props.multiCardsViewTooltipContent,
+    remainingProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
   var _useState = (0, _react.useState)(initialViewType),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      internaViewType = _useState2[0],
-      setInternalViewType = _useState2[1]; // update internal state when external state changes - controlled component case
-
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    internaViewType = _useState2[0],
+    setInternalViewType = _useState2[1];
 
+  // update internal state when external state changes - controlled component case
   (0, _react.useEffect)(function () {
     if (viewType) {
       setInternalViewType(viewType);
     }
   }, [viewType]);
-
   var handleSetTableView = function handleSetTableView() {
     setInternalViewType(TableViewToggles.VIEW_TYPE_TABLE);
     onViewTypeChange(TableViewToggles.VIEW_TYPE_TABLE);
   };
-
   var handleSetSingleCardsView = function handleSetSingleCardsView() {
     setInternalViewType(TableViewToggles.VIEW_TYPE_SINGLE_CARD);
     onViewTypeChange(TableViewToggles.VIEW_TYPE_SINGLE_CARD);
   };
-
   var handleSetMultiCardsView = function handleSetMultiCardsView() {
     setInternalViewType(TableViewToggles.VIEW_TYPE_MULTI_CARDS);
     onViewTypeChange(TableViewToggles.VIEW_TYPE_MULTI_CARDS);
   };
-
   var wrapperClassNames = (0, _classnames["default"])('TableViewToggles', 'btn-group', 'display-flex', 'flex-row', className && className);
   var buttonClassNames = (0, _classnames["default"])('btn btn-default btn-icon-only', disabled && 'disabled pointer-events-none');
   var tableViewActiveClasses = (0, _classnames["default"])(buttonClassNames, internaViewType === TableViewToggles.VIEW_TYPE_TABLE && 'active');
   var cardViewActiveClasses = (0, _classnames["default"])(buttonClassNames, internaViewType === TableViewToggles.VIEW_TYPE_SINGLE_CARD && 'active');
   var multiCardsViewActiveClasses = (0, _classnames["default"])(buttonClassNames, internaViewType === TableViewToggles.VIEW_TYPE_MULTI_CARDS && 'active');
-
   var tableViewButton = /*#__PURE__*/_react["default"].createElement("button", {
     className: tableViewActiveClasses,
     type: "button",
@@ -94,7 +74,6 @@ var TableViewToggles = function TableViewToggles(props) {
   }, /*#__PURE__*/_react["default"].createElement("span", {
     className: "rioglyph rioglyph-table-view"
   }));
-
   var singleCardViewButton = /*#__PURE__*/_react["default"].createElement("button", {
     className: cardViewActiveClasses,
     type: "button",
@@ -102,7 +81,6 @@ var TableViewToggles = function TableViewToggles(props) {
   }, /*#__PURE__*/_react["default"].createElement("span", {
     className: "rioglyph rioglyph-th-list"
   }));
-
   var multiCardViewButton = /*#__PURE__*/_react["default"].createElement("button", {
     className: multiCardsViewActiveClasses,
     type: "button",
@@ -110,7 +88,6 @@ var TableViewToggles = function TableViewToggles(props) {
   }, /*#__PURE__*/_react["default"].createElement("span", {
     className: "rioglyph rioglyph-split-view"
   }));
-
   var showTableViewButton = !disabledViewTypes.includes(TableViewToggles.VIEW_TYPE_TABLE);
   var showSingleCardViewButton = !disabledViewTypes.includes(TableViewToggles.VIEW_TYPE_SINGLE_CARD);
   var showMultiCardViewButton = !disabledViewTypes.includes(TableViewToggles.VIEW_TYPE_MULTI_CARDS);
@@ -118,7 +95,6 @@ var TableViewToggles = function TableViewToggles(props) {
     className: wrapperClassNames
   }), showTableViewButton && (tableViewTooltipContent ? wrapWithTooltip(tableViewTooltipContent, tableViewButton) : tableViewButton), showSingleCardViewButton && (singleCardViewTooltipContent ? wrapWithTooltip(singleCardViewTooltipContent, singleCardViewButton) : singleCardViewButton), showMultiCardViewButton && (multiCardsViewTooltipContent ? wrapWithTooltip(multiCardsViewTooltipContent, multiCardViewButton) : multiCardViewButton));
 };
-
 TableViewToggles.VIEW_TYPE_TABLE = 'TABLE';
 TableViewToggles.VIEW_TYPE_SINGLE_CARD = 'SINGLE_CARD';
 TableViewToggles.VIEW_TYPE_MULTI_CARDS = 'MULTI_CARDS';

package/lib/es/components/table/tableSettingsPropTypes.js

@@ -1,18 +1,14 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.columnsDetailsPropTypes = void 0;
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var columnsDetailsPropTypes = _propTypes["default"].objectOf(_propTypes["default"].shape({
   width: _propTypes["default"].number,
   defaultWidth: _propTypes["default"].number,
   maxWidth: _propTypes["default"].number
 }));
-
 exports.columnsDetailsPropTypes = columnsDetailsPropTypes;

package/lib/es/components/tag/Tag.js

@@ -1,45 +1,37 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _excluded = ["children", "icon", "active", "disabled", "clickable", "selectable", "deletable", "revertable", "multiline", "muted", "round"];
-
 var Tag = function Tag(props) {
   var children = props.children,
-      icon = props.icon,
-      active = props.active,
-      disabled = props.disabled,
-      clickable = props.clickable,
-      selectable = props.selectable,
-      deletable = props.deletable,
-      revertable = props.revertable,
-      multiline = props.multiline,
-      muted = props.muted,
-      round = props.round,
-      remainingProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
+    icon = props.icon,
+    active = props.active,
+    disabled = props.disabled,
+    clickable = props.clickable,
+    selectable = props.selectable,
+    deletable = props.deletable,
+    revertable = props.revertable,
+    multiline = props.multiline,
+    muted = props.muted,
+    round = props.round,
+    remainingProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
   return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({}, remainingProps, {
-    className: (0, _classnames["default"])('tag', props.size === 'small' && 'tag-small', icon && "rioglyph ".concat(icon), active && 'active clickable rioglyph rioglyph-ok', disabled && 'disabled', clickable && 'clickable', selectable && 'selectable clickable rioglyph rioglyph-checkbox', deletable && 'deletable clickable rioglyph rioglyph-remove', revertable && 'revertable clickable rioglyph rioglyph-revert', multiline && 'multiline', muted && 'tag-muted', !round && 'rounded', // sounds wrong, but is right
+    className: (0, _classnames["default"])('tag', props.size === 'small' && 'tag-small', icon && "rioglyph ".concat(icon), active && 'active clickable rioglyph rioglyph-ok', disabled && 'disabled', clickable && 'clickable', selectable && 'selectable clickable rioglyph rioglyph-checkbox', deletable && 'deletable clickable rioglyph rioglyph-remove', revertable && 'revertable clickable rioglyph rioglyph-revert', multiline && 'multiline', muted && 'tag-muted', !round && 'rounded',
+    // sounds wrong, but is right
     props.className)
   }), /*#__PURE__*/_react["default"].createElement("div", {
     className: "tag-inner"
   }, children));
 };
-
 Tag.defaultProps = {
   active: false,
   clickable: false,

package/lib/es/components/tag/TagList.js

@@ -1,40 +1,29 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _excluded = ["children", "inline", "autoTagWidth", "tagsPerRow"];
-
 var TagList = function TagList(props) {
   var children = props.children,
-      inline = props.inline,
-      autoTagWidth = props.autoTagWidth,
-      tagsPerRow = props.tagsPerRow,
-      remainingProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
-
+    inline = props.inline,
+    autoTagWidth = props.autoTagWidth,
+    tagsPerRow = props.tagsPerRow,
+    remainingProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
   var wrappedChidren = /*#__PURE__*/_react["default"].createElement("div", {
     className: "tags-per-row-".concat(tagsPerRow)
   }, children);
-
   return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({}, remainingProps, {
     className: (0, _classnames["default"])('taglist', !autoTagWidth && 'taglist-autowidth', !inline && 'taglist-vertical', tagsPerRow && 'row display-flex-sm flex-wrap-sm', props.className)
   }), tagsPerRow ? wrappedChidren : children);
 };
-
 TagList.defaultProps = {
   inline: true,
   autoTagWidth: false

package/lib/es/components/tagManager/CustomSuggestionItem.js

@@ -1,21 +1,16 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var CustomSuggestionItem = function CustomSuggestionItem(_ref) {
   var value = _ref.value,
-      placeholder = _ref.placeholder;
+    placeholder = _ref.placeholder;
   var wrapperClassNames = (0, _classnames["default"])('display-flex align-items-center', 'padding-top-5 padding-bottom-5', !value && 'text-color-gray');
   var iconClassNames = (0, _classnames["default"])('margin-left--5 margin-right-5 margin-top--1', 'rioglyph', !value ? 'rioglyph-arrow-up' : 'rioglyph-plus');
   return /*#__PURE__*/_react["default"].createElement("span", {
@@ -26,7 +21,6 @@ var CustomSuggestionItem = function CustomSuggestionItem(_ref) {
     className: 'text-italic'
   }, value || placeholder));
 };
-
 CustomSuggestionItem.defaultProps = {};
 CustomSuggestionItem.propTypes = {
   value: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].node]),