@copart/ops-tool-kit 1.8.0-alpha.0 → 1.8.0-alpha.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -33,7 +33,7 @@ var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
33
33
  var ReactDOM__namespace = /*#__PURE__*/_interopNamespace(ReactDOM);
34
34
 
35
35
  const name$e = "@copart/ops-tool-kit";
36
- const version$3 = "1.8.0-alpha.0";
36
+ const version$3 = "1.8.0-alpha.1";
37
37
  const main = "dist/ops-tool-kit.js";
38
38
  const style$1 = "dist/ops-tool-kit.css";
39
39
  const files = [
@@ -56771,7 +56771,7 @@ var checkUserAccess = function checkUserAccess(tiles) {
56771
56771
  });
56772
56772
  };
56773
56773
 
56774
- var css_248z$1 = ".utilities_ops-app-frame_DraggableTabs_DraggableTabs--appsTabWrapper {\n display: flex;\n width: 100%;\n overflow-x: auto;\n}\n\n.utilities_ops-app-frame_DraggableTabs_DraggableTabs--gridAppsTabWrapper {\n display: grid;\n width: 100%;\n grid-template-columns: repeat(auto-fit, minmax(195px, 1fr));\n grid-auto-flow: column;\n grid-auto-columns: 1fr;\n}\n\n.utilities_ops-app-frame_DraggableTabs_DraggableTabs--tabWrapper {\n width: -webkit-fit-content;\n width: -moz-fit-content;\n width: fit-content;\n}\n\n.utilities_ops-app-frame_DraggableTabs_DraggableTabs--gridAppsTabWrapper > a > .utilities_ops-app-frame_DraggableTabs_DraggableTabs--tabWrapper {\n width: 100%;\n}\n\n.utilities_ops-app-frame_DraggableTabs_DraggableTabs--tab {\n font-size: 16px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n width: 100%;\n cursor: pointer;\n height: 60px;\n background-color: #f3f2f1;\n border: 1px solid #3c4656;\n}\n\n.utilities_ops-app-frame_DraggableTabs_DraggableTabs--appsTabWrapper a:nth-child(n + 2) {\n margin-left: -1px;\n}\n\n.utilities_ops-app-frame_DraggableTabs_DraggableTabs--placeHolder {\n margin-left: -1px;\n border: 1px solid #3c4656;\n width: -webkit-fill-available;\n}\n\n.utilities_ops-app-frame_DraggableTabs_DraggableTabs--gridAppsTabWrapper > .utilities_ops-app-frame_DraggableTabs_DraggableTabs--placeHolder {\n display: none;\n}\n\n.utilities_ops-app-frame_DraggableTabs_DraggableTabs--selectedTab,\n.utilities_ops-app-frame_DraggableTabs_DraggableTabs--tab:hover {\n background-color: var(--white);\n background-color: var(--white);\n color: #3c4656;\n}\n\n.utilities_ops-app-frame_DraggableTabs_DraggableTabs--selectedTab {\n border-bottom: 1px solid transparent;\n}\n\n.utilities_ops-app-frame_DraggableTabs_DraggableTabs--selectedTab img,\n.utilities_ops-app-frame_DraggableTabs_DraggableTabs--tab:hover img {\n -webkit-filter: brightness(1) invert(0);\n filter: brightness(1) invert(0);\n}\n\n.utilities_ops-app-frame_DraggableTabs_DraggableTabs--tabIconWrapper {\n display: flex;\n padding: 0 20px;\n align-items: center;\n}\n\n.utilities_ops-app-frame_DraggableTabs_DraggableTabs--tabText {\n font-size: 16px;\n margin: 0px 5px;\n width: 230px;\n padding-left: 10px;\n}\n\n.utilities_ops-app-frame_DraggableTabs_DraggableTabs--gridAppsTabWrapper > a > .utilities_ops-app-frame_DraggableTabs_DraggableTabs--tabWrapper > .utilities_ops-app-frame_DraggableTabs_DraggableTabs--tab > .utilities_ops-app-frame_DraggableTabs_DraggableTabs--tabIconWrapper > .utilities_ops-app-frame_DraggableTabs_DraggableTabs--tabText {\n width: auto;\n padding-left: 0px;\n}\n\n.utilities_ops-app-frame_DraggableTabs_DraggableTabs--starButton {\n position: relative;\n top: 3px;\n right: -14px;\n}\n\n.utilities_ops-app-frame_DraggableTabs_DraggableTabs--tabContainer {\n display: inline-flex;\n flex-direction: row;\n margin: auto;\n position: relative;\n right: 12px;\n top: -4px;\n}\n";
56774
+ var css_248z$1 = ".utilities_ops-app-frame_DraggableTabs_DraggableTabs--appsTabWrapper {\n display: flex;\n width: 100%;\n overflow-x: auto;\n}\n\n.utilities_ops-app-frame_DraggableTabs_DraggableTabs--gridAppsTabWrapper {\n display: grid;\n width: 100%;\n grid-template-columns: repeat(auto-fit, minmax(195px, 1fr));\n grid-auto-flow: column;\n grid-auto-columns: 1fr;\n}\n\n.utilities_ops-app-frame_DraggableTabs_DraggableTabs--tabWrapper {\n width: 346px;\n}\n\n.utilities_ops-app-frame_DraggableTabs_DraggableTabs--gridAppsTabWrapper > a > .utilities_ops-app-frame_DraggableTabs_DraggableTabs--tabWrapper {\n width: 100%;\n}\n\n.utilities_ops-app-frame_DraggableTabs_DraggableTabs--tab {\n font-size: 14px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n width: 100%;\n cursor: pointer;\n height: 60px;\n background-color: #e8edf6;\n border: 1px solid #ccc;\n}\n\n.utilities_ops-app-frame_DraggableTabs_DraggableTabs--appsTabWrapper a:nth-child(n + 2) {\n margin-left: -1px;\n}\n\n.utilities_ops-app-frame_DraggableTabs_DraggableTabs--placeHolder {\n margin-left: -1px;\n border: 1px solid #ccc;\n width: -webkit-fill-available;\n}\n\n.utilities_ops-app-frame_DraggableTabs_DraggableTabs--gridAppsTabWrapper > .utilities_ops-app-frame_DraggableTabs_DraggableTabs--placeHolder {\n display: none;\n}\n\n.utilities_ops-app-frame_DraggableTabs_DraggableTabs--selectedTab,\n.utilities_ops-app-frame_DraggableTabs_DraggableTabs--tab:hover {\n color: var(--blue);\n color: var(--blue);\n}\n\n.utilities_ops-app-frame_DraggableTabs_DraggableTabs--selectedTab {\n border-top: 8px solid #7d9fd4;\n background-color: var(--white);\n background-color: var(--white);\n}\n\n.utilities_ops-app-frame_DraggableTabs_DraggableTabs--selectedTab {\n font-size: 18px;\n font-weight: bold;\n}\n\n.utilities_ops-app-frame_DraggableTabs_DraggableTabs--selectedTab {\n border-bottom: 1px solid transparent;\n}\n\n.utilities_ops-app-frame_DraggableTabs_DraggableTabs--selectedTab img,\n.utilities_ops-app-frame_DraggableTabs_DraggableTabs--tab:hover img {\n -webkit-filter: brightness(0) saturate(100%) invert(28%) sepia(78%) saturate(1522%)\n hue-rotate(197deg) brightness(89%) contrast(90%);\n filter: brightness(0) saturate(100%) invert(28%) sepia(78%) saturate(1522%)\n hue-rotate(197deg) brightness(89%) contrast(90%);\n}\n\n.utilities_ops-app-frame_DraggableTabs_DraggableTabs--selectedTab img {\n width: 35px;\n}\n\n.utilities_ops-app-frame_DraggableTabs_DraggableTabs--tabIconWrapper {\n display: flex;\n padding: 0 20px;\n align-items: center;\n}\n.utilities_ops-app-frame_DraggableTabs_DraggableTabs--tabIconWrapper img {\n width: 30px;\n}\n\n.utilities_ops-app-frame_DraggableTabs_DraggableTabs--tabText {\n margin: 0px 5px;\n width: 243px;\n padding-left: 10px;\n position: relative;\n top: -2px;\n}\n\n.utilities_ops-app-frame_DraggableTabs_DraggableTabs--gridAppsTabWrapper > a > .utilities_ops-app-frame_DraggableTabs_DraggableTabs--tabWrapper > .utilities_ops-app-frame_DraggableTabs_DraggableTabs--tab > .utilities_ops-app-frame_DraggableTabs_DraggableTabs--tabIconWrapper > .utilities_ops-app-frame_DraggableTabs_DraggableTabs--tabText {\n padding-left: 0px;\n}\n\n.utilities_ops-app-frame_DraggableTabs_DraggableTabs--starButton {\n position: relative;\n top: 3px;\n right: -14px;\n}\n\n.utilities_ops-app-frame_DraggableTabs_DraggableTabs--tabContainer {\n display: inline-flex;\n flex-direction: row;\n margin: auto;\n position: relative;\n right: 12px;\n top: -4px;\n}\n";
56775
56775
  styleInject(css_248z$1);
