@servicetitan/design-system 10.8.0-beta.0 → 10.8.0

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.
Files changed (124) hide show
  1. package/dist/components/Backdrop/Backdrop.css +1 -6
  2. package/dist/components/Backdrop/Backdrop.css.map +1 -1
  3. package/dist/components/Backdrop/Backdrop.d.ts +0 -3
  4. package/dist/components/Backdrop/Backdrop.js +14 -14
  5. package/dist/components/Backdrop/Backdrop.js.map +1 -1
  6. package/dist/components/Backdrop/index.css +1 -6
  7. package/dist/components/Backdrop/index.css.map +1 -1
  8. package/dist/components/Button/Button.d.ts +1 -1
  9. package/dist/components/DateRangePicker/DateRangePicker.css +0 -1
  10. package/dist/components/DateRangePicker/DateRangePicker.css.map +1 -1
  11. package/dist/components/DateRangePicker/DateRangePicker.d.ts +16 -1
  12. package/dist/components/DateRangePicker/DateRangePicker.js +53 -39
  13. package/dist/components/DateRangePicker/DateRangePicker.js.map +1 -1
  14. package/dist/components/DateRangePicker/DateRangePicker.test.js +9 -9
  15. package/dist/components/DateRangePicker/DateRangePicker.test.js.map +1 -1
  16. package/dist/components/DateRangePicker/components/DateRangeInput.js +6 -6
  17. package/dist/components/DateRangePicker/components/DateRangeInput.js.map +1 -1
  18. package/dist/components/DateRangePicker/components/DateRangeOptionList.js +3 -2
  19. package/dist/components/DateRangePicker/components/DateRangeOptionList.js.map +1 -1
  20. package/dist/components/DateRangePicker/components/DateRangeTrigger.js +2 -2
  21. package/dist/components/DateRangePicker/components/DateRangeTrigger.js.map +1 -1
  22. package/dist/components/DateRangePicker/index.css +0 -1
  23. package/dist/components/DateRangePicker/index.css.map +1 -1
  24. package/dist/components/DateRangePicker/utils/checkScope.js +1 -1
  25. package/dist/components/DateRangePicker/utils/checkScope.js.map +1 -1
  26. package/dist/components/DateRangePicker/utils/index.d.ts +0 -1
  27. package/dist/components/DateRangePicker/utils/index.js +0 -1
  28. package/dist/components/DateRangePicker/utils/index.js.map +1 -1
  29. package/dist/components/Dialog/Dialog.d.ts +3 -3
  30. package/dist/components/Dialog/Dialog.js +2 -2
  31. package/dist/components/Dialog/Dialog.js.map +1 -1
  32. package/dist/components/Drawer/Drawer.d.ts +3 -3
  33. package/dist/components/Drawer/Drawer.js +9 -15
  34. package/dist/components/Drawer/Drawer.js.map +1 -1
  35. package/dist/components/FilePicker/FilePicker.css +1 -1
  36. package/dist/components/FilePicker/index.css +1 -1
  37. package/dist/components/Link/Link.css +10 -4
  38. package/dist/components/Link/Link.css.map +1 -1
  39. package/dist/components/Link/Link.d.ts +2 -0
  40. package/dist/components/Link/Link.js +7 -19
  41. package/dist/components/Link/Link.js.map +1 -1
  42. package/dist/components/Link/index.css +10 -4
  43. package/dist/components/Link/index.css.map +1 -1
  44. package/dist/components/Modal/Modal.d.ts +3 -3
  45. package/dist/components/Modal/Modal.js +2 -2
  46. package/dist/components/Modal/Modal.js.map +1 -1
  47. package/dist/components/Modal/components.d.ts +2 -0
  48. package/dist/components/Modal/components.js +5 -2
  49. package/dist/components/Modal/components.js.map +1 -1
  50. package/dist/components/Popover/Popover.d.ts +3 -3
  51. package/dist/components/Popover/Popover.js +10 -3
  52. package/dist/components/Popover/Popover.js.map +1 -1
  53. package/dist/components/ProgressTracker/ProgressTrackerStep.css +2 -2
  54. package/dist/components/ProgressTracker/index.css +2 -2
  55. package/dist/components/Select/Select.css +1 -1
  56. package/dist/components/Select/index.css +1 -1
  57. package/dist/components/Snackbar/Snackbar.css +1 -1
  58. package/dist/components/Snackbar/index.css +1 -1
  59. package/dist/components/Tab/Tab.css +1 -0
  60. package/dist/components/Tab/Tab.css.map +1 -1
  61. package/dist/components/Tab/Tab.js +1 -1
  62. package/dist/components/Tab/Tab.js.map +1 -1
  63. package/dist/components/Tab/index.css +1 -0
  64. package/dist/components/Tab/index.css.map +1 -1
  65. package/dist/components/Table/GridMod.d.ts +4 -0
  66. package/dist/components/Table/GridMod.js +93 -0
  67. package/dist/components/Table/GridMod.js.map +1 -0
  68. package/dist/components/Table/Table.js +2 -1
  69. package/dist/components/Table/Table.js.map +1 -1
  70. package/dist/components/Takeover/Takeover.css +0 -4
  71. package/dist/components/Takeover/Takeover.css.map +1 -1
  72. package/dist/components/Takeover/Takeover.d.ts +3 -3
  73. package/dist/components/Takeover/Takeover.js +8 -17
  74. package/dist/components/Takeover/Takeover.js.map +1 -1
  75. package/dist/components/Takeover/TakeoverFooter.css +0 -4
  76. package/dist/components/Takeover/TakeoverFooter.css.map +1 -1
  77. package/dist/components/Takeover/TakeoverSection.css +0 -4
  78. package/dist/components/Takeover/TakeoverSection.css.map +1 -1
  79. package/dist/components/Takeover/index.css +0 -4
  80. package/dist/components/Takeover/index.css.map +1 -1
  81. package/dist/components/index.css +17 -20
  82. package/dist/components/index.css.map +1 -1
  83. package/dist/global/index.css +1 -1
  84. package/dist/global/version.css +1 -1
  85. package/dist/hooks/index.d.ts +1 -0
  86. package/dist/hooks/index.js +1 -0
  87. package/dist/hooks/index.js.map +1 -1
  88. package/dist/hooks/useFocusScope.d.ts +16 -0
  89. package/dist/hooks/useFocusScope.js +89 -0
  90. package/dist/hooks/useFocusScope.js.map +1 -0
  91. package/dist/internal/Popper/Popper.css +0 -7
  92. package/dist/internal/Popper/Popper.css.map +1 -1
  93. package/dist/internal/Popper/Popper.d.ts +0 -3
  94. package/dist/internal/Popper/Popper.js +8 -19
  95. package/dist/internal/Popper/Popper.js.map +1 -1
  96. package/dist/internal/Popper/index.css +0 -7
  97. package/dist/internal/Popper/index.css.map +1 -1
  98. package/dist/internal/index.css +0 -7
  99. package/dist/internal/index.css.map +1 -1
  100. package/dist/system-light.css +5 -12
  101. package/dist/system-light.css.map +1 -1
  102. package/dist/system-light.min.css +1 -1
  103. package/dist/system.css +26 -36
  104. package/dist/system.css.map +1 -1
  105. package/dist/system.min.css +2 -2
  106. package/dist/themes/index.css +4 -4
  107. package/dist/themes/kendo/index.css +4 -4
  108. package/dist/{components/DateRangePicker/utils → utilities}/dateFormat.d.ts +0 -0
  109. package/dist/{components/DateRangePicker/utils → utilities}/dateFormat.js +0 -0
  110. package/dist/utilities/dateFormat.js.map +1 -0
  111. package/dist/utilities/focus-utils.d.ts +4 -0
  112. package/dist/utilities/focus-utils.js +49 -0
  113. package/dist/utilities/focus-utils.js.map +1 -0
  114. package/dist/utilities/index.d.ts +2 -1
  115. package/dist/utilities/index.js +2 -1
  116. package/dist/utilities/index.js.map +1 -1
  117. package/package.json +9 -9
  118. package/dist/components/DateRangePicker/utils/dateFormat.js.map +0 -1
  119. package/dist/utilities/FocusTrap/FocusTrap.d.ts +0 -7
  120. package/dist/utilities/FocusTrap/FocusTrap.js +0 -70
  121. package/dist/utilities/FocusTrap/FocusTrap.js.map +0 -1
  122. package/dist/utilities/FocusTrap/index.d.ts +0 -1
  123. package/dist/utilities/FocusTrap/index.js +0 -14
  124. package/dist/utilities/FocusTrap/index.js.map +0 -1
