@mongodb-js/compass-components 0.9.0 → 0.10.1

package/lib/index.js

@@ -22,24 +22,45 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Accordion = exports.Description = exports.Label = exports.Link = exports.Overline = exports.Disclaimer = exports.InlineKeyCode = exports.InlineCode = exports.Body = exports.Subtitle = exports.H3 = exports.H2 = exports.H1 = exports.Tooltip = exports.spacing = exports.breakpoints = exports.Toggle = exports.ToastVariant = exports.Toast = exports.TextInput = exports.TextArea = exports.Tab = exports.Tabs = exports.SelectSize = exports.Option = exports.Select = exports.RadioBoxGroup = exports.RadioBox = exports.Portal = exports.compassUIColors = exports.uiColors = exports.Modal = exports.MenuItem = exports.MenuSeparator = exports.Menu = exports.MongoDBLogo = exports.MongoDBLogoMark = exports.AtlasLogoMark = exports.LeafyGreenProvider = exports.IconButton = exports.Icon = exports.Checkbox = exports.Card = exports.ButtonVariant = exports.ButtonSize = exports.Button = exports.BannerVariant = exports.Banner = exports.BadgeVariant = exports.Badge = void 0;
-exports.useDOMRect = exports.Placeholder = exports.SegmentedControlOption = exports.SegmentedControl = exports.InlineDefinition = exports.cache = exports.sheet = exports.css = exports.keyframes = exports.injectGlobal = exports.getRegisteredStyles = exports.merge = exports.cx = exports.hydrate = exports.flush = exports.emotion = exports.FadeInPlaceholder = exports.ContentWithFallback = exports.FocusState = exports.useHoverState = exports.useFocusState = exports.ResizeDirection = exports.ResizeHandle = exports.SpinLoader = exports.FileInput = exports.ConfirmationModal = exports.CancelLoader = void 0;
+exports.ToastArea = exports.useToast = exports.ToastVariant = exports.Toast = exports.TextInput = exports.TextArea = exports.Tab = exports.Tabs = exports.SelectSize = exports.OptionGroup = exports.Option = exports.Select = exports.RadioGroup = exports.Radio = exports.RadioBoxSize = exports.RadioBox = exports.Portal = exports.compassUIColors = exports.uiColors = exports.MenuItem = exports.MenuSeparator = exports.Menu = exports.MongoDBLogo = exports.MongoDBLogoMark = exports.AtlasLogoMark = exports.LeafyGreenProvider = exports.IconButton = exports.Icon = exports.Checkbox = exports.Card = exports.ButtonVariant = exports.ButtonSize = exports.Button = exports.BannerVariant = exports.Banner = exports.Footer = exports.BadgeVariant = exports.Badge = exports.FavoriteIcon = exports.cache = exports.sheet = exports.css = exports.keyframes = exports.injectGlobal = exports.getRegisteredStyles = exports.merge = exports.cx = exports.hydrate = exports.flush = exports.emotion = void 0;
+exports.useSortControls = exports.useDefaultAction = exports.useFocusRing = exports.mergeProps = exports.VirtualGrid = exports.FormFooter = exports.Cell = exports.Row = exports.TableHeader = exports.Table = exports.useDOMRect = exports.Placeholder = exports.InlineInfoLink = exports.ErrorBoundary = exports.SegmentedControlOption = exports.SegmentedControl = exports.InlineDefinition = exports.FadeInPlaceholder = exports.ContentWithFallback = exports.ThemeProvider = exports.Theme = exports.useTheme = exports.FocusState = exports.useHoverState = exports.useFocusState = exports.ResizeDirection = exports.ResizeHandle = exports.SpinLoader = exports.RadioBoxGroup = exports.Modal = exports.FileInput = exports.ConfirmationModal = exports.CancelLoader = exports.Accordion = exports.Description = exports.Link = exports.Label = exports.Overline = exports.Disclaimer = exports.InlineKeyCode = exports.InlineCode = exports.Body = exports.Subtitle = exports.H3 = exports.H2 = exports.H1 = exports.Tooltip = exports.spacing = exports.breakpoints = exports.Toggle = void 0;
+exports.useSortedItems = void 0;
+var emotion_1 = require("@leafygreen-ui/emotion");
+Object.defineProperty(exports, "emotion", { enumerable: true, get: function () { return __importDefault(emotion_1).default; } });
+Object.defineProperty(exports, "flush", { enumerable: true, get: function () { return emotion_1.flush; } });
+Object.defineProperty(exports, "hydrate", { enumerable: true, get: function () { return emotion_1.hydrate; } });
+Object.defineProperty(exports, "cx", { enumerable: true, get: function () { return emotion_1.cx; } });
+Object.defineProperty(exports, "merge", { enumerable: true, get: function () { return emotion_1.merge; } });
+Object.defineProperty(exports, "getRegisteredStyles", { enumerable: true, get: function () { return emotion_1.getRegisteredStyles; } });
+Object.defineProperty(exports, "injectGlobal", { enumerable: true, get: function () { return emotion_1.injectGlobal; } });
+Object.defineProperty(exports, "keyframes", { enumerable: true, get: function () { return emotion_1.keyframes; } });
+Object.defineProperty(exports, "css", { enumerable: true, get: function () { return emotion_1.css; } });
+Object.defineProperty(exports, "sheet", { enumerable: true, get: function () { return emotion_1.sheet; } });
+Object.defineProperty(exports, "cache", { enumerable: true, get: function () { return emotion_1.cache; } });
 const cancel_loader_1 = __importDefault(require("./components/cancel-loader"));
 exports.CancelLoader = cancel_loader_1.default;
 const confirmation_modal_1 = __importDefault(require("./components/confirmation-modal"));
 exports.ConfirmationModal = confirmation_modal_1.default;
 const file_input_1 = __importDefault(require("./components/file-input"));
 exports.FileInput = file_input_1.default;