56776
56776
 
56777
56777
  var _styleModuleImportMap = {
@@ -56890,10 +56890,7 @@ var DraggableTabs = function DraggableTabs(_ref) {
56890
56890
  return _objectSpread2$1({}, filteredTile, {
56891
56891
  icon: React__default["default"].createElement("div", null, React__default["default"].createElement("img", {
56892
56892
  src: filteredTile.iconUrl,
56893
- draggable: "false",
56894
- style: {
56895
- width: '30px'
56896
- }
56893
+ draggable: "false"
56897
56894
  })),
56898
56895
  label: filteredTile.title,
56899
56896
  name: filteredTile.title
@@ -57011,7 +57008,7 @@ var DraggableTabs = function DraggableTabs(_ref) {
57011
57008
  }, function (provided) {
57012
57009
  return React__default["default"].createElement("section", _extends$2({}, provided.droppableProps, {
57013
57010
  ref: provided.innerRef,
57014
- className: _getClassName("appsTabWrapper ".concat(tabItems.length > 6 ? 'gridAppsTabWrapper' : ''), _styleModuleImportMap, {
57011
+ className: _getClassName("appsTabWrapper ".concat(tabItems.length >= 4 ? 'gridAppsTabWrapper' : ''), _styleModuleImportMap, {
57015
57012
  "handleMissingStyleName": "warn"
57016
57013
  })
57017
57014
  }), tabItems.map(function (config, index, id) {
@@ -57028,7 +57025,6 @@ var DraggableTabs = function DraggableTabs(_ref) {
57028
57025
  }, provided.draggableProps, provided.dragHandleProps, {
57029
57026
  ref: provided.innerRef
57030
57027
  }), React__default["default"].createElement("div", {
57031
- onClick: function onClick() {},
57032
57028
  className: _getClassName("tab ".concat(selectTitle === config.title ? 'selectedTab' : ''), _styleModuleImportMap, {
57033
57029
  "handleMissingStyleName": "warn"
57034
57030
  })
@@ -57092,7 +57088,7 @@ var AppFrame = function AppFrame(props) {
57092
57088
  setAppBarMounted: setAppBarMounted
57093
57089
  });
57094
57090
 
57095
- var tiles = storage.getLocalItem('opsportal-core:config').tiles;
57091
+ var tiles = storage.getLocalItem('opsportal-core:config').tiles || [];
57096
57092
  return React__default["default"].createElement("div", {
57097
57093
  className: "utilities_ops-app-frame_AppFrame_AppFrame--AppFrame",
57098
57094
  style: props.handleScrolling ? SCROLL : NO_SCROLL