@alixpartners/ui-components 1.22.0 → 1.22.1

package/dist/esm/components/ApSearchDropdown/ApSearchDropdown.js

@@ -1,147 +1,147 @@
-"use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-var __spread = (this && this.__spread) || function () {
-    for (var ar = [], i = 0; i < arguments.length; i++) ar = ar.concat(__read(arguments[i]));
-    return ar;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ApSearchDropdown = void 0;
-var React = require("react");
-var Autosuggest = require("react-autosuggest");
-var styles_1 = require("./styles");
-var getSuggestionValue = function (suggestion) { return suggestion.name; };
-var renderSuggestion = function (suggestion) { return React.createElement("div", null, suggestion.name); };
-var ApSearchDropdown = /** @class */ (function (_super) {
-    __extends(ApSearchDropdown, _super);
-    function ApSearchDropdown() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.state = {
-            focus: false,
-            suggestions: _this.props.options,
-            value: _this.props.value,
-        };
-        _this.justFocused = false;
-        _this.onInputChange = function (event, _a) {
-            var newValue = _a.newValue;
-            _this.setState({
-                value: newValue,
-            });
-            if (_this.props.onInputChange) {
-                _this.props.onInputChange(newValue);
-            }
-        };
-        _this.onInputFocus = function (event) {
-            _this.justFocused = true;
-            setTimeout(function () { return (_this.justFocused = false); }, 100);
-            _this.setState({
-                focus: true,
-            });
-            if (_this.props.onInputFocus) {
-                _this.props.onInputFocus();
-            }
-            return event.target.select();
-        };
-        _this.onInputBlur = function (event) {
-            _this.setState({
-                focus: false,
-            });
-            if (_this.props.onInputBlur) {
-                _this.props.onInputBlur(event);
-            }
-        };
-        _this.onSuggestionsFetchRequested = function (_a) {
-            var value = _a.value;
-            _this.setState({
-                suggestions: _this.getSuggestions(value),
-            });
-        };
-        _this.getSuggestions = function (value) {
-            if (value === void 0) { value = ''; }
-            var _a = _this.props, options = _a.options, allowNewOption = _a.allowNewOption;
-            var trimmedValue = value.trim();
-            if (trimmedValue === '') {
-                return options;
-            }
-            var regex = new RegExp('^' + trimmedValue, 'i');
-            var suggestions = options.filter(function (option) { return regex.test(option.name); });
-            var isExactMatch = !!options.find(function (option) { return option.name === trimmedValue; });
-            var addNewOption = allowNewOption && !isExactMatch
-                ? [{ name: trimmedValue, value: trimmedValue }]
-                : [];
-            if (_this.justFocused && suggestions.length < 2) {
-                return __spread(addNewOption, options);
-            }
-            return __spread(addNewOption, suggestions);
-        };
-        _this.onSuggestionsClearRequested = function () {
-            _this.setState({
-                suggestions: [],
-            });
-        };
-        _this.onSuggestionSelected = function (event, _a) {
-            var suggestion = _a.suggestion;
-            if (_this.props.onSuggestionSelected) {
-                _this.props.onSuggestionSelected(suggestion.value);
-            }
-        };
-        return _this;
-    }
-    ApSearchDropdown.prototype.componentDidUpdate = function (prevProps) {
-        var value = this.props.value;
-        if (value !== prevProps.value) {
-            this.setState({ value: value });
-        }
-    };
-    ApSearchDropdown.prototype.render = function () {
-        var _a = this.props, placeholder = _a.placeholder, className = _a.className, disabled = _a.disabled, withArrow = _a.withArrow;
-        var _b = this.state, focus = _b.focus, value = _b.value, suggestions = _b.suggestions;
-        var inputProps = {
-            onChange: this.onInputChange,
-            onFocus: this.onInputFocus,
-            onBlur: this.onInputBlur,
-            disabled: disabled,
-            placeholder: placeholder,
-            value: value,
-        };
-        return (React.createElement(styles_1.Wrapper, { className: "ap-search-dropdown" + (className ? " " + className : '') },
-            React.createElement(Autosuggest, { suggestions: suggestions, onSuggestionsFetchRequested: this.onSuggestionsFetchRequested, onSuggestionsClearRequested: this.onSuggestionsClearRequested, getSuggestionValue: getSuggestionValue, renderSuggestion: renderSuggestion, onSuggestionSelected: this.onSuggestionSelected, inputProps: inputProps, highlightFirstSuggestion: true, focusInputOnSuggestionClick: false, shouldRenderSuggestions: function () { return true; } }),
-            withArrow && (React.createElement(styles_1.Arrow, { iconName: "baseline_arrow_drop_down", isFocus: focus }))));
-    };
-    ApSearchDropdown.defaultProps = {
-        allowNewOption: false,
-        placeholder: 'Select an option',
-        value: '',
-        withArrow: false,
-    };
-    return ApSearchDropdown;
-}(React.Component));
-exports.ApSearchDropdown = ApSearchDropdown;
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+var __spread = (this && this.__spread) || function () {
+    for (var ar = [], i = 0; i < arguments.length; i++) ar = ar.concat(__read(arguments[i]));
+    return ar;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ApSearchDropdown = void 0;
+var React = require("react");
+var Autosuggest = require("react-autosuggest");
+var styles_1 = require("./styles");
+var getSuggestionValue = function (suggestion) { return suggestion.name; };
+var renderSuggestion = function (suggestion) { return React.createElement("div", null, suggestion.name); };
+var ApSearchDropdown = /** @class */ (function (_super) {
+    __extends(ApSearchDropdown, _super);
+    function ApSearchDropdown() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.state = {
+            focus: false,
+            suggestions: _this.props.options,
+            value: _this.props.value,
+        };
+        _this.justFocused = false;
+        _this.onInputChange = function (event, _a) {
+            var newValue = _a.newValue;
+            _this.setState({
+                value: newValue,
+            });
+            if (_this.props.onInputChange) {
+                _this.props.onInputChange(newValue);
+            }
+        };
+        _this.onInputFocus = function (event) {
+            _this.justFocused = true;
+            setTimeout(function () { return (_this.justFocused = false); }, 100);
+            _this.setState({
+                focus: true,
+            });
+            if (_this.props.onInputFocus) {
+                _this.props.onInputFocus();
+            }
+            return event.target.select();
+        };
+        _this.onInputBlur = function (event) {
+            _this.setState({
+                focus: false,
+            });
+            if (_this.props.onInputBlur) {
+                _this.props.onInputBlur(event);
+            }
+        };
+        _this.onSuggestionsFetchRequested = function (_a) {
+            var value = _a.value;
+            _this.setState({
+                suggestions: _this.getSuggestions(value),
+            });
+        };
+        _this.getSuggestions = function (value) {
+            if (value === void 0) { value = ''; }
+            var _a = _this.props, options = _a.options, allowNewOption = _a.allowNewOption;
+            var trimmedValue = value.trim();
+            if (trimmedValue === '') {
+                return options;
+            }
+            var regex = new RegExp('^' + trimmedValue, 'i');
+            var suggestions = options.filter(function (option) { return regex.test(option.name); });
+            var isExactMatch = !!options.find(function (option) { return option.name === trimmedValue; });
+            var addNewOption = allowNewOption && !isExactMatch
+                ? [{ name: trimmedValue, value: trimmedValue }]
+                : [];
+            if (_this.justFocused && suggestions.length < 2) {
+                return __spread(addNewOption, options);
+            }
+            return __spread(addNewOption, suggestions);
+        };
+        _this.onSuggestionsClearRequested = function () {
+            _this.setState({
+                suggestions: [],
+            });
+        };
+        _this.onSuggestionSelected = function (event, _a) {
+            var suggestion = _a.suggestion;
+            if (_this.props.onSuggestionSelected) {
+                _this.props.onSuggestionSelected(suggestion.value);
+            }
+        };
+        return _this;
+    }
+    ApSearchDropdown.prototype.componentDidUpdate = function (prevProps) {
+        var value = this.props.value;
+        if (value !== prevProps.value) {
+            this.setState({ value: value });
+        }
+    };
+    ApSearchDropdown.prototype.render = function () {
+        var _a = this.props, placeholder = _a.placeholder, className = _a.className, disabled = _a.disabled, withArrow = _a.withArrow;
+        var _b = this.state, focus = _b.focus, value = _b.value, suggestions = _b.suggestions;
+        var inputProps = {
+            onChange: this.onInputChange,
+            onFocus: this.onInputFocus,
+            onBlur: this.onInputBlur,
+            disabled: disabled,
+            placeholder: placeholder,
+            value: value,
+        };
+        return (React.createElement(styles_1.Wrapper, { className: "ap-search-dropdown" + (className ? " " + className : '') },
+            React.createElement(Autosuggest, { suggestions: suggestions, onSuggestionsFetchRequested: this.onSuggestionsFetchRequested, onSuggestionsClearRequested: this.onSuggestionsClearRequested, getSuggestionValue: getSuggestionValue, renderSuggestion: renderSuggestion, onSuggestionSelected: this.onSuggestionSelected, inputProps: inputProps, highlightFirstSuggestion: true, focusInputOnSuggestionClick: false, shouldRenderSuggestions: function () { return true; } }),
+            withArrow && (React.createElement(styles_1.Arrow, { iconName: "baseline_arrow_drop_down", isFocus: focus }))));
+    };
+    ApSearchDropdown.defaultProps = {
+        allowNewOption: false,
+        placeholder: 'Select an option',
+        value: '',
+        withArrow: false,
+    };
+    return ApSearchDropdown;
+}(React.Component));
+exports.ApSearchDropdown = ApSearchDropdown;
 //# sourceMappingURL=ApSearchDropdown.js.map