-const spin_loader_1 = __importDefault(require("./components/spin-loader"));
-exports.SpinLoader = spin_loader_1.default;
+const modal_1 = require("./components/modal");
+Object.defineProperty(exports, "Modal", { enumerable: true, get: function () { return modal_1.Modal; } });
+const radio_box_group_1 = require("./components/radio-box-group");
+Object.defineProperty(exports, "RadioBoxGroup", { enumerable: true, get: function () { return radio_box_group_1.RadioBoxGroup; } });
+const spin_loader_1 = require("./components/spin-loader");
+Object.defineProperty(exports, "SpinLoader", { enumerable: true, get: function () { return spin_loader_1.SpinLoader; } });
 const resize_handle_1 = require("./components/resize-handle");
 Object.defineProperty(exports, "ResizeHandle", { enumerable: true, get: function () { return resize_handle_1.ResizeHandle; } });
 Object.defineProperty(exports, "ResizeDirection", { enumerable: true, get: function () { return resize_handle_1.ResizeDirection; } });
 const accordion_1 = __importDefault(require("./components/accordion"));
 exports.Accordion = accordion_1.default;
+var favorite_icon_1 = require("./components/icons/favorite-icon");
+Object.defineProperty(exports, "FavoriteIcon", { enumerable: true, get: function () { return favorite_icon_1.FavoriteIcon; } });
 var badge_1 = require("@leafygreen-ui/badge");
 Object.defineProperty(exports, "Badge", { enumerable: true, get: function () { return __importDefault(badge_1).default; } });
 Object.defineProperty(exports, "BadgeVariant", { enumerable: true, get: function () { return badge_1.Variant; } });
+var modal_2 = require("@leafygreen-ui/modal");
+Object.defineProperty(exports, "Footer", { enumerable: true, get: function () { return modal_2.Footer; } });
 var banner_1 = require("@leafygreen-ui/banner");
 Object.defineProperty(exports, "Banner", { enumerable: true, get: function () { return __importDefault(banner_1).default; } });
 Object.defineProperty(exports, "BannerVariant", { enumerable: true, get: function () { return banner_1.Variant; } });
