@servicetitan/design-system 10.8.0 → 11.2.0

package/dist/components/AnvilSelect/components/SelectHeader.js

@@ -1,15 +1,3 @@
-"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)
@@ -21,97 +9,122 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AnvilSelectHeader = void 0;
-var react_1 = __importDefault(require("react"));
-var classnames_1 = __importDefault(require("classnames"));
-var BodyText_1 = require("../../BodyText");
-var Stack_1 = require("../../Stack");
-var Link_1 = require("../../Link");
-var Form_1 = require("../../Form");
-var Icon_1 = require("../../Icon");
-var Tag_1 = require("../../Tag");
-var utils_1 = require("../utils");
-var keyCodes_1 = require("../../../utilities/keyCodes");
-exports.AnvilSelectHeader = react_1.default.memo(function (_a) {
-    var className = _a.className, filter = _a.filter, filtersApplied = _a.filtersApplied, onFilterClick = _a.onFilterClick, search = _a.search, title = _a.title, closeSelectHandler = _a.closeSelectHandler, props = __rest(_a, ["className", "filter", "filtersApplied", "onFilterClick", "search", "title", "closeSelectHandler"]);
-    var _b = react_1.default.useContext(utils_1.FocusContext), focusState = _b.focusState, focusDispatch = _b.focusDispatch;
-    var searchFocus = focusState.searchFocus, filterFocus = focusState.filterFocus;
-    var filterRef = react_1.default.useRef(null);
-    react_1.default.useEffect(function () {
+import React from 'react';
+import classnames from 'classnames';
+import { BodyText } from '../../BodyText';
+import { Stack } from '../../Stack';
+import { Link } from '../../Link';
+import { Form } from '../../Form';
+import { Icon } from '../../Icon';
+import { Tag } from '../../Tag';
+import { focusFirstOption, focusLastOption, FocusContext, FocusActionType, } from '../utils';
+import { keys } from '../../../utilities/keyCodes';
+import { Tooltip } from '../../Tooltip';
+import { Button } from '../../Button';
+export const AnvilSelectHeader = React.memo((props) => {
+    const { className, filter, filtersApplied, onFilterClick, search, title, closeSelectHandler, clearable = true, onChange } = props, rest = __rest(props, ["className", "filter", "filtersApplied", "onFilterClick", "search", "title", "closeSelectHandler", "clearable", "onChange"]);
+    const { focusState, focusDispatch } = React.useContext(FocusContext);
+    const { searchFocus, filterFocus } = focusState;
+    const [searchValue, setSearchValue] = React.useState('');
+    const filterRef = React.useRef(null);
+    const searchInputRef = React.useRef(null);
+    React.useEffect(() => {
         var _a;
         filterFocus && ((_a = filterRef.current) === null || _a === void 0 ? void 0 : _a.focus());
     }, [filterFocus, filterRef]);
-    var handleKeyDown = function (e) {
+    const handleKeyDown = (e) => {
         var _a;
-        var target = e.target;
-        if (e.key === keyCodes_1.keys.esc) {
+        const target = e.target;
+        if (e.key === keys.esc) {
             e.preventDefault();
             closeSelectHandler();
             return;
         }
         if (target.nodeName === 'INPUT') {
-            if (e.key === keyCodes_1.keys.tab && e.shiftKey) {
+            if (e.key === keys.tab && e.shiftKey) {
                 e.preventDefault();
                 closeSelectHandler();
                 return;
             }
-            if (e.key === keyCodes_1.keys.down) {
+            if (e.key === keys.down) {
                 e.preventDefault();
-                (0, utils_1.focusFirstOption)(e.target, closeSelectHandler);
+                focusFirstOption(e.target, closeSelectHandler);
                 return;
             }
-            if (e.key === keyCodes_1.keys.up) {
+            if (e.key === keys.up) {
                 e.preventDefault();
-                (0, utils_1.focusLastOption)(e.target, closeSelectHandler);
+                focusLastOption(e.target, closeSelectHandler);
                 return;
             }
         }
-        if (e.key === keyCodes_1.keys.tab) {
+        if (e.key === keys.tab) {
+            if (!e.shiftKey &&
+                target.nodeName === 'INPUT' &&
+                clearable &&
+                !!searchValue) {
+                return;
+            }
             if (!e.shiftKey &&
                 target.nodeName !== 'INPUT' &&
-                !target.nextSibling) {
+                !target.nextSibling &&
+                !clearable) {
                 e.preventDefault();
-                (0, utils_1.focusFirstOption)(e.target, closeSelectHandler);
+                focusFirstOption(e.target, closeSelectHandler);
                 return;
             }
-            var searchSibling = (_a = target === null || target === void 0 ? void 0 : target.closest('.Select__search')) === null || _a === void 0 ? void 0 : _a.nextSibling;
+            const searchSibling = (_a = target === null || target === void 0 ? void 0 : target.closest('.Select__search')) === null || _a === void 0 ? void 0 : _a.nextSibling;
             if (!e.shiftKey &&
                 target.nodeName === 'INPUT' &&
                 !searchSibling) {
                 e.preventDefault();
-                (0, utils_1.focusFirstOption)(e.target, closeSelectHandler);
+                focusFirstOption(e.target, closeSelectHandler);
                 return;
             }
         }
         if (target.classList.contains('filter') &&
-            (e.key === keyCodes_1.keys.enter ||
-                e.key === keyCodes_1.keys.space ||
-                e.key === keyCodes_1.keys.down)) {
+            (e.key === keys.enter ||
+                e.key === keys.space ||
+                e.key === keys.down)) {
             onFilterClick(e);
         }
     };
-    var handleFocusSearchInput = function () {
+    const handleFocusSearchInput = () => {
         focusDispatch({
-            type: utils_1.FocusActionType.SetFocus,
+            type: FocusActionType.SetFocus,
             payload: { searchFocus: true },
         });
     };
-    var AnvilSelectHeaderClassNames = (0, classnames_1.default)('Select__header', className);
-    return (react_1.default.createElement("div", { className: AnvilSelectHeaderClassNames, onKeyDown: handleKeyDown },
-        title && (react_1.default.createElement(BodyText_1.BodyText, { className: "Select__title ff-display lh-1", bold: true, size: "small" }, title)),
-        react_1.default.createElement(Stack_1.Stack, { className: "Select__header-controls w-100" },
-            search && (react_1.default.createElement(Stack_1.Stack.Item, { fill: true, className: "Select__search" },
-                react_1.default.createElement(Form_1.Form, null,
-                    react_1.default.createElement(Form_1.Form.Input, __assign({ autoFocus: searchFocus, onFocus: handleFocusSearchInput, icon: "search", iconPosition: "left", size: "small" }, props))))),
-            filter && (react_1.default.createElement(Link_1.Link, { size: 2, className: "Select__filter d-f fs-2 fw-bold align-items-center", onClick: onFilterClick },
-                react_1.default.createElement("span", { className: "Select__focus filter", tabIndex: 0, ref: filterRef },
-                    react_1.default.createElement(Stack_1.Stack, { alignItems: "center" },
-                        react_1.default.createElement(Icon_1.Icon, { name: "funnel" }),
+    const clearClick = (e) => {
+        onChange === null || onChange === void 0 ? void 0 : onChange(e, { value: '' });
+        setSearchValue('');
+        searchInputRef.current.focus();
+    };
+    const onChangeHandler = (event, data) => {
+        setSearchValue(data.value);
+        onChange === null || onChange === void 0 ? void 0 : onChange(event, data);
+    };
+    const clearBtnClassNames = classnames('Select__search-clear', {
+        'Select__search-clear--loading': props.loading,
+    });
+    const getClearable = () => {
+        if (!clearable || !searchValue)
+            return;
+        return (React.createElement(Tooltip, { text: "Clear search", className: clearBtnClassNames, direction: "bl" },
+            React.createElement(Button, { xsmall: true, fill: "subtle", iconName: "clear", onClick: clearClick })));
+    };
+    const AnvilSelectHeaderClassNames = classnames('Select__header', className);
+    return (React.createElement("div", { className: AnvilSelectHeaderClassNames, onKeyDown: handleKeyDown },
+        title && (React.createElement(BodyText, { className: "Select__title ff-display lh-1", bold: true, size: "small" }, title)),
+        React.createElement(Stack, { className: "Select__header-controls w-100" },
+            search && (React.createElement(Stack.Item, { fill: true, className: "Select__search" },
+                React.createElement(Form, null,
+                    React.createElement(Form.Input, Object.assign({ autoFocus: searchFocus, onFocus: handleFocusSearchInput, icon: "search", iconPosition: "left", size: "small", onChange: onChangeHandler, value: searchValue, inputRef: searchInputRef }, rest))),
+                getClearable())),
+            filter && (React.createElement(Link, { size: 2, className: "Select__filter d-f fs-2 fw-bold align-items-center", onClick: onFilterClick },
+                React.createElement("span", { className: "Select__focus filter", ref: filterRef },
+                    React.createElement(Stack, { alignItems: "center" },
+                        React.createElement(Icon, { name: "funnel" }),
                         "Filter",
-                        filtersApplied > 0 && (react_1.default.createElement(Tag_1.Tag, { badge: true, compact: true, className: "m-l-half" }, filtersApplied)))))))));
+                        filtersApplied > 0 && (React.createElement(Tag, { badge: true, compact: true, className: "m-l-half" }, filtersApplied)))))))));
 });
 //# sourceMappingURL=SelectHeader.js.map

package/dist/components/AnvilSelect/components/SelectHeader.js.map

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

package/dist/components/AnvilSelect/components/SelectOptions.js

@@ -1,3 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};
 //# sourceMappingURL=SelectOptions.js.map

package/dist/components/AnvilSelect/components/Tree.js

@@ -1,3 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};
 //# sourceMappingURL=Tree.js.map

package/dist/components/AnvilSelect/components/Trigger.css

@@ -1,4 +1,67 @@
 /* Hide element visually, keeping it focusable (with keyboard) and available for screen-readers */
+/* Variables */
+/* Form Sizes */
+.Form--mini {
+  font-size: 0.8125rem;
+}
+
+.Form--tiny {
+  font-size: 0.875rem;
+}
+
+.Form--small {
+  font-size: 0.9375rem;
+}
+
+.Form--medium {
+  font-size: 1rem;
+}
+
+.Form--large {
+  font-size: 1.125rem;
+}
+
+.Form--big {
+  font-size: 1.3125rem;
+}
+
+.Form--huge {
+  font-size: 1.4375rem;
+}
+
+.Form--massive {
+  font-size: 1.6875rem;
+}
+
+/* Stretching of Input when placed in a Field */
+.Form .FormField .Input,
+.Form .FormGroup .FormField .Input {
+  width: 100%;
+}
+
+/* Global variables for Input, TextArea, Select */
+/* FormField error */
+/* Backward compatibility with Semantic.React Fields */
+.Fields.Fields--error .Field .Input > input,
+.Fields.Fields--error .Field .TextArea,
+.Field.Field--error .Input > input,
+.Field.Field--error .TextArea {
+  background-color: #ffece9;
+  border-color: #e63717;
+  color: #e63717;
+  box-shadow: none;
+}
+.Fields.Fields--error .Field .Input > input:focus,
+.Fields.Fields--error .Field .TextArea:focus,
+.Field.Field--error .Input > input:focus,
+.Field.Field--error .TextArea:focus {
+  background-color: #ffece9;
+  border-color: #e63717;
+  color: #e63717;
+  box-shadow: none;
+  -webkit-appearance: none;
+}
+
 /* OptionList overrides specific to the Select */
 .a-Select {
   /* Set color on root of component. It can be overridden after the @include */
@@ -19,6 +82,29 @@
   width: 100%;
 }
 
+.Select__search-clear {
+  position: absolute;
+  right: 4px;
+  top: 4px;
+}
+.Select__search-clear.Select__search-clear--loading {
+  right: calc(32px + 4px);
+}
+.Select__search-clear .Button.Button--icon-only {
+  border-radius: 50%;
+  margin-top: 1px;
+  padding: 1px 4px;
+}
+.Select__search-clear .Button.Button--icon-only::before {
+  border-radius: 50%;
+}
+.Select__search-clear .Button.Button--icon-only .Button__icon svg {
+  width: 14px;
+}
+
+.Select__search {
+  position: relative;
+}
 .Select__search .Input.Input--small input {
   font-size: 14px;
   padding-top: 4px;
@@ -69,69 +155,6 @@
   margin-bottom: -8px;
 }
 
-/* Variables */
-/* Form Sizes */
-.Form--mini {
-  font-size: 0.8125rem;
-}
-
-.Form--tiny {
-  font-size: 0.875rem;
-}
-
-.Form--small {
-  font-size: 0.9375rem;
-}
-
-.Form--medium {
-  font-size: 1rem;
-}
-
-.Form--large {
-  font-size: 1.125rem;
-}
-
-.Form--big {
-  font-size: 1.3125rem;
-}
-
-.Form--huge {
-  font-size: 1.4375rem;
-}
-
-.Form--massive {
-  font-size: 1.6875rem;
-}
-
-/* Stretching of Input when placed in a Field */
-.Form .FormField .Input,
-.Form .FormGroup .FormField .Input {
-  width: 100%;
-}
-
-/* Global variables for Input, TextArea, Select */
-/* FormField error */
-/* Backward compatibility with Semantic.React Fields */
-.Fields.Fields--error .Field .Input > input,
-.Fields.Fields--error .Field .TextArea,
-.Field.Field--error .Input > input,
-.Field.Field--error .TextArea {
-  background-color: #ffece9;
-  border-color: #e63717;
-  color: #e63717;
-  box-shadow: none;
-}
-.Fields.Fields--error .Field .Input > input:focus,
-.Fields.Fields--error .Field .TextArea:focus,
-.Field.Field--error .Input > input:focus,
-.Field.Field--error .TextArea:focus {
-  background-color: #ffece9;
-  border-color: #e63717;
-  color: #e63717;
-  box-shadow: none;
-  -webkit-appearance: none;
-}
-
 .Trigger {
   /* Set color on root of component. It can be overridden after the @include */
   color: #141414;

package/dist/components/AnvilSelect/components/Trigger.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../../src/utilities/_visually-hidden.scss","../../../../src/components/AnvilSelect/AnvilSelect.scss","../../../../src/utilities/_component-reset.scss","../../../../node_modules/@servicetitan/tokens/dist/tokens.scss","../../../../src/components/Form/Form.scss","../../../../src/components/AnvilSelect/components/Trigger.scss"],"names":[],"mappings":"AAAA;ACGA;AACA;ACHC;EACA,OCiBa;ADfb;EACA;;;ADKC;EACC;;AAGD;EACC;EACA;;;AAKH;EACC;;;AAIA;EACC,WEyGY;EFxGZ,aEqGa;EFpGb,gBEoGa;;AFjGd;EACC,aEyFU;;;AFrFZ;EACC;;AAEA;EACC,YEiFU;;;AF7EZ;EACC,WEsFa;;AFpFb;EACC;;;AAIF;EACC;;AAEA;EACC;EACA;;AAEA;EAAwB,aEqEX;;AFlEd;EAAmB;;;AAKnB;AAAA;EAA8B;;AAE9B;AAAA;EACC;;AAGD;AAAA;EACC;;;AGxEF;AAQA;AACA;EAAc;;;AACd;EAAc;;;AACd;EAAe;;;AACf;EAAgB;;;AAChB;EAAe;;;AACf;EAAa;;;AACb;EAAc;;;AACd;EAAiB;;;AAEjB;AAGC;AAAA;EAAS;;;AAGV;AA+BA;AAOA;AAGC;AAAA;AAAA;AAAA;EAEC,kBDec;ECdd,cDkBc;ECjBd,ODiBc;EChBd;;AAGD;AAAA;AAAA;AAAA;EAEC,kBDOc;ECNd,cDUc;ECTd,ODSc;ECRd;EACA;;;AClEF;AHfC;EACA,OCiBa;ADfb;EACA;EGcA;EACA;EACA,YFHa;EEIb,eFdiB;EEejB;EACA,OFLa;EEMb;EACA;EACA;;AAEA;EAEC,cFXW;EEYX,YFsFa;EErFb;;AAGD;EAAY;;AAEZ;EAAO;;AAEP;EACC,ODTwB;ECUxB,aFiGiB;;AE9FlB;EAAyC,ODiBV;;ACf/B;EACC;EACA;EACA;;AAEA;EACC;;AAGD;EAAoB;;;AAItB;EAAoB;;;AACpB;EAAoB;;;AAEpB;EACC,cF5CY;;AE6CZ;EAAmB,cFwBJ;;;AErBhB;EACC,cFoBe;EEnBf,OFmBe;EElBf,kBFce;;AEZf;EAEC,cFcc;EEbd;;AAGD;AAAA;EACU,OFrDC;;;AEwDZ;EACC;EACA,SFyBkB;EExBlB,kBFhDkB;;AEkDlB;EACC,kBFJc;;AEMd;EACC,OFHa;;AEOf;EACC;;;AAIF;EACC;EACA,YDpD8B;ECqD9B,OF5DkB;EE6DlB;EACA;EACA;EACA;;AAEA;EAAsB,cAhGN;;AAiGhB;EAAsB,cApGN;;AAsGhB;EACC,kBF7Bc;EE8Bd,OF1Bc;EE2Bd,cF3Bc;;AE8Bf;EAEC,cFrGW;;;AEyGb;EACC;EACA;;AAEA;EAAsB;;AACtB;EAAsB;;AAEtB;EAEC,oBFlHW;;AEqHZ;EAEC,oBFlDc;;;AEsDhB;EACC;EACA;;AAEA;EAAsB;;AACtB;EAAsB;;AAEtB;EAEC,oBFpIW;;AEuIZ;EAEC,oBFpEc;;;AEwEhB;EACC;EACA;EACA;EACA,cF5CW;;;AE+CZ;EACC;EACA,OF9HkB;;AEgIlB;EAAoB,OFjJT;;;AEoJZ;EACC","file":"Trigger.css"}
+{"version":3,"sourceRoot":"","sources":["../../../../src/utilities/_visually-hidden.scss","../../../../src/components/Form/Form.scss","../../../../node_modules/@servicetitan/tokens/dist/tokens.scss","../../../../src/components/AnvilSelect/AnvilSelect.scss","../../../../src/utilities/_component-reset.scss","../../../../src/components/AnvilSelect/components/Trigger.scss"],"names":[],"mappings":"AAAA;ACGA;AAQA;AACA;EAAc;;;AACd;EAAc;;;AACd;EAAe;;;AACf;EAAgB;;;AAChB;EAAe;;;AACf;EAAa;;;AACb;EAAc;;;AACd;EAAiB;;;AAEjB;AAGC;AAAA;EAAS;;;AAGV;AA+BA;AAOA;AAGC;AAAA;AAAA;AAAA;EAEC,kBCec;EDdd,cCkBc;EDjBd,OCiBc;EDhBd;;AAGD;AAAA;AAAA;AAAA;EAEC,kBCOc;EDNd,cCUc;EDTd,OCSc;EDRd;EACA;;;AE9EF;AACA;ACJC;EACA,OFiBa;AEfb;EACA;;;ADMC;EACC;;AAGD;EACC;EACA;;;AAKH;EACC;;;AAGD;EACC;EACA,ODsGc;ECrGd,KDqGc;;ACnGd;EACC;;AAGD;EACC,eDzBuB;EC0BvB;EACA;;AAEA;EACC,eD9BsB;;ACiCvB;EAAoB;;;AAItB;EACC;;AAEA;EACC,WDiFY;EChFZ,aD6Ea;EC5Eb,gBD4Ea;;ACzEd;EACC,aDiEU;;;AC7DZ;EACC;;AAEA;EACC,YDyDU;;;ACrDZ;EACC,WD8Da;;AC5Db;EACC;;;AAIF;EACC;;AAEA;EACC;EACA;;AAEA;EAAwB,aD6CX;;AC1Cd;EAAmB;;;AAKnB;AAAA;EAA8B;;AAE9B;AAAA;EACC;;AAGD;AAAA;EACC;;;AEpFF;ADfC;EACA,OFiBa;AEfb;EACA;ECcA;EACA;EACA,YHHa;EGIb,eHdiB;EGejB;EACA,OHLa;EGMb;EACA;EACA;;AAEA;EAEC,cHXW;EGYX,YHuFa;EGtFb;;AAGD;EAAY;;AAEZ;EAAO;;AAEP;EACC,OJTwB;EIUxB,aHkGiB;;AG/FlB;EAAyC,OJiBV;;AIf/B;EACC;EACA;EACA;;AAEA;EACC;;AAGD;EAAoB;;;AAItB;EAAoB;;;AACpB;EAAoB;;;AAEpB;EACC,cH5CY;;AG6CZ;EAAmB,cHwBJ;;;AGrBhB;EACC,cHoBe;EGnBf,OHmBe;EGlBf,kBHce;;AGZf;EAEC,cHcc;EGbd;;AAGD;AAAA;EACU,OHrDC;;;AGwDZ;EACC;EACA,SH0BkB;EGzBlB,kBHhDkB;;AGkDlB;EACC,kBHJc;;AGMd;EACC,OHHa;;AGOf;EACC;;;AAIF;EACC;EACA,YJpD8B;EIqD9B,OH5DkB;EG6DlB;EACA;EACA;EACA;;AAEA;EAAsB,cAhGN;;AAiGhB;EAAsB,cApGN;;AAsGhB;EACC,kBH7Bc;EG8Bd,OH1Bc;EG2Bd,cH3Bc;;AG8Bf;EAEC,cHrGW;;;AGyGb;EACC;EACA;;AAEA;EAAsB;;AACtB;EAAsB;;AAEtB;EAEC,oBHlHW;;AGqHZ;EAEC,oBHlDc;;;AGsDhB;EACC;EACA;;AAEA;EAAsB;;AACtB;EAAsB;;AAEtB;EAEC,oBHpIW;;AGuIZ;EAEC,oBHpEc;;;AGwEhB;EACC;EACA;EACA;EACA,cH3CW;;;AG8CZ;EACC;EACA,OH9HkB;;AGgIlB;EAAoB,OHjJT;;;AGoJZ;EACC","file":"Trigger.css"}