package/dist/esm/components/ApSearchDropdown/index.js

@@ -1,14 +1,14 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !exports.hasOwnProperty(p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./ApSearchDropdown"), exports);
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !exports.hasOwnProperty(p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./ApSearchDropdown"), exports);
 //# sourceMappingURL=index.js.map

package/dist/esm/components/ApSearchDropdown/styles.js

@@ -1,18 +1,18 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Arrow = exports.Wrapper = void 0;
-var styled_components_1 = require("styled-components");
-var theme_1 = require("../../utils/theme");
-var ApIcon_1 = require("../ApIcon");
-exports.Wrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n\n  input,\n  div {\n    box-sizing: border-box;\n  }\n\n  .react-autosuggest__container {\n    position: relative;\n  }\n\n  .react-autosuggest__input {\n    width: 100%;\n    height: 32px;\n    padding: 8px;\n    font-weight: 300;\n    border: 1px solid ", ";\n    font-size: 16px;\n    letter-spacing: 0.1px;\n    line-height: 24px;\n  }\n\n  .react-autosuggest__input--focused {\n    outline: none;\n  }\n\n  .react-autosuggest__input--open {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n  }\n\n  .react-autosuggest__suggestions-container {\n    display: none;\n  }\n\n  .react-autosuggest__suggestions-container--open {\n    display: block;\n    position: absolute;\n    top: 30px;\n    width: 100%;\n    border: 1px solid ", ";\n    background-color: ", ";\n    font-weight: 300;\n    font-size: 13px;\n    border-bottom-left-radius: 4px;\n    border-bottom-right-radius: 4px;\n    z-index: 2;\n    max-height: calc(100vh - 300px);\n    overflow: auto;\n  }\n\n  .react-autosuggest__suggestions-list {\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n  }\n\n  .react-autosuggest__suggestion {\n    cursor: pointer;\n    font-weight: 400;\n    padding: 8px;\n  }\n\n  .react-autosuggest__suggestion--highlighted {\n    background-color: ", ";\n  }\n"], ["\n  position: relative;\n\n  input,\n  div {\n    box-sizing: border-box;\n  }\n\n  .react-autosuggest__container {\n    position: relative;\n  }\n\n  .react-autosuggest__input {\n    width: 100%;\n    height: 32px;\n    padding: 8px;\n    font-weight: 300;\n    border: 1px solid ", ";\n    font-size: 16px;\n    letter-spacing: 0.1px;\n    line-height: 24px;\n  }\n\n  .react-autosuggest__input--focused {\n    outline: none;\n  }\n\n  .react-autosuggest__input--open {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n  }\n\n  .react-autosuggest__suggestions-container {\n    display: none;\n  }\n\n  .react-autosuggest__suggestions-container--open {\n    display: block;\n    position: absolute;\n    top: 30px;\n    width: 100%;\n    border: 1px solid ", ";\n    background-color: ", ";\n    font-weight: 300;\n    font-size: 13px;\n    border-bottom-left-radius: 4px;\n    border-bottom-right-radius: 4px;\n    z-index: 2;\n    max-height: calc(100vh - 300px);\n    overflow: auto;\n  }\n\n  .react-autosuggest__suggestions-list {\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n  }\n\n  .react-autosuggest__suggestion {\n    cursor: pointer;\n    font-weight: 400;\n    padding: 8px;\n  }\n\n  .react-autosuggest__suggestion--highlighted {\n    background-color: ", ";\n  }\n"])), theme_1.colors.grey3, theme_1.colors.grey3, theme_1.colors.white, theme_1.colors.grey2);
-exports.Arrow = styled_components_1.default(ApIcon_1.ApIcon)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  position: absolute;\n  right: 4px;\n  top: 0;\n  color: ", ";\n  ", "\n"], ["\n  position: absolute;\n  right: 4px;\n  top: 0;\n  color: ", ";\n  ",
-    "\n"])), theme_1.colors.grey4, function (_a) {
-    var isFocus = _a.isFocus;
-    return isFocus && styled_components_1.css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n        transform: rotate(180deg);\n      "], ["\n        transform: rotate(180deg);\n      "])));
-});
-var templateObject_1, templateObject_2, templateObject_3;
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Arrow = exports.Wrapper = void 0;
+var styled_components_1 = require("styled-components");
+var theme_1 = require("../../utils/theme");
+var ApIcon_1 = require("../ApIcon");
+exports.Wrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n\n  input,\n  div {\n    box-sizing: border-box;\n  }\n\n  .react-autosuggest__container {\n    position: relative;\n  }\n\n  .react-autosuggest__input {\n    width: 100%;\n    height: 32px;\n    padding: 8px;\n    font-weight: 300;\n    border: 1px solid ", ";\n    font-size: 16px;\n    letter-spacing: 0.1px;\n    line-height: 24px;\n  }\n\n  .react-autosuggest__input--focused {\n    outline: none;\n  }\n\n  .react-autosuggest__input--open {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n  }\n\n  .react-autosuggest__suggestions-container {\n    display: none;\n  }\n\n  .react-autosuggest__suggestions-container--open {\n    display: block;\n    position: absolute;\n    top: 30px;\n    width: 100%;\n    border: 1px solid ", ";\n    background-color: ", ";\n    font-weight: 300;\n    font-size: 13px;\n    border-bottom-left-radius: 4px;\n    border-bottom-right-radius: 4px;\n    z-index: 2;\n    max-height: calc(100vh - 300px);\n    overflow: auto;\n  }\n\n  .react-autosuggest__suggestions-list {\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n  }\n\n  .react-autosuggest__suggestion {\n    cursor: pointer;\n    font-weight: 400;\n    padding: 8px;\n  }\n\n  .react-autosuggest__suggestion--highlighted {\n    background-color: ", ";\n  }\n"], ["\n  position: relative;\n\n  input,\n  div {\n    box-sizing: border-box;\n  }\n\n  .react-autosuggest__container {\n    position: relative;\n  }\n\n  .react-autosuggest__input {\n    width: 100%;\n    height: 32px;\n    padding: 8px;\n    font-weight: 300;\n    border: 1px solid ", ";\n    font-size: 16px;\n    letter-spacing: 0.1px;\n    line-height: 24px;\n  }\n\n  .react-autosuggest__input--focused {\n    outline: none;\n  }\n\n  .react-autosuggest__input--open {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n  }\n\n  .react-autosuggest__suggestions-container {\n    display: none;\n  }\n\n  .react-autosuggest__suggestions-container--open {\n    display: block;\n    position: absolute;\n    top: 30px;\n    width: 100%;\n    border: 1px solid ", ";\n    background-color: ", ";\n    font-weight: 300;\n    font-size: 13px;\n    border-bottom-left-radius: 4px;\n    border-bottom-right-radius: 4px;\n    z-index: 2;\n    max-height: calc(100vh - 300px);\n    overflow: auto;\n  }\n\n  .react-autosuggest__suggestions-list {\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n  }\n\n  .react-autosuggest__suggestion {\n    cursor: pointer;\n    font-weight: 400;\n    padding: 8px;\n  }\n\n  .react-autosuggest__suggestion--highlighted {\n    background-color: ", ";\n  }\n"])), theme_1.colors.grey3, theme_1.colors.grey3, theme_1.colors.white, theme_1.colors.grey2);
+exports.Arrow = styled_components_1.default(ApIcon_1.ApIcon)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  position: absolute;\n  right: 4px;\n  top: 0;\n  color: ", ";\n  ", "\n"], ["\n  position: absolute;\n  right: 4px;\n  top: 0;\n  color: ", ";\n  ",
+    "\n"])), theme_1.colors.grey4, function (_a) {
+    var isFocus = _a.isFocus;
+    return isFocus && styled_components_1.css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n        transform: rotate(180deg);\n      "], ["\n        transform: rotate(180deg);\n      "])));
+});
+var templateObject_1, templateObject_2, templateObject_3;
 //# sourceMappingURL=styles.js.map