@@ -49,8 +70,8 @@ Object.defineProperty(exports, "ButtonSize", { enumerable: true, get: function (
 Object.defineProperty(exports, "ButtonVariant", { enumerable: true, get: function () { return button_1.Variant; } });
 var card_1 = require("@leafygreen-ui/card");
 Object.defineProperty(exports, "Card", { enumerable: true, get: function () { return __importDefault(card_1).default; } });
-var checkbox_1 = require("@leafygreen-ui/checkbox");
-Object.defineProperty(exports, "Checkbox", { enumerable: true, get: function () { return __importDefault(checkbox_1).default; } });
+var checkbox_1 = require("./components/checkbox");
+Object.defineProperty(exports, "Checkbox", { enumerable: true, get: function () { return checkbox_1.Checkbox; } });
 var icon_1 = require("@leafygreen-ui/icon");
 Object.defineProperty(exports, "Icon", { enumerable: true, get: function () { return __importDefault(icon_1).default; } });
 var icon_button_1 = require("@leafygreen-ui/icon-button");
@@ -65,19 +86,21 @@ var menu_1 = require("@leafygreen-ui/menu");
 Object.defineProperty(exports, "Menu", { enumerable: true, get: function () { return menu_1.Menu; } });
 Object.defineProperty(exports, "MenuSeparator", { enumerable: true, get: function () { return menu_1.MenuSeparator; } });
 Object.defineProperty(exports, "MenuItem", { enumerable: true, get: function () { return menu_1.MenuItem; } });
-var modal_1 = require("@leafygreen-ui/modal");
-Object.defineProperty(exports, "Modal", { enumerable: true, get: function () { return __importDefault(modal_1).default; } });
 var palette_1 = require("@leafygreen-ui/palette");
 Object.defineProperty(exports, "uiColors", { enumerable: true, get: function () { return palette_1.uiColors; } });
 exports.compassUIColors = __importStar(require("./compass-ui-colors"));
 var portal_1 = require("@leafygreen-ui/portal");
 Object.defineProperty(exports, "Portal", { enumerable: true, get: function () { return __importDefault(portal_1).default; } });
-var radio_box_group_1 = require("@leafygreen-ui/radio-box-group");
-Object.defineProperty(exports, "RadioBox", { enumerable: true, get: function () { return radio_box_group_1.RadioBox; } });
-Object.defineProperty(exports, "RadioBoxGroup", { enumerable: true, get: function () { return radio_box_group_1.RadioBoxGroup; } });
+var radio_box_group_2 = require("@leafygreen-ui/radio-box-group");
+Object.defineProperty(exports, "RadioBox", { enumerable: true, get: function () { return radio_box_group_2.RadioBox; } });
+Object.defineProperty(exports, "RadioBoxSize", { enumerable: true, get: function () { return radio_box_group_2.Size; } });
+var radio_group_1 = require("@leafygreen-ui/radio-group");
+Object.defineProperty(exports, "Radio", { enumerable: true, get: function () { return radio_group_1.Radio; } });
+Object.defineProperty(exports, "RadioGroup", { enumerable: true, get: function () { return radio_group_1.RadioGroup; } });
 var select_1 = require("@leafygreen-ui/select");
 Object.defineProperty(exports, "Select", { enumerable: true, get: function () { return select_1.Select; } });
 Object.defineProperty(exports, "Option", { enumerable: true, get: function () { return select_1.Option; } });
+Object.defineProperty(exports, "OptionGroup", { enumerable: true, get: function () { return select_1.OptionGroup; } });
 Object.defineProperty(exports, "SelectSize", { enumerable: true, get: function () { return select_1.Size; } });
 var tabs_1 = require("@leafygreen-ui/tabs");
 Object.defineProperty(exports, "Tabs", { enumerable: true, get: function () { return tabs_1.Tabs; } });
@@ -89,8 +112,11 @@ Object.defineProperty(exports, "TextInput", { enumerable: true, get: function ()
 var toast_1 = require("@leafygreen-ui/toast");
 Object.defineProperty(exports, "Toast", { enumerable: true, get: function () { return __importDefault(toast_1).default; } });
 Object.defineProperty(exports, "ToastVariant", { enumerable: true, get: function () { return toast_1.Variant; } });
-var toggle_1 = require("@leafygreen-ui/toggle");
-Object.defineProperty(exports, "Toggle", { enumerable: true, get: function () { return __importDefault(toggle_1).default; } });
+var use_toast_1 = require("./hooks/use-toast");
+Object.defineProperty(exports, "useToast", { enumerable: true, get: function () { return use_toast_1.useToast; } });
+Object.defineProperty(exports, "ToastArea", { enumerable: true, get: function () { return use_toast_1.ToastArea; } });
+var toggle_1 = require("./components/toggle");
+Object.defineProperty(exports, "Toggle", { enumerable: true, get: function () { return toggle_1.Toggle; } });
 var tokens_1 = require("@leafygreen-ui/tokens");
 Object.defineProperty(exports, "breakpoints", { enumerable: true, get: function () { return tokens_1.breakpoints; } });
 Object.defineProperty(exports, "spacing", { enumerable: true, get: function () { return tokens_1.spacing; } });
@@ -106,35 +132,49 @@ Object.defineProperty(exports, "InlineCode", { enumerable: true, get: function (
 Object.defineProperty(exports, "InlineKeyCode", { enumerable: true, get: function () { return typography_1.InlineKeyCode; } });
 Object.defineProperty(exports, "Disclaimer", { enumerable: true, get: function () { return typography_1.Disclaimer; } });
 Object.defineProperty(exports, "Overline", { enumerable: true, get: function () { return typography_1.Overline; } });
-Object.defineProperty(exports, "Link", { enumerable: true, get: function () { return typography_1.Link; } });
 Object.defineProperty(exports, "Label", { enumerable: true, get: function () { return typography_1.Label; } });
+Object.defineProperty(exports, "Link", { enumerable: true, get: function () { return typography_1.Link; } });
 Object.defineProperty(exports, "Description", { enumerable: true, get: function () { return typography_1.Description; } });
 var use_focus_hover_1 = require("./hooks/use-focus-hover");
 Object.defineProperty(exports, "useFocusState", { enumerable: true, get: function () { return use_focus_hover_1.useFocusState; } });
 Object.defineProperty(exports, "useHoverState", { enumerable: true, get: function () { return use_focus_hover_1.useHoverState; } });
 Object.defineProperty(exports, "FocusState", { enumerable: true, get: function () { return use_focus_hover_1.FocusState; } });
+var use_theme_1 = require("./hooks/use-theme");
+Object.defineProperty(exports, "useTheme", { enumerable: true, get: function () { return use_theme_1.useTheme; } });
+Object.defineProperty(exports, "Theme", { enumerable: true, get: function () { return use_theme_1.Theme; } });
+Object.defineProperty(exports, "ThemeProvider", { enumerable: true, get: function () { return use_theme_1.ThemeProvider; } });
 var content_with_fallback_1 = require("./components/content-with-fallback");
 Object.defineProperty(exports, "ContentWithFallback", { enumerable: true, get: function () { return content_with_fallback_1.ContentWithFallback; } });
 Object.defineProperty(exports, "FadeInPlaceholder", { enumerable: true, get: function () { return content_with_fallback_1.FadeInPlaceholder; } });
-var emotion_1 = require("@leafygreen-ui/emotion");
-Object.defineProperty(exports, "emotion", { enumerable: true, get: function () { return __importDefault(emotion_1).default; } });
-Object.defineProperty(exports, "flush", { enumerable: true, get: function () { return emotion_1.flush; } });
-Object.defineProperty(exports, "hydrate", { enumerable: true, get: function () { return emotion_1.hydrate; } });
-Object.defineProperty(exports, "cx", { enumerable: true, get: function () { return emotion_1.cx; } });
-Object.defineProperty(exports, "merge", { enumerable: true, get: function () { return emotion_1.merge; } });
-Object.defineProperty(exports, "getRegisteredStyles", { enumerable: true, get: function () { return emotion_1.getRegisteredStyles; } });
-Object.defineProperty(exports, "injectGlobal", { enumerable: true, get: function () { return emotion_1.injectGlobal; } });
-Object.defineProperty(exports, "keyframes", { enumerable: true, get: function () { return emotion_1.keyframes; } });
-Object.defineProperty(exports, "css", { enumerable: true, get: function () { return emotion_1.css; } });
-Object.defineProperty(exports, "sheet", { enumerable: true, get: function () { return emotion_1.sheet; } });
-Object.defineProperty(exports, "cache", { enumerable: true, get: function () { return emotion_1.cache; } });
 var inline_definition_1 = require("./components/inline-definition");
 Object.defineProperty(exports, "InlineDefinition", { enumerable: true, get: function () { return inline_definition_1.InlineDefinition; } });
 var segmented_control_1 = require("@leafygreen-ui/segmented-control");
 Object.defineProperty(exports, "SegmentedControl", { enumerable: true, get: function () { return segmented_control_1.SegmentedControl; } });
 Object.defineProperty(exports, "SegmentedControlOption", { enumerable: true, get: function () { return segmented_control_1.SegmentedControlOption; } });
+var error_boundary_1 = require("./components/error-boundary");
+Object.defineProperty(exports, "ErrorBoundary", { enumerable: true, get: function () { return error_boundary_1.ErrorBoundary; } });
+var inline_info_link_1 = require("./components/inline-info-link");
+Object.defineProperty(exports, "InlineInfoLink", { enumerable: true, get: function () { return inline_info_link_1.InlineInfoLink; } });
 var placeholder_1 = require("./components/placeholder");
 Object.defineProperty(exports, "Placeholder", { enumerable: true, get: function () { return placeholder_1.Placeholder; } });
 var use_dom_rect_1 = require("./hooks/use-dom-rect");
 Object.defineProperty(exports, "useDOMRect", { enumerable: true, get: function () { return use_dom_rect_1.useDOMRect; } });
+var table_1 = require("@leafygreen-ui/table");
+Object.defineProperty(exports, "Table", { enumerable: true, get: function () { return table_1.Table; } });
+Object.defineProperty(exports, "TableHeader", { enumerable: true, get: function () { return table_1.TableHeader; } });
+Object.defineProperty(exports, "Row", { enumerable: true, get: function () { return table_1.Row; } });
+Object.defineProperty(exports, "Cell", { enumerable: true, get: function () { return table_1.Cell; } });
+var form_footer_1 = require("@leafygreen-ui/form-footer");
+Object.defineProperty(exports, "FormFooter", { enumerable: true, get: function () { return __importDefault(form_footer_1).default; } });
+var virtual_grid_1 = require("./components/virtual-grid");
+Object.defineProperty(exports, "VirtualGrid", { enumerable: true, get: function () { return virtual_grid_1.VirtualGrid; } });
+var merge_props_1 = require("./utils/merge-props");
+Object.defineProperty(exports, "mergeProps", { enumerable: true, get: function () { return merge_props_1.mergeProps; } });
+var use_focus_ring_1 = require("./hooks/use-focus-ring");
+Object.defineProperty(exports, "useFocusRing", { enumerable: true, get: function () { return use_focus_ring_1.useFocusRing; } });
+var use_default_action_1 = require("./hooks/use-default-action");
+Object.defineProperty(exports, "useDefaultAction", { enumerable: true, get: function () { return use_default_action_1.useDefaultAction; } });
+var use_sort_1 = require("./hooks/use-sort");
+Object.defineProperty(exports, "useSortControls", { enumerable: true, get: function () { return use_sort_1.useSortControls; } });
+Object.defineProperty(exports, "useSortedItems", { enumerable: true, get: function () { return use_sort_1.useSortedItems; } });
 //# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/lib/utils/merge-props.d.ts

@@ -1,2 +1,3 @@
-import React from 'react';
+import type React from 'react';
 export declare function mergeProps<T extends HTMLElement = HTMLElement>(...props: React.HTMLProps<T>[]): typeof props[number];
+//# sourceMappingURL=merge-props.d.ts.map

package/lib/utils/merge-props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"merge-props.d.ts","sourceRoot":"","sources":["../../src/utils/merge-props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,wBAAgB,UAAU,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,EAC5D,GAAG,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,GAC7B,OAAO,KAAK,CAAC,MAAM,CAAC,CAiBtB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mongodb-js/compass-components",
-  "version": "0.9.0",
+  "version": "0.10.1",
   "description": "React Components used in Compass",
   "license": "SSPL",
   "main": "lib/index.js",
@@ -29,19 +29,20 @@
     "check": "npm run lint && npm run depcheck",
     "check-ci": "npm run check",
     "test": "mocha",
-    "test-cov": "nyc -x \"**/*.spec.*\" npm run test",
+    "test-cov": "nyc -x \"**/*.spec.*\" --reporter=lcov --reporter=text --reporter=html npm run test",
     "test-watch": "npm run test -- --watch",
     "test-ci": "npm run test-cov",
     "reformat": "npm run prettier -- --write ."
   },
   "dependencies": {
-    "@leafygreen-ui/badge": "^4.0.4",
+    "@leafygreen-ui/badge": "^4.0.5",
     "@leafygreen-ui/banner": "^3.0.8",
     "@leafygreen-ui/button": "^12.0.5",
-    "@leafygreen-ui/card": "^5.1.3",
+    "@leafygreen-ui/card": "^5.1.4",
     "@leafygreen-ui/checkbox": "^6.0.5",
     "@leafygreen-ui/confirmation-modal": "^2.2.1",
     "@leafygreen-ui/emotion": "^4.0.0",
+    "@leafygreen-ui/form-footer": "^0.9.0",
     "@leafygreen-ui/icon": "^11.4.0",
     "@leafygreen-ui/icon-button": "^9.1.6",
     "@leafygreen-ui/leafygreen-provider": "^2.1.2",
@@ -51,8 +52,10 @@
     "@leafygreen-ui/palette": "^3.2.2",
     "@leafygreen-ui/portal": "^3.1.3",
     "@leafygreen-ui/radio-box-group": "^6.1.4",
+    "@leafygreen-ui/radio-group": "^7.0.6",
     "@leafygreen-ui/segmented-control": "^0.9.1",
     "@leafygreen-ui/select": "^3.0.8",
+    "@leafygreen-ui/table": "^2.0.5",
     "@leafygreen-ui/tabs": "^5.1.3",
     "@leafygreen-ui/text-area": "^4.0.3",
     "@leafygreen-ui/text-input": "^6.0.3",
@@ -61,24 +64,24 @@
     "@leafygreen-ui/tokens": "^0.5.3",
     "@leafygreen-ui/tooltip": "^6.2.2",
     "@leafygreen-ui/typography": "^8.0.2",
-    "@mongodb-js/compass-logging": "^0.6.0",
+    "@mongodb-js/compass-logging": "^0.7.1",
     "@react-aria/interactions": "^3.6.0",
     "@react-aria/tooltip": "^3.1.3",
     "@react-aria/utils": "^3.9.0",
-    "@react-stately/tooltip": "^3.0.5"
+    "@react-stately/tooltip": "^3.0.5",
+    "react-window": "^1.8.6"
   },
   "peerDependencies": {
-    "@emotion/css": "^11.5.0",
     "react": "^16.14.0"
   },
   "devDependencies": {
-    "@emotion/css": "^11.5.0",
-    "@mongodb-js/eslint-config-compass": "^0.5.0",
-    "@mongodb-js/mocha-config-compass": "^0.7.0",
+    "@mongodb-js/eslint-config-compass": "^0.6.1",
+    "@mongodb-js/mocha-config-compass": "^0.8.1",
     "@mongodb-js/prettier-config-compass": "^0.4.0",
-    "@mongodb-js/tsconfig-compass": "^0.4.0",
+    "@mongodb-js/tsconfig-compass": "^0.5.0",
     "@testing-library/dom": "^8.11.1",
     "@testing-library/react": "^12.0.0",
+    "@testing-library/react-hooks": "^7.0.2",
     "@testing-library/user-event": "^13.5.0",
     "@types/chai": "^4.2.21",
     "@types/chai-dom": "^0.0.10",
@@ -103,5 +106,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "542e3fa07d48435b1a7acc21c96de20562b843b3"
+  "gitHead": "82309afe6b0af6509e295de55a5d3170b7ed205c"
 }