@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.
- package/dist/components/Backdrop/Backdrop.css +1 -6
- package/dist/components/Backdrop/Backdrop.css.map +1 -1
- package/dist/components/Backdrop/Backdrop.d.ts +0 -3
- package/dist/components/Backdrop/Backdrop.js +14 -14
- package/dist/components/Backdrop/Backdrop.js.map +1 -1
- package/dist/components/Backdrop/index.css +1 -6
- package/dist/components/Backdrop/index.css.map +1 -1
- package/dist/components/Button/Button.d.ts +1 -1
- package/dist/components/DateRangePicker/DateRangePicker.css +0 -1
- package/dist/components/DateRangePicker/DateRangePicker.css.map +1 -1
- package/dist/components/DateRangePicker/DateRangePicker.d.ts +16 -1
- package/dist/components/DateRangePicker/DateRangePicker.js +53 -39
- package/dist/components/DateRangePicker/DateRangePicker.js.map +1 -1
- package/dist/components/DateRangePicker/DateRangePicker.test.js +9 -9
- package/dist/components/DateRangePicker/DateRangePicker.test.js.map +1 -1
- package/dist/components/DateRangePicker/components/DateRangeInput.js +6 -6
- package/dist/components/DateRangePicker/components/DateRangeInput.js.map +1 -1
- package/dist/components/DateRangePicker/components/DateRangeOptionList.js +3 -2
- package/dist/components/DateRangePicker/components/DateRangeOptionList.js.map +1 -1
- package/dist/components/DateRangePicker/components/DateRangeTrigger.js +2 -2
- package/dist/components/DateRangePicker/components/DateRangeTrigger.js.map +1 -1
- package/dist/components/DateRangePicker/index.css +0 -1
- package/dist/components/DateRangePicker/index.css.map +1 -1
- package/dist/components/DateRangePicker/utils/checkScope.js +1 -1
- package/dist/components/DateRangePicker/utils/checkScope.js.map +1 -1
- package/dist/components/DateRangePicker/utils/index.d.ts +0 -1
- package/dist/components/DateRangePicker/utils/index.js +0 -1
- package/dist/components/DateRangePicker/utils/index.js.map +1 -1
- package/dist/components/Dialog/Dialog.d.ts +3 -3
- package/dist/components/Dialog/Dialog.js +2 -2
- package/dist/components/Dialog/Dialog.js.map +1 -1
- package/dist/components/Drawer/Drawer.d.ts +3 -3
- package/dist/components/Drawer/Drawer.js +9 -15
- package/dist/components/Drawer/Drawer.js.map +1 -1
- package/dist/components/FilePicker/FilePicker.css +1 -1
- package/dist/components/FilePicker/index.css +1 -1
- package/dist/components/Link/Link.css +10 -4
- package/dist/components/Link/Link.css.map +1 -1
- package/dist/components/Link/Link.d.ts +2 -0
- package/dist/components/Link/Link.js +7 -19
- package/dist/components/Link/Link.js.map +1 -1
- package/dist/components/Link/index.css +10 -4
- package/dist/components/Link/index.css.map +1 -1
- package/dist/components/Modal/Modal.d.ts +3 -3
- package/dist/components/Modal/Modal.js +2 -2
- package/dist/components/Modal/Modal.js.map +1 -1
- package/dist/components/Modal/components.d.ts +2 -0
- package/dist/components/Modal/components.js +5 -2
- package/dist/components/Modal/components.js.map +1 -1
- package/dist/components/Popover/Popover.d.ts +3 -3
- package/dist/components/Popover/Popover.js +10 -3
- package/dist/components/Popover/Popover.js.map +1 -1
- package/dist/components/ProgressTracker/ProgressTrackerStep.css +2 -2
- package/dist/components/ProgressTracker/index.css +2 -2
- package/dist/components/Select/Select.css +1 -1
- package/dist/components/Select/index.css +1 -1
- package/dist/components/Snackbar/Snackbar.css +1 -1
- package/dist/components/Snackbar/index.css +1 -1
- package/dist/components/Tab/Tab.css +1 -0
- package/dist/components/Tab/Tab.css.map +1 -1
- package/dist/components/Tab/Tab.js +1 -1
- package/dist/components/Tab/Tab.js.map +1 -1
- package/dist/components/Tab/index.css +1 -0
- package/dist/components/Tab/index.css.map +1 -1
- package/dist/components/Table/GridMod.d.ts +4 -0
- package/dist/components/Table/GridMod.js +93 -0
- package/dist/components/Table/GridMod.js.map +1 -0
- package/dist/components/Table/Table.js +2 -1
- package/dist/components/Table/Table.js.map +1 -1
- package/dist/components/Takeover/Takeover.css +0 -4
- package/dist/components/Takeover/Takeover.css.map +1 -1
- package/dist/components/Takeover/Takeover.d.ts +3 -3
- package/dist/components/Takeover/Takeover.js +8 -17
- package/dist/components/Takeover/Takeover.js.map +1 -1
- package/dist/components/Takeover/TakeoverFooter.css +0 -4
- package/dist/components/Takeover/TakeoverFooter.css.map +1 -1
- package/dist/components/Takeover/TakeoverSection.css +0 -4
- package/dist/components/Takeover/TakeoverSection.css.map +1 -1
- package/dist/components/Takeover/index.css +0 -4
- package/dist/components/Takeover/index.css.map +1 -1
- package/dist/components/index.css +17 -20
- package/dist/components/index.css.map +1 -1
- package/dist/global/index.css +1 -1
- package/dist/global/version.css +1 -1
- package/dist/hooks/index.d.ts +1 -0
- package/dist/hooks/index.js +1 -0
- package/dist/hooks/index.js.map +1 -1
- package/dist/hooks/useFocusScope.d.ts +16 -0
- package/dist/hooks/useFocusScope.js +89 -0
- package/dist/hooks/useFocusScope.js.map +1 -0
- package/dist/internal/Popper/Popper.css +0 -7
- package/dist/internal/Popper/Popper.css.map +1 -1
- package/dist/internal/Popper/Popper.d.ts +0 -3
- package/dist/internal/Popper/Popper.js +8 -19
- package/dist/internal/Popper/Popper.js.map +1 -1
- package/dist/internal/Popper/index.css +0 -7
- package/dist/internal/Popper/index.css.map +1 -1
- package/dist/internal/index.css +0 -7
- package/dist/internal/index.css.map +1 -1
- package/dist/system-light.css +5 -12
- package/dist/system-light.css.map +1 -1
- package/dist/system-light.min.css +1 -1
- package/dist/system.css +26 -36
- package/dist/system.css.map +1 -1
- package/dist/system.min.css +2 -2
- package/dist/themes/index.css +4 -4
- package/dist/themes/kendo/index.css +4 -4
- package/dist/{components/DateRangePicker/utils → utilities}/dateFormat.d.ts +0 -0
- package/dist/{components/DateRangePicker/utils → utilities}/dateFormat.js +0 -0
- package/dist/utilities/dateFormat.js.map +1 -0
- package/dist/utilities/focus-utils.d.ts +4 -0
- package/dist/utilities/focus-utils.js +49 -0
- package/dist/utilities/focus-utils.js.map +1 -0
- package/dist/utilities/index.d.ts +2 -1
- package/dist/utilities/index.js +2 -1
- package/dist/utilities/index.js.map +1 -1
- package/package.json +9 -9
- package/dist/components/DateRangePicker/utils/dateFormat.js.map +0 -1
- package/dist/utilities/FocusTrap/FocusTrap.d.ts +0 -7
- package/dist/utilities/FocusTrap/FocusTrap.js +0 -70
- package/dist/utilities/FocusTrap/FocusTrap.js.map +0 -1
- package/dist/utilities/FocusTrap/index.d.ts +0 -1
- package/dist/utilities/FocusTrap/index.js +0 -14
- package/dist/utilities/FocusTrap/index.js.map +0 -1
package/dist/themes/index.css
CHANGED
|
@@ -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: #
|
|
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 #
|
|
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: #
|
|
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: #
|
|
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: #
|
|
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 #
|
|
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: #
|
|
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: #
|
|
9946
|
+
border-color: #949596;
|
|
9947
9947
|
color: #424242;
|
|
9948
9948
|
background-color: #ededed;
|
|
9949
9949
|
}
|
|
File without changes
|
|
File without changes
|
|
@@ -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,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 './
|
|
7
|
+
export * from './focus-utils';
|
|
7
8
|
export * from './isElementOfType';
|
|
8
9
|
export * from './justify-props';
|
|
9
10
|
export * from './keyCodes';
|
package/dist/utilities/index.js
CHANGED
|
@@ -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("./
|
|
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,
|
|
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
|
|
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
|
|
74
|
-
"@servicetitan/anvil-icons": "^10.8.0
|
|
75
|
-
"@servicetitan/anvil-themes": "^10.8.0
|
|
76
|
-
"@servicetitan/tokens": "^10.8.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
|
|
97
|
+
"@lib/semantic": "^10.8.0",
|
|
98
98
|
"@progress/kendo-theme-default": "4.42.0",
|
|
99
|
-
"@servicetitan/anvil-css-utilities": "^10.8.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": "
|
|
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,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"}
|