package/dist/esm/components/ApSecondaryNav/ApSecondaryNav.js

@@ -1,35 +1,35 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ApSecondaryNav = void 0;
-var React = require("react");
-var ApSecondaryNav_styles_1 = require("./ApSecondaryNav.styles");
-exports.ApSecondaryNav = function (_a) {
-    var left = _a.left, right = _a.right, props = __rest(_a, ["left", "right"]);
-    return (React.createElement(ApSecondaryNav_styles_1.Container, __assign({}, props),
-        React.createElement(ApSecondaryNav_styles_1.Wrapper, null,
-            left,
-            React.createElement(ApSecondaryNav_styles_1.ControlsWrapper, null, right))));
-};
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ApSecondaryNav = void 0;
+var React = require("react");
+var ApSecondaryNav_styles_1 = require("./ApSecondaryNav.styles");
+exports.ApSecondaryNav = function (_a) {
+    var left = _a.left, right = _a.right, props = __rest(_a, ["left", "right"]);
+    return (React.createElement(ApSecondaryNav_styles_1.Container, __assign({}, props),
+        React.createElement(ApSecondaryNav_styles_1.Wrapper, null,
+            left,
+            React.createElement(ApSecondaryNav_styles_1.ControlsWrapper, null, right))));
+};
 //# sourceMappingURL=ApSecondaryNav.js.map