@@ -6961,7 +6961,7 @@ kendo-badge-container {
6961
6961
  }
6962
6962
  .k-calendar .k-calendar-td:hover .k-link,
6963
6963
  .k-calendar .k-calendar-td.k-state-hover .k-link {
6964
- border-color: #9e9ea0;
6964
+ border-color: #949596;
6965
6965
  color: #444445;
6966
6966
  background-color: #eeeeee;
6967
6967
  }
@@ -9896,7 +9896,7 @@ kendo-label.k-radio-label > .k-label {
9896
9896
  }
9897
9897
 
9898
9898
  .k-switch:hover .k-switch-container, .k-switch.k-state-hover .k-switch-container {
9899
- box-shadow: inset 0 0 0 1px #9e9ea0;
9899
+ box-shadow: inset 0 0 0 1px #949596;
9900
9900
  }
9901
9901
  .k-switch:focus .k-switch-container, .k-switch.k-state-focused .k-switch-container {
9902
9902
  outline: none;
@@ -9921,7 +9921,7 @@ kendo-label.k-radio-label > .k-label {
9921
9921
  background-color: #eb5b51;
9922
9922
  }
9923
9923
  .k-switch-on:hover .k-switch-handle, .k-switch-on.k-state-hover .k-switch-handle {
9924
- border-color: #9e9ea0;
9924
+ border-color: #949596;
9925
9925
  color: #ffffff;
9926
9926
  background-color: #ededed;
9927
9927
  }
@@ -9943,7 +9943,7 @@ kendo-label.k-radio-label > .k-label {
9943
9943
  background-color: #ffffff;
9944
9944
  }
9945
9945
  .k-switch-off:hover .k-switch-handle, .k-switch-off.k-state-hover .k-switch-handle {
9946
- border-color: #9e9ea0;
9946
+ border-color: #949596;
9947
9947
  color: #424242;
9948
9948
  background-color: #ededed;
9949
9949
  }
@@ -6961,7 +6961,7 @@ kendo-badge-container {
6961
6961
  }
6962
6962
  .k-calendar .k-calendar-td:hover .k-link,
6963
6963
  .k-calendar .k-calendar-td.k-state-hover .k-link {
6964
- border-color: #9e9ea0;
6964
+ border-color: #949596;
6965
6965
  color: #444445;
6966
6966
  background-color: #eeeeee;
6967
6967
  }
@@ -9896,7 +9896,7 @@ kendo-label.k-radio-label > .k-label {
9896
9896
  }
9897
9897
 
9898
9898
  .k-switch:hover .k-switch-container, .k-switch.k-state-hover .k-switch-container {
9899
- box-shadow: inset 0 0 0 1px #9e9ea0;
9899
+ box-shadow: inset 0 0 0 1px #949596;
9900
9900
  }
9901
9901
  .k-switch:focus .k-switch-container, .k-switch.k-state-focused .k-switch-container {
9902
9902
  outline: none;
@@ -9921,7 +9921,7 @@ kendo-label.k-radio-label > .k-label {
9921
9921
  background-color: #eb5b51;
9922
9922
  }
9923
9923
  .k-switch-on:hover .k-switch-handle, .k-switch-on.k-state-hover .k-switch-handle {
9924
- border-color: #9e9ea0;
9924
+ border-color: #949596;
9925
9925
  color: #ffffff;
9926
9926
  background-color: #ededed;
9927
9927
  }
@@ -9943,7 +9943,7 @@ kendo-label.k-radio-label > .k-label {
9943
9943
  background-color: #ffffff;
9944
9944
  }
9945
9945
  .k-switch-off:hover .k-switch-handle, .k-switch-off.k-state-hover .k-switch-handle {
9946
- border-color: #9e9ea0;
9946
+ border-color: #949596;
9947
9947
  color: #424242;
9948
9948
  background-color: #ededed;
9949
9949
  }
@@ -0,0 +1 @@
1
+ {"version":3,"file":"dateFormat.js","sourceRoot":"","sources":["../../src/utilities/dateFormat.ts"],"names":[],"mappings":";;;AAAO,IAAM,OAAO,GAAG,UAAC,IAAS;IAChC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,IAAI,YAAY,IAAI;QAAE,OAAO,IAAI,CAAC;IACtD,OAAO,IAAI,CAAC;AACb,CAAC,CAAC;AAHW,QAAA,OAAO,WAGlB;AAEK,IAAM,YAAY,GAAG,UAAC,IAAS;IACrC,OAAO,IAAA,eAAO,EAAC,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;AAChC,CAAC,CAAC;AAFW,QAAA,YAAY,gBAEvB;AAEF,oBAAY,CAAC,OAAO,GAAG,UAAC,IAAS;IAChC,IAAI,IAAI,KAAK,IAAI;QAAE,OAAO;IAC1B,IAAM,IAAI,GAAG,IAAI,IAAI,CAAC,cAAc,CAAC,IAAI,EAAE;QAC1C,IAAI,EAAE,SAAS;QACf,KAAK,EAAE,SAAS;QAChB,GAAG,EAAE,SAAS;KACd,CAAC,CAAC;IACH,OAAO,IAAI,CAAC,MAAM,CAAC,IAAA,oBAAY,EAAC,IAAI,CAAC,CAAC,CAAC;AACxC,CAAC,CAAC;AAEF,oBAAY,CAAC,UAAU,GAAG,UAAC,IAAS;IACnC,IAAI,IAAI,KAAK,IAAI;QAAE,OAAO;IAC1B,IAAM,IAAI,GAAG,IAAI,IAAI,CAAC,cAAc,CAAC,IAAI,EAAE;QAC1C,KAAK,EAAE,OAAO;QACd,GAAG,EAAE,SAAS;QACd,IAAI,EAAE,SAAS;KACf,CAAC,CAAC;IACH,OAAO,IAAI,CAAC,MAAM,CAAC,IAAA,oBAAY,EAAC,IAAI,CAAC,CAAC,CAAC;AACxC,CAAC,CAAC;AAEF,oBAAY,CAAC,UAAU,GAAG,UAAC,IAAS;IACnC,IAAM,UAAU,GAAG,IAAI,IAAI,CAAC,IAAW,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IAC9D,OAAO,IAAA,eAAO,EAAC,IAAI,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC;AACtC,CAAC,CAAC;AAEF,oBAAY,CAAC,QAAQ,GAAG,UAAC,IAAS;IACjC,IAAM,QAAQ,GAAG,IAAI,IAAI,CAAC,IAAW,CAAC,CAAC,QAAQ,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,CAAC,CAAC;IACjE,OAAO,IAAA,eAAO,EAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC;AACpC,CAAC,CAAC"}
@@ -0,0 +1,4 @@
1
+ export declare const getActiveElement: (element?: Element) => Element;
2
+ export declare const focusNext: (tabbables: Node[]) => void;
3
+ export declare const focusPrev: (tabbables: Node[]) => void;
4
+ export declare const tryFocus: (el: HTMLElement) => void;
@@ -0,0 +1,49 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.tryFocus = exports.focusPrev = exports.focusNext = exports.getActiveElement = void 0;
4
+ var getActiveElement = function (element) {
5
+ if (typeof window === 'undefined')
6
+ return null;
7
+ var currentActive = element !== null && element !== void 0 ? element : document.activeElement;
8
+ var shadowRoot = currentActive.shadowRoot;
9
+ var contentDocument = currentActive
10
+ .contentDocument;
11
+ if (shadowRoot === null || shadowRoot === void 0 ? void 0 : shadowRoot.activeElement)
12
+ return (0, exports.getActiveElement)(shadowRoot.activeElement);
13
+ if (contentDocument === null || contentDocument === void 0 ? void 0 : contentDocument.activeElement)
14
+ return (0, exports.getActiveElement)(contentDocument.activeElement);
15
+ return currentActive;
16
+ };
17
+ exports.getActiveElement = getActiveElement;
18
+ var getActiveIndex = function (tabbables) {
19
+ return tabbables.indexOf((0, exports.getActiveElement)());
20
+ };
21
+ var focusNext = function (tabbables) {
22
+ var nextNode = tabbables[getActiveIndex(tabbables) + 1] || tabbables[0];
23
+ (0, exports.tryFocus)(nextNode);
24
+ };
25
+ exports.focusNext = focusNext;
26
+ var focusPrev = function (tabbables) {
27
+ var prevNode = tabbables[getActiveIndex(tabbables) - 1] ||
28
+ tabbables[tabbables.length - 1];
29
+ (0, exports.tryFocus)(prevNode);
30
+ };
31
+ exports.focusPrev = focusPrev;
32
+ var tryFocus = function (el) {
33
+ if (el === document.activeElement)
34
+ return;
35
+ if (!el || !el.focus) {
36
+ return;
37
+ }
38
+ el.focus({ preventScroll: true }); // Configurable
39
+ if (isSelectableInput(el)) {
40
+ el.select();
41
+ }
42
+ };
43
+ exports.tryFocus = tryFocus;
44
+ var isSelectableInput = function (el) {
45
+ var _a;
46
+ return ((_a = el.tagName) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === 'input' &&
47
+ typeof el.select === 'function';
48
+ };
49
+ //# sourceMappingURL=focus-utils.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"focus-utils.js","sourceRoot":"","sources":["../../src/utilities/focus-utils.ts"],"names":[],"mappings":";;;AAAO,IAAM,gBAAgB,GAAG,UAAC,OAAiB;IACjD,IAAI,OAAO,MAAM,KAAK,WAAW;QAAE,OAAO,IAAI,CAAC;IAC/C,IAAM,aAAa,GAAG,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,QAAQ,CAAC,aAAa,CAAC;IACxD,IAAM,UAAU,GAAG,aAAa,CAAC,UAAU,CAAC;IAC5C,IAAM,eAAe,GAAI,aAAmC;SAC1D,eAAe,CAAC;IAElB,IAAI,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,aAAa;QAC5B,OAAO,IAAA,wBAAgB,EAAC,UAAU,CAAC,aAAa,CAAC,CAAC;IACnD,IAAI,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,aAAa;QACjC,OAAO,IAAA,wBAAgB,EAAC,eAAe,CAAC,aAAa,CAAC,CAAC;IAExD,OAAO,aAAa,CAAC;AACtB,CAAC,CAAC;AAbW,QAAA,gBAAgB,oBAa3B;AAEF,IAAM,cAAc,GAAG,UAAC,SAAiB;IACxC,OAAA,SAAS,CAAC,OAAO,CAAC,IAAA,wBAAgB,GAAE,CAAC;AAArC,CAAqC,CAAC;AAEhC,IAAM,SAAS,GAAG,UAAC,SAAiB;IAC1C,IAAM,QAAQ,GAAG,SAAS,CAAC,cAAc,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,IAAI,SAAS,CAAC,CAAC,CAAC,CAAC;IAC1E,IAAA,gBAAQ,EAAC,QAAuB,CAAC,CAAC;AACnC,CAAC,CAAC;AAHW,QAAA,SAAS,aAGpB;AAEK,IAAM,SAAS,GAAG,UAAC,SAAiB;IAC1C,IAAM,QAAQ,GACb,SAAS,CAAC,cAAc,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;QACxC,SAAS,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IAEjC,IAAA,gBAAQ,EAAC,QAAuB,CAAC,CAAC;AACnC,CAAC,CAAC;AANW,QAAA,SAAS,aAMpB;AAEK,IAAM,QAAQ,GAAG,UAAC,EAAe;IACvC,IAAI,EAAE,KAAK,QAAQ,CAAC,aAAa;QAAE,OAAO;IAC1C,IAAI,CAAC,EAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE;QACrB,OAAO;KACP;IACD,EAAE,CAAC,KAAK,CAAC,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,eAAe;IAClD,IAAI,iBAAiB,CAAC,EAAE,CAAC,EAAE;QACzB,EAAuB,CAAC,MAAM,EAAE,CAAC;KAClC;AACF,CAAC,CAAC;AATW,QAAA,QAAQ,YASnB;AAEF,IAAM,iBAAiB,GAAG,UAAC,EAAe;;IACzC,OAAA,CAAA,MAAA,EAAE,CAAC,OAAO,0CAAE,WAAW,EAAE,MAAK,OAAO;QACrC,OAAQ,EAAuB,CAAC,MAAM,KAAK,UAAU,CAAA;CAAA,CAAC"}
@@ -1,9 +1,10 @@
1
1
  export * from './color-utils';
2
+ export * from './dateFormat';
2
3
  export * from './debounce';
3
4
  export * from './ConditionalWrapper';
4
5
  export * from './DefaultPortalContext';
5
6
  export * from './getContent';
6
- export * from './FocusTrap';
7
+ export * from './focus-utils';
7
8
  export * from './isElementOfType';
8
9
  export * from './justify-props';
9
10
  export * from './keyCodes';
@@ -11,11 +11,12 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
11
11
  };
12
12
  Object.defineProperty(exports, "__esModule", { value: true });
13
13
  __exportStar(require("./color-utils"), exports);
14
+ __exportStar(require("./dateFormat"), exports);
14
15
  __exportStar(require("./debounce"), exports);
15
16
  __exportStar(require("./ConditionalWrapper"), exports);
16
17
  __exportStar(require("./DefaultPortalContext"), exports);
17
18
  __exportStar(require("./getContent"), exports);
18
- __exportStar(require("./FocusTrap"), exports);
19
+ __exportStar(require("./focus-utils"), exports);
19
20
  __exportStar(require("./isElementOfType"), exports);
20
21
  __exportStar(require("./justify-props"), exports);
21
22
  __exportStar(require("./keyCodes"), exports);
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utilities/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,gDAA8B;AAC9B,6CAA2B;AAC3B,uDAAqC;AACrC,yDAAuC;AACvC,+CAA6B;AAC7B,8CAA4B;AAC5B,oDAAkC;AAClC,kDAAgC;AAChC,6CAA2B;AAC3B,mDAAiC;AACjC,kDAAgC;AAChC,2DAAyC;AACzC,iDAA+B;AAC/B,sDAAoC;AACpC,kDAAgC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utilities/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,gDAA8B;AAC9B,+CAA6B;AAC7B,6CAA2B;AAC3B,uDAAqC;AACrC,yDAAuC;AACvC,+CAA6B;AAC7B,gDAA8B;AAC9B,oDAAkC;AAClC,kDAAgC;AAChC,6CAA2B;AAC3B,mDAAiC;AACjC,kDAAgC;AAChC,2DAAyC;AACzC,iDAA+B;AAC/B,sDAAoC;AACpC,kDAAgC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@servicetitan/design-system",
3
- "version": "10.8.0-beta.0",
3
+ "version": "10.8.0",
4
4
  "description": "",
5
5
  "homepage": "https://anvil.servicetitan.com",
6
6
  "repository": {
@@ -70,23 +70,23 @@
70
70
  "@progress/kendo-react-treeview": "~4.10.0",
71
71
  "@react-aria/focus": "^3.2.3",
72
72
  "@react-hook/window-size": "^3.0.7",
73
- "@servicetitan/anvil-fonts": "^10.8.0-beta.0",
74
- "@servicetitan/anvil-icons": "^10.8.0-beta.0",
75
- "@servicetitan/anvil-themes": "^10.8.0-beta.0",
76
- "@servicetitan/tokens": "^10.8.0-beta.0",
73
+ "@servicetitan/anvil-fonts": "^10.8.0",
74
+ "@servicetitan/anvil-icons": "^10.8.0",
75
+ "@servicetitan/anvil-themes": "^10.8.0",
76
+ "@servicetitan/tokens": "^10.8.0",
77
77
  "classnames": "2.3.1",
78
78
  "framer-motion": "4.1.17",
79
79
  "memoize-one": "5.2.1",
80
80
  "moment": "2.29.1",
81
81
  "nanoid": "3.1.25",
82
82
  "react-animate-height": "^2.0.22",
83
- "react-focus-lock": "^2.5.2",
84
83
  "react-input-mask": "2.0.4",
85
84
  "react-is": "17.0.2",
86
85
  "react-popper": "2.2.5",
87
86
  "react-textarea-autosize": "8.3.3",
88
87
  "react-transition-group": "4.4.2",
89
88
  "semantic-ui-react": "2.0.3",
89
+ "tabbable": "5.2.1",
90
90
  "tinycolor2": "1.4.2"
91
91
  },
92
92
  "peerDependencies": {
@@ -94,9 +94,9 @@
94
94
  "react-dom": "^16 || ^17"
95
95
  },
96
96
  "devDependencies": {
97
- "@lib/semantic": "^10.8.0-beta.0",
97
+ "@lib/semantic": "^10.8.0",
98
98
  "@progress/kendo-theme-default": "4.42.0",
99
- "@servicetitan/anvil-css-utilities": "^10.8.0-beta.0",
99
+ "@servicetitan/anvil-css-utilities": "^10.8.0",
100
100
  "@testing-library/jest-dom": "5.14.1",
101
101
  "@testing-library/react": "12.1.0",
102
102
  "@testing-library/user-event": "13.2.1",
@@ -123,5 +123,5 @@
123
123
  "ts-jest": "27.0.5",
124
124
  "typescript": "4.4.3"
125
125
  },
126
- "gitHead": "f9039ee9f7e90963a54614186611fb9efb9e1ea5"
126
+ "gitHead": "1a7961393b530e9bb0dee2c3b0311559fcb0f149"
127
127
  }
@@ -1 +0,0 @@
1
- {"version":3,"file":"dateFormat.js","sourceRoot":"","sources":["../../../../src/components/DateRangePicker/utils/dateFormat.ts"],"names":[],"mappings":";;;AAAO,IAAM,OAAO,GAAG,UAAC,IAAS;IAChC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,IAAI,YAAY,IAAI;QAAE,OAAO,IAAI,CAAC;IACtD,OAAO,IAAI,CAAC;AACb,CAAC,CAAC;AAHW,QAAA,OAAO,WAGlB;AAEK,IAAM,YAAY,GAAG,UAAC,IAAS;IACrC,OAAO,IAAA,eAAO,EAAC,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;AAChC,CAAC,CAAC;AAFW,QAAA,YAAY,gBAEvB;AAEF,oBAAY,CAAC,OAAO,GAAG,UAAC,IAAS;IAChC,IAAI,IAAI,KAAK,IAAI;QAAE,OAAO;IAC1B,IAAM,IAAI,GAAG,IAAI,IAAI,CAAC,cAAc,CAAC,IAAI,EAAE;QAC1C,IAAI,EAAE,SAAS;QACf,KAAK,EAAE,SAAS;QAChB,GAAG,EAAE,SAAS;KACd,CAAC,CAAC;IACH,OAAO,IAAI,CAAC,MAAM,CAAC,IAAA,oBAAY,EAAC,IAAI,CAAC,CAAC,CAAC;AACxC,CAAC,CAAC;AAEF,oBAAY,CAAC,UAAU,GAAG,UAAC,IAAS;IACnC,IAAI,IAAI,KAAK,IAAI;QAAE,OAAO;IAC1B,IAAM,IAAI,GAAG,IAAI,IAAI,CAAC,cAAc,CAAC,IAAI,EAAE;QAC1C,KAAK,EAAE,OAAO;QACd,GAAG,EAAE,SAAS;QACd,IAAI,EAAE,SAAS;KACf,CAAC,CAAC;IACH,OAAO,IAAI,CAAC,MAAM,CAAC,IAAA,oBAAY,EAAC,IAAI,CAAC,CAAC,CAAC;AACxC,CAAC,CAAC;AAEF,oBAAY,CAAC,UAAU,GAAG,UAAC,IAAS;IACnC,IAAM,UAAU,GAAG,IAAI,IAAI,CAAC,IAAW,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IAC9D,OAAO,IAAA,eAAO,EAAC,IAAI,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC;AACtC,CAAC,CAAC;AAEF,oBAAY,CAAC,QAAQ,GAAG,UAAC,IAAS;IACjC,IAAM,QAAQ,GAAG,IAAI,IAAI,CAAC,IAAW,CAAC,CAAC,QAAQ,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,CAAC,CAAC;IACjE,OAAO,IAAA,eAAO,EAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC;AACpC,CAAC,CAAC"}
@@ -1,7 +0,0 @@
1
- import { FC, RefObject } from 'react';
2
- export interface FocusTrapProps {
3
- shards?: (HTMLElement | RefObject<any>)[];
4
- disabled?: boolean;
5
- allowClickOutside?: boolean;
6
- }
7
- export declare const FocusTrap: FC<FocusTrapProps>;
@@ -1,70 +0,0 @@
1
- "use strict";
2
- var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
3
- if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
4
- if (ar || !(i in from)) {
5
- if (!ar) ar = Array.prototype.slice.call(from, 0, i);
6
- ar[i] = from[i];
7
- }
8
- }
9
- return to.concat(ar || Array.prototype.slice.call(from));
10
- };
11
- var __importDefault = (this && this.__importDefault) || function (mod) {
12
- return (mod && mod.__esModule) ? mod : { "default": mod };
13
- };
14
- Object.defineProperty(exports, "__esModule", { value: true });
15
- exports.FocusTrap = void 0;
16
- var react_1 = __importDefault(require("react"));
17
- var react_focus_lock_1 = __importDefault(require("react-focus-lock"));
18
- var FocusTrap = function (_a) {
19
- var shards = _a.shards, disabled = _a.disabled, children = _a.children, _b = _a.allowClickOutside, allowClickOutside = _b === void 0 ? true : _b;
20
- var _c = react_1.default.useState(disabled), disableTrap = _c[0], setDisableTrap = _c[1];
21
- var focusLockRef = react_1.default.useRef(null);
22
- function checkFocusElementContains(target) {
23
- var shardArray = shards ? __spreadArray([focusLockRef], shards, true) : [focusLockRef];
24
- var checker = shardArray.some(function (element) {
25
- if (element === null || element === void 0 ? void 0 : element.current.contains(target))
26
- return true;
27
- return false;
28
- });
29
- if (checker) {
30
- setDisableTrap(false);
31
- return;
32
- }
33
- setDisableTrap(true);
34
- }
35
- react_1.default.useEffect(function () {
36
- setDisableTrap(disabled);
37
- function handleClickOutside(event) {
38
- var _a, _b;
39
- var target = (_b = (_a = event.composedPath) === null || _a === void 0 ? void 0 : _a.call(event)[0]) !== null && _b !== void 0 ? _b : event.target;
40
- checkFocusElementContains(target);
41
- }
42
- // Bind the event listener
43
- if (disabled || !allowClickOutside)
44
- return;
45
- document.addEventListener('mousedown', handleClickOutside);
46
- return function () {
47
- // Unbind the event listener on clean up
48
- document.removeEventListener('mousedown', handleClickOutside);
49
- };
50
- // eslint-disable-next-line react-hooks/exhaustive-deps
51
- }, [disabled, allowClickOutside]);
52
- react_1.default.useEffect(function () {
53
- setDisableTrap(disabled);
54
- function handleKeyboardFocus() {
55
- checkFocusElementContains(document.activeElement);
56
- }
57
- // Bind the event listener
58
- if (disabled)
59
- return;
60
- document.addEventListener('keydown', handleKeyboardFocus);
61
- return function () {
62
- // Unbind the event listener on clean up
63
- document.removeEventListener('keydown', handleKeyboardFocus);
64
- };
65
- // eslint-disable-next-line react-hooks/exhaustive-deps
66
- }, [disabled]);
67
- return (react_1.default.createElement(react_focus_lock_1.default, { shards: shards, disabled: disableTrap, ref: focusLockRef }, children));
68
- };
69
- exports.FocusTrap = FocusTrap;
70
- //# sourceMappingURL=FocusTrap.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"FocusTrap.js","sourceRoot":"","sources":["../../../src/utilities/FocusTrap/FocusTrap.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,gDAA6C;AAC7C,sEAAyC;AAQlC,IAAM,SAAS,GAAuB,UAAC,EAK7C;QAJA,MAAM,YAAA,EACN,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,yBAAwB,EAAxB,iBAAiB,mBAAG,IAAI,KAAA;IAElB,IAAA,KAAgC,eAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAvD,WAAW,QAAA,EAAE,cAAc,QAA4B,CAAC;IAC/D,IAAM,YAAY,GAAG,eAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAExC,SAAS,yBAAyB,CAAC,MAAW;QAC7C,IAAM,UAAU,GAAG,MAAM,CAAC,CAAC,gBAAE,YAAY,GAAK,MAAM,QAAE,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC;QACvE,IAAM,OAAO,GAAG,UAAU,CAAC,IAAI,CAAC,UAAC,OAAY;YAC5C,IAAI,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC;gBAAE,OAAO,IAAI,CAAC;YACnD,OAAO,KAAK,CAAC;QACd,CAAC,CAAC,CAAC;QAEH,IAAI,OAAO,EAAE;YACZ,cAAc,CAAC,KAAK,CAAC,CAAC;YACtB,OAAO;SACP;QACD,cAAc,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC;IAED,eAAK,CAAC,SAAS,CAAC;QACf,cAAc,CAAC,QAAQ,CAAC,CAAC;QAEzB,SAAS,kBAAkB,CAAC,KAAiB;;YAC5C,IAAM,MAAM,GAAG,MAAA,MAAA,KAAK,CAAC,YAAY,+CAAlB,KAAK,EAAkB,CAAC,CAAC,mCAAI,KAAK,CAAC,MAAM,CAAC;YACzD,yBAAyB,CAAC,MAAM,CAAC,CAAC;QACnC,CAAC;QAED,0BAA0B;QAC1B,IAAI,QAAQ,IAAI,CAAC,iBAAiB;YAAE,OAAO;QAC3C,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;QAC3D,OAAO;YACN,wCAAwC;YACxC,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;QAC/D,CAAC,CAAC;QACF,uDAAuD;IACxD,CAAC,EAAE,CAAC,QAAQ,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAElC,eAAK,CAAC,SAAS,CAAC;QACf,cAAc,CAAC,QAAQ,CAAC,CAAC;QAEzB,SAAS,mBAAmB;YAC3B,yBAAyB,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;QACnD,CAAC;QAED,0BAA0B;QAC1B,IAAI,QAAQ;YAAE,OAAO;QACrB,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,mBAAmB,CAAC,CAAC;QAC1D,OAAO;YACN,wCAAwC;YACxC,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,mBAAmB,CAAC,CAAC;QAC9D,CAAC,CAAC;QACF,uDAAuD;IACxD,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,CACN,8BAAC,0BAAS,IAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,EAAE,YAAY,IACjE,QAAQ,CACE,CACZ,CAAC;AACH,CAAC,CAAC;AA/DW,QAAA,SAAS,aA+DpB"}
@@ -1 +0,0 @@
1
- export * from './FocusTrap';
@@ -1,14 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
5
- }) : (function(o, m, k, k2) {
6
- if (k2 === undefined) k2 = k;
7
- o[k2] = m[k];
8
- }));
9
- var __exportStar = (this && this.__exportStar) || function(m, exports) {
10
- for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
11
- };
12
- Object.defineProperty(exports, "__esModule", { value: true });
13
- __exportStar(require("./FocusTrap"), exports);
14
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/utilities/FocusTrap/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,8CAA4B"}