package/dist/esm/components/ApSecondaryNav/ApSecondaryNav.styles.js

@@ -1,17 +1,17 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ControlsWrapper = exports.Wrapper = exports.Container = void 0;
-var styled_components_1 = require("styled-components");
-var theme_1 = require("../../utils/theme");
-exports.Container = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  background-color: ", ";\n  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);\n  box-sizing: border-box;\n  padding: 0px ", ";\n  left: 0px;\n  right: 0px;\n  top: 0px;\n  position: relative;\n  z-index: ", ";\n  ", ": {\n    padding: 0px 40px;\n  }\n"], ["\n  width: 100%;\n  background-color: ", ";\n  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);\n  box-sizing: border-box;\n  padding: 0px ", ";\n  left: 0px;\n  right: 0px;\n  top: 0px;\n  position: relative;\n  z-index: ", ";\n  ", ": {\n    padding: 0px 40px;\n  }\n"])), theme_1.colors.white, theme_1.scaffolding.md, function (_a) {
-    var zIndex = _a.zIndex;
-    return (zIndex != null ? zIndex : 2);
-}, [theme_1.mediaQuery(theme_1.breakpoints.md)]);
-exports.Wrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  height: 56px;\n  display: flex;\n  align-items: center;\n  background-color: ", ";\n  z-index: 1;\n  max-width: 1600px;\n  width: 100%;\n  margin: 0px auto;\n"], ["\n  height: 56px;\n  display: flex;\n  align-items: center;\n  background-color: ", ";\n  z-index: 1;\n  max-width: 1600px;\n  width: 100%;\n  margin: 0px auto;\n"])), theme_1.colors.white);
-exports.ControlsWrapper = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  margin-left: auto;\n\n  > button {\n    margin-left: 16px;\n  }\n  > button[disabled] svg {\n    fill: ", ";\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  margin-left: auto;\n\n  > button {\n    margin-left: 16px;\n  }\n  > button[disabled] svg {\n    fill: ", ";\n  }\n"])), theme_1.colors.grey5);
-var templateObject_1, templateObject_2, templateObject_3;
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ControlsWrapper = exports.Wrapper = exports.Container = void 0;
+var styled_components_1 = require("styled-components");
+var theme_1 = require("../../utils/theme");
+exports.Container = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  background-color: ", ";\n  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);\n  box-sizing: border-box;\n  padding: 0px ", ";\n  left: 0px;\n  right: 0px;\n  top: 0px;\n  position: relative;\n  z-index: ", ";\n  ", ": {\n    padding: 0px 40px;\n  }\n"], ["\n  width: 100%;\n  background-color: ", ";\n  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);\n  box-sizing: border-box;\n  padding: 0px ", ";\n  left: 0px;\n  right: 0px;\n  top: 0px;\n  position: relative;\n  z-index: ", ";\n  ", ": {\n    padding: 0px 40px;\n  }\n"])), theme_1.colors.white, theme_1.scaffolding.md, function (_a) {
+    var zIndex = _a.zIndex;
+    return (zIndex != null ? zIndex : 2);
+}, [theme_1.mediaQuery(theme_1.breakpoints.md)]);
+exports.Wrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  height: 56px;\n  display: flex;\n  align-items: center;\n  background-color: ", ";\n  z-index: 1;\n  max-width: 1600px;\n  width: 100%;\n  margin: 0px auto;\n"], ["\n  height: 56px;\n  display: flex;\n  align-items: center;\n  background-color: ", ";\n  z-index: 1;\n  max-width: 1600px;\n  width: 100%;\n  margin: 0px auto;\n"])), theme_1.colors.white);
+exports.ControlsWrapper = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  margin-left: auto;\n\n  > button {\n    margin-left: 16px;\n  }\n  > button[disabled] svg {\n    fill: ", ";\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  margin-left: auto;\n\n  > button {\n    margin-left: 16px;\n  }\n  > button[disabled] svg {\n    fill: ", ";\n  }\n"])), theme_1.colors.grey5);
+var templateObject_1, templateObject_2, templateObject_3;
 //# sourceMappingURL=ApSecondaryNav.styles.js.map

package/dist/esm/components/ApSecondaryNav/index.js

@@ -1,14 +1,14 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !exports.hasOwnProperty(p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./ApSecondaryNav"), exports);
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !exports.hasOwnProperty(p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./ApSecondaryNav"), exports);
 //# sourceMappingURL=index.js.map

package/dist/esm/components/ApSelect/ApSelect.js

@@ -1,38 +1,38 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ApSelect = void 0;
-var React = require("react");
-var ApIcon_1 = require("../ApIcon");
-var ApSelect_styles_1 = require("./ApSelect.styles");
-exports.ApSelect = function (_a) {
-    var disabled = _a.disabled, name = _a.name, onChange = _a.onChange, options = _a.options, placeholder = _a.placeholder, value = _a.value, props = __rest(_a, ["disabled", "name", "onChange", "options", "placeholder", "value"]);
-    return (React.createElement(ApSelect_styles_1.Wrapper, null,
-        React.createElement(ApSelect_styles_1.Arrow, null,
-            React.createElement(ApIcon_1.ApIcon, { iconName: "baseline_arrow_drop_down" })),
-        React.createElement(ApSelect_styles_1.Select, __assign({ disabled: disabled, id: "select-" + name, value: value, onChange: function (e) { onChange(e.target.value); } }, props),
-            placeholder ? React.createElement("option", { value: "", hidden: true }, placeholder) : null,
-            options.map(function (opt) { return (React.createElement("option", { key: "name-dropdown-" + opt.value + "-" + opt.label, value: opt.value }, opt.label)); }))));
-};
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ApSelect = void 0;
+var React = require("react");
+var ApIcon_1 = require("../ApIcon");
+var ApSelect_styles_1 = require("./ApSelect.styles");
+exports.ApSelect = function (_a) {
+    var disabled = _a.disabled, name = _a.name, onChange = _a.onChange, options = _a.options, placeholder = _a.placeholder, value = _a.value, props = __rest(_a, ["disabled", "name", "onChange", "options", "placeholder", "value"]);
+    return (React.createElement(ApSelect_styles_1.Wrapper, null,
+        React.createElement(ApSelect_styles_1.Arrow, null,
+            React.createElement(ApIcon_1.ApIcon, { iconName: "baseline_arrow_drop_down" })),
+        React.createElement(ApSelect_styles_1.Select, __assign({ disabled: disabled, id: "select-" + name, value: value, onChange: function (e) { onChange(e.target.value); } }, props),
+            placeholder ? React.createElement("option", { value: "", hidden: true }, placeholder) : null,
+            options.map(function (opt) { return (React.createElement("option", { key: "name-dropdown-" + opt.value + "-" + opt.label, value: opt.value }, opt.label)); }))));
+};
 //# sourceMappingURL=ApSelect.js.map

package/dist/esm/components/ApSelect/ApSelect.styles.js

@@ -1,14 +1,14 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Select = exports.Wrapper = exports.Arrow = void 0;
-var styled_components_1 = require("styled-components");
-var theme_1 = require("../../utils/theme");
-exports.Arrow = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    position: absolute;\n    width: 32px;\n    height: 40px;\n    right: 0;\n    display: flex;\n    justify-content: center;\n    align-items: center\n"], ["\n    position: absolute;\n    width: 32px;\n    height: 40px;\n    right: 0;\n    display: flex;\n    justify-content: center;\n    align-items: center\n"])));
-exports.Wrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    position: relative;\n    display: flex;\n"], ["\n    position: relative;\n    display: flex;\n"])));
-exports.Select = styled_components_1.default.select(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    height: 40px;\n    width: 100%;\n    min-width: 120px;\n    padding-right: 32px;\n    border: 1px solid ", ";\n    border-radius: 1px;\n    background-color: transparent;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    color: ", ";\n    font-size: 16px;\n    line-height: 24px;\n    appearance: none;\n    text-indent: 8px;\n    cursor: pointer;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    z-index: 1;\n    &:hover, &:focus {\n        border-color: ", ";\n        outline: none;\n    }\n    &:active {\n        border-color: ", ";\n        outline: none;\n    }\n    &:disabled {\n        pointer-events: none;\n        color: ", ";\n        border-color: ", ";\n    }\n"], ["\n    height: 40px;\n    width: 100%;\n    min-width: 120px;\n    padding-right: 32px;\n    border: 1px solid ", ";\n    border-radius: 1px;\n    background-color: transparent;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    color: ", ";\n    font-size: 16px;\n    line-height: 24px;\n    appearance: none;\n    text-indent: 8px;\n    cursor: pointer;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    z-index: 1;\n    &:hover, &:focus {\n        border-color: ", ";\n        outline: none;\n    }\n    &:active {\n        border-color: ", ";\n        outline: none;\n    }\n    &:disabled {\n        pointer-events: none;\n        color: ", ";\n        border-color: ", ";\n    }\n"])), theme_1.colors.grey4, theme_1.colors.grey8, theme_1.colors.green2, theme_1.colors.green3, theme_1.colors.grey5, theme_1.colors.grey2);
-var templateObject_1, templateObject_2, templateObject_3;
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Select = exports.Wrapper = exports.Arrow = void 0;
+var styled_components_1 = require("styled-components");
+var theme_1 = require("../../utils/theme");
+exports.Arrow = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    position: absolute;\n    width: 32px;\n    height: 40px;\n    right: 0;\n    display: flex;\n    justify-content: center;\n    align-items: center\n"], ["\n    position: absolute;\n    width: 32px;\n    height: 40px;\n    right: 0;\n    display: flex;\n    justify-content: center;\n    align-items: center\n"])));
+exports.Wrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    position: relative;\n    display: flex;\n"], ["\n    position: relative;\n    display: flex;\n"])));
+exports.Select = styled_components_1.default.select(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    height: 40px;\n    width: 100%;\n    min-width: 120px;\n    padding-right: 32px;\n    border: 1px solid ", ";\n    border-radius: 1px;\n    background-color: transparent;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    color: ", ";\n    font-size: 16px;\n    line-height: 24px;\n    appearance: none;\n    text-indent: 8px;\n    cursor: pointer;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    z-index: 1;\n    &:hover, &:focus {\n        border-color: ", ";\n        outline: none;\n    }\n    &:active {\n        border-color: ", ";\n        outline: none;\n    }\n    &:disabled {\n        pointer-events: none;\n        color: ", ";\n        border-color: ", ";\n    }\n"], ["\n    height: 40px;\n    width: 100%;\n    min-width: 120px;\n    padding-right: 32px;\n    border: 1px solid ", ";\n    border-radius: 1px;\n    background-color: transparent;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    color: ", ";\n    font-size: 16px;\n    line-height: 24px;\n    appearance: none;\n    text-indent: 8px;\n    cursor: pointer;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    z-index: 1;\n    &:hover, &:focus {\n        border-color: ", ";\n        outline: none;\n    }\n    &:active {\n        border-color: ", ";\n        outline: none;\n    }\n    &:disabled {\n        pointer-events: none;\n        color: ", ";\n        border-color: ", ";\n    }\n"])), theme_1.colors.grey4, theme_1.colors.grey8, theme_1.colors.green2, theme_1.colors.green3, theme_1.colors.grey5, theme_1.colors.grey2);
+var templateObject_1, templateObject_2, templateObject_3;
 //# sourceMappingURL=ApSelect.styles.js.map