@servicetitan/design-system 12.4.0 → 12.6.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/Checkbox/Checkbox.css +3 -3
- package/dist/components/Checkbox/Checkbox.css.map +1 -1
- package/dist/components/Checkbox/index.css +3 -3
- package/dist/components/Checkbox/index.css.map +1 -1
- package/dist/components/DatePicker/DatePicker.css +3 -3
- package/dist/components/DatePicker/DatePicker.css.map +1 -1
- package/dist/components/DatePicker/DatePicker.d.ts +1 -1
- package/dist/components/DatePicker/DatePicker.js +2 -2
- package/dist/components/DatePicker/DatePicker.js.map +1 -1
- package/dist/components/DatePicker/index.css +3 -3
- package/dist/components/DatePicker/index.css.map +1 -1
- package/dist/components/FormField/FormField.css +19 -6
- package/dist/components/FormField/FormField.css.map +1 -1
- package/dist/components/FormField/FormField.js +33 -17
- package/dist/components/FormField/FormField.js.map +1 -1
- package/dist/components/FormField/FormField.test.js +42 -0
- package/dist/components/FormField/FormField.test.js.map +1 -1
- package/dist/components/FormField/index.css +19 -6
- package/dist/components/FormField/index.css.map +1 -1
- package/dist/components/Frame/Frame.css +26 -2
- package/dist/components/Frame/Frame.css.map +1 -1
- package/dist/components/Frame/Frame.js +30 -10
- package/dist/components/Frame/Frame.js.map +1 -1
- package/dist/components/Frame/index.css +26 -2
- package/dist/components/Frame/index.css.map +1 -1
- package/dist/components/Page/Page.css +2 -1
- package/dist/components/Page/Page.css.map +1 -1
- package/dist/components/Page/index.css +2 -1
- package/dist/components/Page/index.css.map +1 -1
- package/dist/components/Radio/Radio.css +3 -3
- package/dist/components/Radio/Radio.css.map +1 -1
- package/dist/components/Radio/index.css +3 -3
- package/dist/components/Radio/index.css.map +1 -1
- package/dist/components/Sidebar/Sidebar.css +1 -1
- package/dist/components/Sidebar/SidebarSection.css +1 -1
- package/dist/components/Sidebar/index.css +1 -1
- package/dist/components/Table/Table.css +3 -3
- package/dist/components/Table/Table.css.map +1 -1
- package/dist/components/Table/index.css +3 -3
- package/dist/components/Table/index.css.map +1 -1
- package/dist/components/ToggleSwitch/ToggleSwitch.css +1 -1
- package/dist/components/ToggleSwitch/ToggleSwitch.css.map +1 -1
- package/dist/components/ToggleSwitch/index.css +1 -1
- package/dist/components/ToggleSwitch/index.css.map +1 -1
- package/dist/components/index.css +54 -17
- package/dist/components/index.css.map +1 -1
- package/dist/global/index.css +1 -1
- package/dist/global/version.css +1 -1
- package/dist/system-light.css +1 -1
- package/dist/system-light.min.css +1 -1
- package/dist/system.css +55 -18
- package/dist/system.css.map +1 -1
- package/dist/system.min.css +2 -2
- package/dist/themes/index.css +3 -3
- package/dist/themes/index.css.map +1 -1
- package/dist/themes/kendo/index.css +3 -3
- package/dist/themes/kendo/index.css.map +1 -1
- package/package.json +8 -10
|
@@ -72,13 +72,13 @@
|
|
|
72
72
|
padding-bottom: 1px;
|
|
73
73
|
padding-top: 1px;
|
|
74
74
|
}
|
|
75
|
-
.a-Checkbox + .
|
|
75
|
+
.a-Checkbox + .FormField__addons {
|
|
76
76
|
margin-left: 25px;
|
|
77
77
|
}
|
|
78
|
-
.a-Checkbox.Checkbox--small, .a-Checkbox.Checkbox--small + .
|
|
78
|
+
.a-Checkbox.Checkbox--small, .a-Checkbox.Checkbox--small + .FormField__addons {
|
|
79
79
|
margin-left: 23px;
|
|
80
80
|
}
|
|
81
|
-
.a-Checkbox.Checkbox--large, .a-Checkbox.Checkbox--large + .
|
|
81
|
+
.a-Checkbox.Checkbox--large, .a-Checkbox.Checkbox--large + .FormField__addons {
|
|
82
82
|
margin-left: 31px;
|
|
83
83
|
}
|
|
84
84
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Form/Form.scss","../../../src/components/Checkbox/Checkbox.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss"],"names":[],"mappings":"AAAA;ACGA;AACA;EAAc;;;AACd;EAAc;;;AACd;EAAe;;;AACf;EAAgB;;;AAChB;EAAe;;;AACf;EAAa;;;AACb;EAAc;;;AACd;EAAiB;;;AAEjB;AAGC;AAAA;EAAS;;;AAGV;AAOC;AAAA;AAAA;AAAA;EAEC,kBAPiB;EAQjB,cAPa;EAQb,OAVW;EAWX;;AAGD;AAAA;AAAA;AAAA;EAEC,kBAfiB;EAgBjB,cAfa;EAgBb,OAlBW;EAmBX;EACA;;;ACXF;AC5BC;EACA;AAEA;EACA;ED2BA;EACA,OAlBc;EA0Bd,aA9BkB;;AAwBlB;EACC;EACA;;AAMD;
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Form/Form.scss","../../../src/components/Checkbox/Checkbox.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss"],"names":[],"mappings":"AAAA;ACGA;AACA;EAAc;;;AACd;EAAc;;;AACd;EAAe;;;AACf;EAAgB;;;AAChB;EAAe;;;AACf;EAAa;;;AACb;EAAc;;;AACd;EAAiB;;;AAEjB;AAGC;AAAA;EAAS;;;AAGV;AAOC;AAAA;AAAA;AAAA;EAEC,kBAPiB;EAQjB,cAPa;EAQb,OAVW;EAWX;;AAGD;AAAA;AAAA;AAAA;EAEC,kBAfiB;EAgBjB,cAfa;EAgBb,OAlBW;EAmBX;EACA;;;ACXF;AC5BC;EACA;AAEA;EACA;ED2BA;EACA,OAlBc;EA0Bd,aA9BkB;;AAwBlB;EACC;EACA;;AAMD;EAAuB,aAhCL;;AAkClB;EAEC,aArCiB;;AAwClB;EAEC,aAxCiB;;;AA4CnB;EACC;;AAEA;EACC;EACA;;AAGD;AAAA;EAEC;EACA;EACA;EACA;EACA;EACA;;;AAIF;EACC;EACA;EACA;EACA;;AAEA;EAAqB;;AACrB;EAAqB;;AAErB;EAAwB;;;AAIzB;EFtFC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EE6EA;;AF3EA;EACC;IACC;IACA;;;;AE2EH;EACC,YA9EoB;EA+EpB,eE3EiB;EF4EjB;EACA;EACA;EACA;EACA,QAhGiB;EAiGjB,aA9FuB;EA+FvB,cEuBW;EFtBX;EACA;EACA,OArGiB;EAsGjB,WAtGiB;EAuGjB;AAmEA;AAkBA;AA6BA;;AAhHA;EACC,OA3GgB;EA4GhB,WA5GgB;EA6GhB,QA7GgB;EA8GhB;;AAGD;EACC,OAhHgB;EAiHhB,WAjHgB;EAkHhB,QAlHgB;EAmHhB;EACA;EACA;;AAGD;EACC,cAxG4B;;AA2G7B;EACC,YACC;EAED;EACA,eElHgB;EFmHhB;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAQD;EAAY;;AACZ;EAAW;;AAGV;EACC;;AAGD;EAA0C;;AAG3C;EAA0C,YArKpB;;AAyKvB;EACC,cA9KoC;;AAiLrC;EACC,cA/KkC;;AAqLlC;EACC,YACC;;AAQF;EACC,YACC;;AAMH;EAEC,cA3M6B;EA4M7B,YAzMsB;;AA4MvB;EAEC,cA/MkC;EAgNlC;;;AAKD;EACC,SE5HiB;EF6HjB;;AAGD;EACC,OApOa;;;AAyOd;EACC,WE/GY;EFgHZ;EACA;EACA;;AAGD;EAAqB,WEtHR","file":"Checkbox.css"}
|
|
@@ -72,13 +72,13 @@
|
|
|
72
72
|
padding-bottom: 1px;
|
|
73
73
|
padding-top: 1px;
|
|
74
74
|
}
|
|
75
|
-
.a-Checkbox + .
|
|
75
|
+
.a-Checkbox + .FormField__addons {
|
|
76
76
|
margin-left: 25px;
|
|
77
77
|
}
|
|
78
|
-
.a-Checkbox.Checkbox--small, .a-Checkbox.Checkbox--small + .
|
|
78
|
+
.a-Checkbox.Checkbox--small, .a-Checkbox.Checkbox--small + .FormField__addons {
|
|
79
79
|
margin-left: 23px;
|
|
80
80
|
}
|
|
81
|
-
.a-Checkbox.Checkbox--large, .a-Checkbox.Checkbox--large + .
|
|
81
|
+
.a-Checkbox.Checkbox--large, .a-Checkbox.Checkbox--large + .FormField__addons {
|
|
82
82
|
margin-left: 31px;
|
|
83
83
|
}
|
|
84
84
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Form/Form.scss","../../../src/components/Checkbox/Checkbox.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss"],"names":[],"mappings":"AAAA;ACGA;AACA;EAAc;;;AACd;EAAc;;;AACd;EAAe;;;AACf;EAAgB;;;AAChB;EAAe;;;AACf;EAAa;;;AACb;EAAc;;;AACd;EAAiB;;;AAEjB;AAGC;AAAA;EAAS;;;AAGV;AAOC;AAAA;AAAA;AAAA;EAEC,kBAPiB;EAQjB,cAPa;EAQb,OAVW;EAWX;;AAGD;AAAA;AAAA;AAAA;EAEC,kBAfiB;EAgBjB,cAfa;EAgBb,OAlBW;EAmBX;EACA;;;ACXF;AC5BC;EACA;AAEA;EACA;ED2BA;EACA,OAlBc;EA0Bd,aA9BkB;;AAwBlB;EACC;EACA;;AAMD;
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Form/Form.scss","../../../src/components/Checkbox/Checkbox.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss"],"names":[],"mappings":"AAAA;ACGA;AACA;EAAc;;;AACd;EAAc;;;AACd;EAAe;;;AACf;EAAgB;;;AAChB;EAAe;;;AACf;EAAa;;;AACb;EAAc;;;AACd;EAAiB;;;AAEjB;AAGC;AAAA;EAAS;;;AAGV;AAOC;AAAA;AAAA;AAAA;EAEC,kBAPiB;EAQjB,cAPa;EAQb,OAVW;EAWX;;AAGD;AAAA;AAAA;AAAA;EAEC,kBAfiB;EAgBjB,cAfa;EAgBb,OAlBW;EAmBX;EACA;;;ACXF;AC5BC;EACA;AAEA;EACA;ED2BA;EACA,OAlBc;EA0Bd,aA9BkB;;AAwBlB;EACC;EACA;;AAMD;EAAuB,aAhCL;;AAkClB;EAEC,aArCiB;;AAwClB;EAEC,aAxCiB;;;AA4CnB;EACC;;AAEA;EACC;EACA;;AAGD;AAAA;EAEC;EACA;EACA;EACA;EACA;EACA;;;AAIF;EACC;EACA;EACA;EACA;;AAEA;EAAqB;;AACrB;EAAqB;;AAErB;EAAwB;;;AAIzB;EFtFC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EE6EA;;AF3EA;EACC;IACC;IACA;;;;AE2EH;EACC,YA9EoB;EA+EpB,eE3EiB;EF4EjB;EACA;EACA;EACA;EACA,QAhGiB;EAiGjB,aA9FuB;EA+FvB,cEuBW;EFtBX;EACA;EACA,OArGiB;EAsGjB,WAtGiB;EAuGjB;AAmEA;AAkBA;AA6BA;;AAhHA;EACC,OA3GgB;EA4GhB,WA5GgB;EA6GhB,QA7GgB;EA8GhB;;AAGD;EACC,OAhHgB;EAiHhB,WAjHgB;EAkHhB,QAlHgB;EAmHhB;EACA;EACA;;AAGD;EACC,cAxG4B;;AA2G7B;EACC,YACC;EAED;EACA,eElHgB;EFmHhB;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAQD;EAAY;;AACZ;EAAW;;AAGV;EACC;;AAGD;EAA0C;;AAG3C;EAA0C,YArKpB;;AAyKvB;EACC,cA9KoC;;AAiLrC;EACC,cA/KkC;;AAqLlC;EACC,YACC;;AAQF;EACC,YACC;;AAMH;EAEC,cA3M6B;EA4M7B,YAzMsB;;AA4MvB;EAEC,cA/MkC;EAgNlC;;;AAKD;EACC,SE5HiB;EF6HjB;;AAGD;EACC,OApOa;;;AAyOd;EACC,WE/GY;EFgHZ;EACA;EACA;;AAGD;EAAqB,WEtHR","file":"index.css"}
|
|
@@ -72,13 +72,13 @@
|
|
|
72
72
|
padding-bottom: 1px;
|
|
73
73
|
padding-top: 1px;
|
|
74
74
|
}
|
|
75
|
-
.a-Checkbox + .
|
|
75
|
+
.a-Checkbox + .FormField__addons {
|
|
76
76
|
margin-left: 25px;
|
|
77
77
|
}
|
|
78
|
-
.a-Checkbox.Checkbox--small, .a-Checkbox.Checkbox--small + .
|
|
78
|
+
.a-Checkbox.Checkbox--small, .a-Checkbox.Checkbox--small + .FormField__addons {
|
|
79
79
|
margin-left: 23px;
|
|
80
80
|
}
|
|
81
|
-
.a-Checkbox.Checkbox--large, .a-Checkbox.Checkbox--large + .
|
|
81
|
+
.a-Checkbox.Checkbox--large, .a-Checkbox.Checkbox--large + .FormField__addons {
|
|
82
82
|
margin-left: 31px;
|
|
83
83
|
}
|
|
84
84
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Form/Form.scss","../../../src/components/Checkbox/Checkbox.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss","../../../src/components/Popover/Popover.scss","../../../src/themes/kendo/_kendo-variables.scss","../../../src/components/DatePicker/DatePicker.scss"],"names":[],"mappings":"AAAA;ACGA;AACA;EAAc;;;AACd;EAAc;;;AACd;EAAe;;;AACf;EAAgB;;;AAChB;EAAe;;;AACf;EAAa;;;AACb;EAAc;;;AACd;EAAiB;;;AAEjB;AAGC;AAAA;EAAS;;;AAGV;AAOC;AAAA;AAAA;AAAA;EAEC,kBAPiB;EAQjB,cAPa;EAQb,OAVW;EAWX;;AAGD;AAAA;AAAA;AAAA;EAEC,kBAfiB;EAgBjB,cAfa;EAgBb,OAlBW;EAmBX;EACA;;;ACXF;AC5BC;EACA;AAEA;EACA;ED2BA;EACA,OAlBc;EA0Bd,aA9BkB;;AAwBlB;EACC;EACA;;AAMD;
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Form/Form.scss","../../../src/components/Checkbox/Checkbox.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss","../../../src/components/Popover/Popover.scss","../../../src/themes/kendo/_kendo-variables.scss","../../../src/components/DatePicker/DatePicker.scss"],"names":[],"mappings":"AAAA;ACGA;AACA;EAAc;;;AACd;EAAc;;;AACd;EAAe;;;AACf;EAAgB;;;AAChB;EAAe;;;AACf;EAAa;;;AACb;EAAc;;;AACd;EAAiB;;;AAEjB;AAGC;AAAA;EAAS;;;AAGV;AAOC;AAAA;AAAA;AAAA;EAEC,kBAPiB;EAQjB,cAPa;EAQb,OAVW;EAWX;;AAGD;AAAA;AAAA;AAAA;EAEC,kBAfiB;EAgBjB,cAfa;EAgBb,OAlBW;EAmBX;EACA;;;ACXF;AC5BC;EACA;AAEA;EACA;ED2BA;EACA,OAlBc;EA0Bd,aA9BkB;;AAwBlB;EACC;EACA;;AAMD;EAAuB,aAhCL;;AAkClB;EAEC,aArCiB;;AAwClB;EAEC,aAxCiB;;;AA4CnB;EACC;;AAEA;EACC;EACA;;AAGD;AAAA;EAEC;EACA;EACA;EACA;EACA;EACA;;;AAIF;EACC;EACA;EACA;EACA;;AAEA;EAAqB;;AACrB;EAAqB;;AAErB;EAAwB;;;AAIzB;EFtFC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EE6EA;;AF3EA;EACC;IACC;IACA;;;;AE2EH;EACC,YA9EoB;EA+EpB,eE3EiB;EF4EjB;EACA;EACA;EACA;EACA,QAhGiB;EAiGjB,aA9FuB;EA+FvB,cEuBW;EFtBX;EACA;EACA,OArGiB;EAsGjB,WAtGiB;EAuGjB;AAmEA;AAkBA;AA6BA;;AAhHA;EACC,OA3GgB;EA4GhB,WA5GgB;EA6GhB,QA7GgB;EA8GhB;;AAGD;EACC,OAhHgB;EAiHhB,WAjHgB;EAkHhB,QAlHgB;EAmHhB;EACA;EACA;;AAGD;EACC,cAxG4B;;AA2G7B;EACC,YACC;EAED;EACA,eElHgB;EFmHhB;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAQD;EAAY;;AACZ;EAAW;;AAGV;EACC;;AAGD;EAA0C;;AAG3C;EAA0C,YArKpB;;AAyKvB;EACC,cA9KoC;;AAiLrC;EACC,cA/KkC;;AAqLlC;EACC,YACC;;AAQF;EACC,YACC;;AAMH;EAEC,cA3M6B;EA4M7B,YAzMsB;;AA4MvB;EAEC,cA/MkC;EAgNlC;;;AAKD;EACC,SE5HiB;EF6HjB;;AAGD;EACC,OApOa;;;AAyOd;EACC,WE/GY;EFgHZ;EACA;EACA;;AAGD;EAAqB,WEtHR;;;ACtId;AAYA;EACC;EACA;EACA;;;AAGD;EACC;EACA;;;AAGD;EAAe;;;AAEf;AF3BC;EACA;AAEA;EACA;EE0BA,YArB0B;EAsB1B,eDViB;ECWjB;EACA;EACA;EACA;;AAEA;EACiB;;AAEjB;EACC;;;AAIF;EAAwB,eDzBN;;;AC2BlB;AACA;EACC;;;AAGD;EAAiB,WAhDM;;;AAiDvB;EAAgB,WAhDM;;;AAiDtB;EAAgB,WAhDM;;;AAiDtB;EAAgB,WAhDM;;;AAkDtB;EACC;EACA;;;AAGD;AAOC;AAAA;AAAA;EAGC;;AAGD;AAAA;EAEC;EACA;EACA;;AAGD;EAA8B;;;AAb9B;AAAA;AAAA;EAGC;;AAGD;AAAA;EAEC;EACA;EACA;;AAGD;EAA8B;;;AAb9B;AAAA;AAAA;EAGC;;AAGD;AAAA;EAEC;EACA;EACA;;AAGD;EAA8B;;;AAO/B;AACA;EACC;EACA;EACA;;;AAGD;EACC;EACA;;AAEA;EAAa;;;AAGd;EACC;EACA;;;AAGD;EACC;EACA;EACA;;;AAGD;AAAA;AAAA;AAAA;AAIA;EAAgC;;;ACvFC;AAyGT;AAEG;AC7H3B;AJbC;EACA;AAEA;EACA;EIYA;EACA;EACA;EACA;;AAEA;EACC;EACA;;;AAIF;EACC;;;AAGD;EACC;;;AAGD;EACC;EACA;;AAEA;EAAoB;;;AAGrB;AACA;AJ3CC;EACA;AAEA;EACA;EI0CA;EACA;;AAEA;EACC,kBA/CmB;EAgDnB;EACA,OA5Ca;AAwGb;;AA1DA;EACC;;AAIA;EACC,OAtDU;;AA0DV;EACC,QAxDY;EAyDZ,OA1DU;EA2DV;;AAGD;EACC,OAhEW;EAiEX,kBAnEiB;EAoEjB,cA9Da;;AAmEhB;EACC,kBA3Ec;EA4Ed,OAxEY;EAyEZ;;AAEA;EAEC;;AAIF;EACC,cAjFc;EAkFd,OAnFY;EAoFZ,kBAzFkB;;AA4FnB;EACC;EACA,OAzFY;EA0FZ,cAzFc;;AA4Ff;AAAA;AAAA;EAGC,aHKgB;;AGFjB;EACC;EACA;;AAID;EACC,OA5GW;EA6GX;EACA;;AAEA;EACC;AAEA;EACA;EACA","file":"DatePicker.css"}
|
|
@@ -4,7 +4,7 @@ import { PopoverProps } from '../Popover';
|
|
|
4
4
|
import { InputDateMaskProps } from './InputDateMask';
|
|
5
5
|
export interface DatePickerPropsStrict {
|
|
6
6
|
/** Use custom component as a Calendar */
|
|
7
|
-
calendar?: React.ComponentType<CalendarProps
|
|
7
|
+
calendar?: React.ComponentType<CalendarProps>;
|
|
8
8
|
/** Disabled state */
|
|
9
9
|
disabled?: InputDateMaskProps['disabled'];
|
|
10
10
|
/** Error state */
|
|
@@ -30,7 +30,7 @@ export const DatePicker = React.forwardRef((props, ref) => {
|
|
|
30
30
|
zone: timezone,
|
|
31
31
|
}).startOf('day')
|
|
32
32
|
: null;
|
|
33
|
-
const [IValue, setIValue] = React.useState(convertValue && new Date(convertValue === null || convertValue === void 0 ? void 0 : convertValue.toFormat('yyyy
|
|
33
|
+
const [IValue, setIValue] = React.useState(convertValue && new Date(convertValue === null || convertValue === void 0 ? void 0 : convertValue.toFormat('LL/dd/yyyy')));
|
|
34
34
|
const getNewToday = DateTime.fromJSDate(new Date(), {
|
|
35
35
|
zone: timezone,
|
|
36
36
|
});
|
|
@@ -104,7 +104,7 @@ export const DatePicker = React.forwardRef((props, ref) => {
|
|
|
104
104
|
let eventValue = event.target.value;
|
|
105
105
|
if (event.nativeEvent.target.className === 'k-nav-today') {
|
|
106
106
|
event.syntheticEvent.stopPropagation();
|
|
107
|
-
eventValue = new Date(getNewToday.toFormat('yyyy
|
|
107
|
+
eventValue = new Date(getNewToday.toFormat('LL/dd/yyyy'));
|
|
108
108
|
}
|
|
109
109
|
setIValue(eventValue);
|
|
110
110
|
const value = eventValue
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAM,UAAU,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EACN,QAAQ,EAGR,YAAY,GAEZ,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAgB,MAAM,YAAY,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAC;AAChD,OAAO,EAAE,aAAa,EAAsB,MAAM,iBAAiB,CAAC;AACpE,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAiEjC,MAAM,CAAC,MAAM,UAAU,GACtB,KAAK,CAAC,UAAU,CAAC,CAAC,KAAK,EAAE,GAAyB,EAAE,EAAE;IACrD,MAAM,EACL,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,SAAS,EACT,OAAO,EACP,OAAO,EACP,QAAQ,EACR,WAAW,EACX,IAAI,EACJ,KAAK,EACL,QAAQ,EAAE,cAAc,EACxB,SAAS,GAAG,IAAI,EAChB,IAAI,EACJ,SAAS,KAEN,KAAK,EADL,IAAI,UACJ,KAAK,EAhBH,8JAgBL,CAAQ,CAAC;IAEV,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACvC,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACpC,MAAM,QAAQ,GAAG,UAAU,CAAC,eAAe,CAAC,CAAC;IAC7C,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC7D,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChE,MAAM,YAAY,GAAG,KAAK;QACzB,CAAC,CAAC,QAAQ,CAAC,UAAU,CAAC,KAAK,EAAE;YAC3B,IAAI,EAAE,QAAQ;SACb,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC;QACnB,CAAC,CAAC,IAAI,CAAC;IAER,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CACzC,YAAY,IAAI,IAAI,IAAI,CAAC,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,QAAQ,CAAC,
|
|
1
|
+
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAM,UAAU,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EACN,QAAQ,EAGR,YAAY,GAEZ,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAgB,MAAM,YAAY,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAC;AAChD,OAAO,EAAE,aAAa,EAAsB,MAAM,iBAAiB,CAAC;AACpE,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAiEjC,MAAM,CAAC,MAAM,UAAU,GACtB,KAAK,CAAC,UAAU,CAAC,CAAC,KAAK,EAAE,GAAyB,EAAE,EAAE;IACrD,MAAM,EACL,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,SAAS,EACT,OAAO,EACP,OAAO,EACP,QAAQ,EACR,WAAW,EACX,IAAI,EACJ,KAAK,EACL,QAAQ,EAAE,cAAc,EACxB,SAAS,GAAG,IAAI,EAChB,IAAI,EACJ,SAAS,KAEN,KAAK,EADL,IAAI,UACJ,KAAK,EAhBH,8JAgBL,CAAQ,CAAC;IAEV,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACvC,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACpC,MAAM,QAAQ,GAAG,UAAU,CAAC,eAAe,CAAC,CAAC;IAC7C,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC7D,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChE,MAAM,YAAY,GAAG,KAAK;QACzB,CAAC,CAAC,QAAQ,CAAC,UAAU,CAAC,KAAK,EAAE;YAC3B,IAAI,EAAE,QAAQ;SACb,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC;QACnB,CAAC,CAAC,IAAI,CAAC;IAER,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CACzC,YAAY,IAAI,IAAI,IAAI,CAAC,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,QAAQ,CAAC,YAAY,CAAC,CAAC,CAC9D,CAAC;IAEF,MAAM,WAAW,GAAG,QAAQ,CAAC,UAAU,CAAC,IAAI,IAAI,EAAE,EAAE;QACnD,IAAI,EAAE,QAAQ;KACd,CAAC,CAAC;IAEH,2DAA2D;IAC3D;;;;;OAKG;IAEH,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC/B,IAAI,YAAY,EAAE;YACjB,eAAe,CAAC,KAAK,CAAC,CAAC;YACvB,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;SACzB;IACF,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,GAAG,EAAE,CAAC,eAAe,CAAC,CAAC,YAAY,CAAC,CAAC;IAE7D,MAAM,gBAAgB,GAAG,CAAC,KAAU,EAAE,EAAE;QACvC,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,eAAe,CAAC,IAAI,CAAC,CAAC;QACtB,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;IAC1B,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,CAAC,KAA0B,EAAE,EAAE;QACpD,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,CAAC;QACtB,IAAI,GAAG,KAAK,IAAI,CAAC,GAAG,EAAE;YACrB,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,eAAe,CAAC,KAAK,CAAC,CAAC;YACvB,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;SACzB;QAED,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;YAC1C,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,eAAe,CAAC,IAAI,CAAC,CAAC;YACtB,gBAAgB,CAAC,IAAI,CAAC,CAAC;SACvB;QAED,IAAI,YAAY,IAAI,GAAG,KAAK,IAAI,CAAC,GAAG,EAAE;YACrC,eAAe,CAAC,KAAK,CAAC,CAAC;SACvB;IACF,CAAC,CAAC;IAEF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;;QACpB,IAAI,aAAa,EAAE;YAClB,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,OAAO,0CAAE,KAAK,EAAE,CAAC;YAC9B,gBAAgB,CAAC,KAAK,CAAC,CAAC;SACxB;IACF,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACpB,eAAe,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,MAAM,UAAU,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IACjC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACpB,IAAI,IAAI,CAAC;QACT,MAAM,QAAQ,GAAG,QAAQ,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,QAAQ,EAAE;YAC9D,aAAa,EAAE,IAAI;SACnB,CAAC,CAAC;QACH,IAAI,SAAS,EAAE;YACd,IAAI,GAAG,QAAQ,CAAC,QAAQ,EAAE,CAAC;SAC3B;aAAM;YACN,IAAI,GAAG,QAAQ,CAAC,QAAQ,EAAE,CAAC;SAC3B;QAED,UAAU,CAAC,OAAO,KAAI,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,IAAW,CAAC,CAAA,CAAC;QAC9C,UAAU,CAAC,OAAO,GAAG,IAAI,CAAC;QAC1B,uDAAuD;IACxD,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,MAAM,KAAK,GAAG,CAAC,IAAU,EAAE,EAAE;QAC5B,OAAO,QAAQ,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,QAAQ,EAAE;YAClD,aAAa,EAAE,IAAI;SACnB,CAAC,CAAC;IACJ,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,KAA0B,EAAE,EAAE;QACnD,IAAI,UAAU,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;QAEpC,IAAI,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,SAAS,KAAK,aAAa,EAAE;YACzD,KAAK,CAAC,cAAc,CAAC,eAAe,EAAE,CAAC;YACvC,UAAU,GAAG,IAAI,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC,CAAC;SAC1D;QAED,SAAS,CAAC,UAAU,CAAC,CAAC;QAEtB,MAAM,KAAK,GAAG,UAAU;YACvB,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC;YAClC,CAAC,CAAC,SAAS,CAAC;QAEb,eAAe,CAAC,KAAK,CAAC,CAAC;QACvB,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;QAEzB,IAAI,SAAS,EAAE;YACd,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,KAAK,CAAC,QAAQ,EAAS,CAAC,CAAC;YACpC,OAAO;SACP;QAED,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC;IAC9B,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,UAAU,CAAC,YAAY,EAAE;QAClD,sBAAsB,EAAE,QAAQ;QAChC,CAAC,eAAe,IAAI,EAAE,CAAC,EAAE,IAAI;KAC7B,CAAC,CAAC;IAEH,MAAM,UAAU,mBACf,QAAQ;QACR,KAAK;QACL,QAAQ;QACR,OAAO;QACP,OAAO;QACP,QAAQ;QACR,WAAW;QACX,IAAI,EACJ,KAAK,EAAE,MAAM,IACV,SAAS,CACZ,CAAC;IAEF,sEAAsE;IACtE,MAAM,UAAU,GAAG,CAAC,KAAwB,EAAE,EAAE;QAC/C,IAAI,KAAK,CAAC,cAAc,KAAK,WAAW,CAAC,QAAQ,EAAE,EAAE;YACpD,OAAO,oBAAC,YAAY,oBAAK,KAAK,IAAE,OAAO,QAAC,SAAS,UAAG,CAAC;SACrD;QACD,OAAO,CACN,oBAAC,YAAY,oBAAK,KAAK,IAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,IAAI,CAC7D,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG;QACrB,KAAK,EAAE,MAAM;QACb,GAAG,EAAE,OAAO;QACZ,GAAG,EAAE,OAAO;QACZ,QAAQ,EAAE,YAAY;QACtB,GAAG,EAAE,WAAW;QAChB,QAAQ,EAAE,CAAC,CAAC;QACZ,IAAI,EAAE,UAAU;KAChB,CAAC;IAEF,OAAO,CACN,oBAAC,OAAO,kBACP,MAAM,QACN,gBAAgB,EAAE,iBAAiB,EACnC,IAAI,EAAE,YAAY,EAClB,uBAAuB,EAAC,sBAAsB,EAC9C,SAAS,EAAE,aAAa,EACxB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,IAAI,EACb,KAAK,EAAC,MAAM,EACZ,GAAG,EAAE,GAAG,EACR,cAAc,EAAE,GAAG,EAAE,CAAC,kBAAkB,EAAE,EAC1C,OAAO,EACN,oBAAC,aAAa,oBACT,UAAU,IACd,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAC,mBAAmB,EAC7B,OAAO,EAAE,gBAAgB,EACzB,UAAU,EACT,oBAAC,IAAI,IACJ,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,kBAAkB,EAC5B,OAAO,EAAE,eAAe,gBACb,iBAAiB,GAC3B,EAEH,KAAK,gCACgB,YAAY,IAChC,IAEC,IAAI,GAEP,cAAc,CAAC,CAAC,CAAC,CACjB,oBAAC,cAAc,oBAAK,aAAa,EAAI,CACrC,CAAC,CAAC,CAAC,CACH,oBAAC,QAAQ,oBAAK,aAAa,EAAI,CAC/B,CACQ,CACV,CAAC;AACH,CAAC,CAAC,CAAC"}
|
|
@@ -72,13 +72,13 @@
|
|
|
72
72
|
padding-bottom: 1px;
|
|
73
73
|
padding-top: 1px;
|
|
74
74
|
}
|
|
75
|
-
.a-Checkbox + .
|
|
75
|
+
.a-Checkbox + .FormField__addons {
|
|
76
76
|
margin-left: 25px;
|
|
77
77
|
}
|
|
78
|
-
.a-Checkbox.Checkbox--small, .a-Checkbox.Checkbox--small + .
|
|
78
|
+
.a-Checkbox.Checkbox--small, .a-Checkbox.Checkbox--small + .FormField__addons {
|
|
79
79
|
margin-left: 23px;
|
|
80
80
|
}
|
|
81
|
-
.a-Checkbox.Checkbox--large, .a-Checkbox.Checkbox--large + .
|
|
81
|
+
.a-Checkbox.Checkbox--large, .a-Checkbox.Checkbox--large + .FormField__addons {
|
|
82
82
|
margin-left: 31px;
|
|
83
83
|
}
|
|
84
84
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Form/Form.scss","../../../src/components/Checkbox/Checkbox.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss","../../../src/components/Popover/Popover.scss","../../../src/themes/kendo/_kendo-variables.scss","../../../src/components/DatePicker/DatePicker.scss"],"names":[],"mappings":"AAAA;ACGA;AACA;EAAc;;;AACd;EAAc;;;AACd;EAAe;;;AACf;EAAgB;;;AAChB;EAAe;;;AACf;EAAa;;;AACb;EAAc;;;AACd;EAAiB;;;AAEjB;AAGC;AAAA;EAAS;;;AAGV;AAOC;AAAA;AAAA;AAAA;EAEC,kBAPiB;EAQjB,cAPa;EAQb,OAVW;EAWX;;AAGD;AAAA;AAAA;AAAA;EAEC,kBAfiB;EAgBjB,cAfa;EAgBb,OAlBW;EAmBX;EACA;;;ACXF;AC5BC;EACA;AAEA;EACA;ED2BA;EACA,OAlBc;EA0Bd,aA9BkB;;AAwBlB;EACC;EACA;;AAMD;
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Form/Form.scss","../../../src/components/Checkbox/Checkbox.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss","../../../src/components/Popover/Popover.scss","../../../src/themes/kendo/_kendo-variables.scss","../../../src/components/DatePicker/DatePicker.scss"],"names":[],"mappings":"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","file":"index.css"}
|
|
@@ -66,25 +66,38 @@
|
|
|
66
66
|
margin-top: 4px;
|
|
67
67
|
}
|
|
68
68
|
|
|
69
|
-
.
|
|
69
|
+
.FormField__addons {
|
|
70
|
+
/* Set color on root of component. It can be overridden after the @include */
|
|
71
|
+
color: var(--colorsTextDefault, #141414);
|
|
72
|
+
/* Make sure font-family goes across entire component */
|
|
73
|
+
font-family: "Nunito Sans", sans-serif;
|
|
74
|
+
display: flex;
|
|
75
|
+
gap: 16px;
|
|
76
|
+
justify-content: flex-end;
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
.FormField__description,
|
|
80
|
+
.FormField__counter {
|
|
70
81
|
color: var(--colorsTextSubdued, #606162);
|
|
71
82
|
font-size: 14px;
|
|
72
83
|
line-height: 1.25;
|
|
73
84
|
margin-top: 8px;
|
|
74
85
|
}
|
|
75
|
-
.FormField--ToggleSwitch .FormField__description
|
|
86
|
+
.FormField--ToggleSwitch .FormField__description,
|
|
87
|
+
.FormField--ToggleSwitch .FormField__counter {
|
|
76
88
|
margin-top: 4px;
|
|
77
89
|
}
|
|
78
90
|
|
|
91
|
+
.FormField__description {
|
|
92
|
+
word-break: break-word;
|
|
93
|
+
}
|
|
94
|
+
|
|
79
95
|
.FormField__label {
|
|
80
96
|
margin-bottom: 8px;
|
|
81
97
|
}
|
|
82
98
|
|
|
83
99
|
.FormField__helpers {
|
|
84
|
-
|
|
85
|
-
color: var(--colorsTextDefault, #141414);
|
|
86
|
-
/* Make sure font-family goes across entire component */
|
|
87
|
-
font-family: "Nunito Sans", sans-serif;
|
|
100
|
+
flex: 100%;
|
|
88
101
|
}
|
|
89
102
|
|
|
90
103
|
.FormField--disabled {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/FormField/FormField.scss","../../../src/utilities/SemanticUtils/_widths.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss","../../../src/utilities/_component-reset.scss"],"names":[],"mappings":"AAAA;ACcA;EACC;EACA;EACA;;AAEA;EAAe;;;ACZd;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;ADkBtC;EACC,OAvBY;EAwBZ,WE8Ga;EF7Gb,aEuHqB;EFtHrB,YEiGW;;AF/FX;EAA4B,YEuGd;;;AFpGf;
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/FormField/FormField.scss","../../../src/utilities/SemanticUtils/_widths.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss","../../../src/utilities/_component-reset.scss"],"names":[],"mappings":"AAAA;ACcA;EACC;EACA;EACA;;AAEA;EAAe;;;ACZd;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;ADkBtC;EACC,OAvBY;EAwBZ,WE8Ga;EF7Gb,aEuHqB;EFtHrB,YEiGW;;AF/FX;EAA4B,YEuGd;;;AFpGf;AGjCC;EACA;AAEA;EACA;EH+BA;EACA;EACA;;;AAGD;AAAA;EAEC,OAnCe;EAoCf,WE6Fa;EF5Fb,aEsGqB;EFrGrB,YEgFW;;AF9EX;AAAA;EAA6B,YEsFf;;;AFnFf;EAA0B;;;AAE1B;EACC,eEwEW;;;AFrEZ;EACC;;;AAGD;EACC;;AAEA;EAAsB,SEkDJ;;;AF/CnB;AAEC;EACC,OAnEW;EAoEX,kBAnEiB;EAoEjB,cAlEa;;AAoEb;EACC;EACA,kBAxEgB;;AA0EhB;EACC,OA5ES;;AA8ET;EAAa,kBArEc;;AAuE3B;EAEC,kBA3EyB;EA4EzB,OAnFQ;;AAwFX;EAGC;;;AAKH;AACA;EACC;;;AAGD;EACC;;;AAGD;AACA;AAAA;EAEC;;;AAGD;AAAA;EAEC;;;AAGD;EACC;;;AAGD;EACC;EACA,eECW;EFAX,WEWa;EFVb,aEjBkB;;;AFoBnB;AACA;EACC;;AAEA;EAAY","file":"FormField.css"}
|
|
@@ -9,7 +9,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
9
9
|
}
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
|
-
import React, { useState } from 'react';
|
|
12
|
+
import React, { useState, isValidElement } from 'react';
|
|
13
13
|
import classnames from 'classnames';
|
|
14
14
|
import { customAlphabet } from 'nanoid';
|
|
15
15
|
import { FormFieldContext } from './FormFieldContext';
|
|
@@ -21,11 +21,22 @@ import { Checkbox } from '../Checkbox';
|
|
|
21
21
|
import { Button } from '../Button';
|
|
22
22
|
import { Radio } from '../Radio';
|
|
23
23
|
export const FormField = React.forwardRef((_a, ref) => {
|
|
24
|
-
var _b;
|
|
24
|
+
var _b, _c, _d;
|
|
25
25
|
var { children, className, control, controlRef, controlClassName, description, disabled, el = 'div', error, label, labelProps, required, size, toggleboxControl, width } = _a, props = __rest(_a, ["children", "className", "control", "controlRef", "controlClassName", "description", "disabled", "el", "error", "label", "labelProps", "required", "size", "toggleboxControl", "width"]);
|
|
26
26
|
const controlType = typeof control !== 'undefined'
|
|
27
27
|
? (_b = control.displayName) !== null && _b !== void 0 ? _b : control.name
|
|
28
28
|
: 'control';
|
|
29
|
+
const hasCounter = ['Input', 'TextArea'].includes(controlType) &&
|
|
30
|
+
props.showCounter &&
|
|
31
|
+
!!props.maxLength;
|
|
32
|
+
const [counter, setCounter] = React.useState((_d = (_c = props.defaultValue) === null || _c === void 0 ? void 0 : _c.length) !== null && _d !== void 0 ? _d : 0);
|
|
33
|
+
const passProps = () => {
|
|
34
|
+
if (['Input', 'TextArea'].includes(controlType)) {
|
|
35
|
+
const { showCounter } = props, rest = __rest(props, ["showCounter"]);
|
|
36
|
+
return rest;
|
|
37
|
+
}
|
|
38
|
+
return props;
|
|
39
|
+
};
|
|
29
40
|
const labelFor = props.id || `formfield_id_${customAlphabet(lettersOnly, 8)()}`;
|
|
30
41
|
const errMsgID = props.id || `errMsg_id_${customAlphabet(lettersOnly, 8)()}`;
|
|
31
42
|
const [context, setContext] = useState({
|
|
@@ -42,6 +53,11 @@ export const FormField = React.forwardRef((_a, ref) => {
|
|
|
42
53
|
}
|
|
43
54
|
inputNode === null || inputNode === void 0 ? void 0 : inputNode.click();
|
|
44
55
|
};
|
|
56
|
+
const handleOnChange = (e, d) => {
|
|
57
|
+
if (hasCounter) {
|
|
58
|
+
setCounter(d.value.length);
|
|
59
|
+
}
|
|
60
|
+
};
|
|
45
61
|
const getLabel = () => {
|
|
46
62
|
if (label === undefined || label === '')
|
|
47
63
|
return false;
|
|
@@ -51,21 +67,19 @@ export const FormField = React.forwardRef((_a, ref) => {
|
|
|
51
67
|
const labelClasses = classnames(labelClassName, 'FormField__label');
|
|
52
68
|
return (React.createElement(Label, Object.assign({ disabled: disabled, required: required }, labelProps, { className: labelClasses }), label));
|
|
53
69
|
};
|
|
54
|
-
const
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
if (error === undefined)
|
|
61
|
-
return false;
|
|
62
|
-
return (React.createElement("div", { className: "FormField__errorText", id: errMsgID }, error));
|
|
63
|
-
};
|
|
70
|
+
const hasDescription = (description &&
|
|
71
|
+
typeof description === 'string' &&
|
|
72
|
+
description.length > 0) ||
|
|
73
|
+
isValidElement(description);
|
|
74
|
+
const hasErrorText = (error && typeof error === 'string' && error.length > 0) ||
|
|
75
|
+
isValidElement(error);
|
|
64
76
|
const getControl = () => {
|
|
65
|
-
const controlProps = Object.assign(Object.assign({ children,
|
|
77
|
+
const controlProps = Object.assign(Object.assign(Object.assign(Object.assign({ children,
|
|
66
78
|
disabled,
|
|
67
79
|
required,
|
|
68
|
-
size
|
|
80
|
+
size }, (hasCounter && {
|
|
81
|
+
onChange: handleOnChange,
|
|
82
|
+
})), { className: controlClassName }), passProps()), (control !== ToggleSwitch &&
|
|
69
83
|
control !== ButtonToggle &&
|
|
70
84
|
toggleboxControl !== 'toggleSwitch' &&
|
|
71
85
|
control !== Button
|
|
@@ -104,9 +118,11 @@ export const FormField = React.forwardRef((_a, ref) => {
|
|
|
104
118
|
return (React.createElement(FormFieldElement, Object.assign({ className: FormFieldClasses, "data-anvil-component": "FormField" }, FormFieldProps),
|
|
105
119
|
React.createElement("div", { className: "FormField__wrapper" },
|
|
106
120
|
getControl(),
|
|
107
|
-
React.createElement("div", { className: "
|
|
108
|
-
|
|
109
|
-
|
|
121
|
+
(hasCounter || hasErrorText || hasDescription) && (React.createElement("div", { className: "FormField__addons" },
|
|
122
|
+
(hasErrorText || hasDescription) && (React.createElement("div", { className: "FormField__helpers" },
|
|
123
|
+
hasErrorText && (React.createElement("div", { className: "FormField__errorText", id: errMsgID }, error)),
|
|
124
|
+
hasDescription && (React.createElement("div", { className: "FormField__description" }, description)))),
|
|
125
|
+
hasCounter && (React.createElement("div", { className: "FormField__counter" }, `${counter}/${props.maxLength}`)))))));
|
|
110
126
|
});
|
|
111
127
|
const lettersOnly = 'abcdefghijklmnopqrstuvwxyz';
|
|
112
128
|
//# sourceMappingURL=FormField.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormField.js","sourceRoot":"","sources":["../../../src/components/FormField/FormField.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAM,QAAQ,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"FormField.js","sourceRoot":"","sources":["../../../src/components/FormField/FormField.tsx"],"names":[],"mappings":"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"}
|
|
@@ -50,4 +50,46 @@ describe('test focus on label clock multiple Inputs inside one Form.Field', () =
|
|
|
50
50
|
expect(i2).toHaveFocus();
|
|
51
51
|
});
|
|
52
52
|
});
|
|
53
|
+
describe('Counter for FormField', () => {
|
|
54
|
+
beforeEach(() => jest.spyOn(console, 'error'));
|
|
55
|
+
it('should have proper number per default values', () => {
|
|
56
|
+
const { container } = render(React.createElement(Form, { key: "form", style: {
|
|
57
|
+
display: 'grid',
|
|
58
|
+
gridTemplateColumns: '1fr',
|
|
59
|
+
gridRowGap: 8,
|
|
60
|
+
justifyItems: 'stretch',
|
|
61
|
+
alignItems: 'start',
|
|
62
|
+
maxWidth: '50%',
|
|
63
|
+
} },
|
|
64
|
+
React.createElement(Form.Input, { label: "input", description: "Field Helper Text", maxLength: 20, showCounter: true }),
|
|
65
|
+
React.createElement(Form.Input, { label: "input with default value", description: "Field Helper Text", maxLength: 20, showCounter: true, defaultValue: "With default Value" }),
|
|
66
|
+
React.createElement(Form.TextArea, { label: "textarea", description: "Field Helper Text", maxLength: 30, showCounter: true }),
|
|
67
|
+
React.createElement(Form.TextArea, { label: "textarea with default value", description: "Field Helper Text", maxLength: 30, showCounter: true, defaultValue: "TextArea with default value" })));
|
|
68
|
+
const counters = container.querySelectorAll('.FormField__counter');
|
|
69
|
+
const input = counters[0].innerHTML;
|
|
70
|
+
const inputWithValue = counters[1].innerHTML;
|
|
71
|
+
const textArea = counters[2].innerHTML;
|
|
72
|
+
const textAreaWithValue = counters[3].innerHTML;
|
|
73
|
+
expect(input).toEqual('0/20');
|
|
74
|
+
expect(inputWithValue).toEqual('18/20');
|
|
75
|
+
expect(textArea).toEqual('0/30');
|
|
76
|
+
expect(textAreaWithValue).toEqual('27/30');
|
|
77
|
+
});
|
|
78
|
+
it('should not show when maxLength is not defined', () => {
|
|
79
|
+
const { container } = render(React.createElement(Form, { key: "form", style: {
|
|
80
|
+
display: 'grid',
|
|
81
|
+
gridTemplateColumns: '1fr',
|
|
82
|
+
gridRowGap: 8,
|
|
83
|
+
justifyItems: 'stretch',
|
|
84
|
+
alignItems: 'start',
|
|
85
|
+
maxWidth: '50%',
|
|
86
|
+
} },
|
|
87
|
+
React.createElement(Form.Input, { description: "Field Helper Text", maxLength: 20, showCounter: true }),
|
|
88
|
+
React.createElement(Form.Input, { description: "Field Helper Text", showCounter: true }),
|
|
89
|
+
React.createElement(Form.TextArea, { description: "Field Helper Text", maxLength: 30, showCounter: true }),
|
|
90
|
+
React.createElement(Form.TextArea, { description: "Field Helper Text", showCounter: true, defaultValue: "TextArea with default value" })));
|
|
91
|
+
const counterCount = container.querySelectorAll('.FormField__counter').length;
|
|
92
|
+
expect(counterCount).toBe(2);
|
|
93
|
+
});
|
|
94
|
+
});
|
|
53
95
|
//# sourceMappingURL=FormField.test.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormField.test.js","sourceRoot":"","sources":["../../../src/components/FormField/FormField.test.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"FormField.test.js","sourceRoot":"","sources":["../../../src/components/FormField/FormField.test.tsx"],"names":[],"mappings":"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"}
|
|
@@ -66,25 +66,38 @@
|
|
|
66
66
|
margin-top: 4px;
|
|
67
67
|
}
|
|
68
68
|
|
|
69
|
-
.
|
|
69
|
+
.FormField__addons {
|
|
70
|
+
/* Set color on root of component. It can be overridden after the @include */
|
|
71
|
+
color: var(--colorsTextDefault, #141414);
|
|
72
|
+
/* Make sure font-family goes across entire component */
|
|
73
|
+
font-family: "Nunito Sans", sans-serif;
|
|
74
|
+
display: flex;
|
|
75
|
+
gap: 16px;
|
|
76
|
+
justify-content: flex-end;
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
.FormField__description,
|
|
80
|
+
.FormField__counter {
|
|
70
81
|
color: var(--colorsTextSubdued, #606162);
|
|
71
82
|
font-size: 14px;
|
|
72
83
|
line-height: 1.25;
|
|
73
84
|
margin-top: 8px;
|
|
74
85
|
}
|
|
75
|
-
.FormField--ToggleSwitch .FormField__description
|
|
86
|
+
.FormField--ToggleSwitch .FormField__description,
|
|
87
|
+
.FormField--ToggleSwitch .FormField__counter {
|
|
76
88
|
margin-top: 4px;
|
|
77
89
|
}
|
|
78
90
|
|
|
91
|
+
.FormField__description {
|
|
92
|
+
word-break: break-word;
|
|
93
|
+
}
|
|
94
|
+
|
|
79
95
|
.FormField__label {
|
|
80
96
|
margin-bottom: 8px;
|
|
81
97
|
}
|
|
82
98
|
|
|
83
99
|
.FormField__helpers {
|
|
84
|
-
|
|
85
|
-
color: var(--colorsTextDefault, #141414);
|
|
86
|
-
/* Make sure font-family goes across entire component */
|
|
87
|
-
font-family: "Nunito Sans", sans-serif;
|
|
100
|
+
flex: 100%;
|
|
88
101
|
}
|
|
89
102
|
|
|
90
103
|
.FormField--disabled {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/FormField/FormField.scss","../../../src/utilities/SemanticUtils/_widths.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss","../../../src/utilities/_component-reset.scss"],"names":[],"mappings":"AAAA;ACcA;EACC;EACA;EACA;;AAEA;EAAe;;;ACZd;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;ADkBtC;EACC,OAvBY;EAwBZ,WE8Ga;EF7Gb,aEuHqB;EFtHrB,YEiGW;;AF/FX;EAA4B,YEuGd;;;AFpGf;
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/FormField/FormField.scss","../../../src/utilities/SemanticUtils/_widths.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss","../../../src/utilities/_component-reset.scss"],"names":[],"mappings":"AAAA;ACcA;EACC;EACA;EACA;;AAEA;EAAe;;;ACZd;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;ADkBtC;EACC,OAvBY;EAwBZ,WE8Ga;EF7Gb,aEuHqB;EFtHrB,YEiGW;;AF/FX;EAA4B,YEuGd;;;AFpGf;AGjCC;EACA;AAEA;EACA;EH+BA;EACA;EACA;;;AAGD;AAAA;EAEC,OAnCe;EAoCf,WE6Fa;EF5Fb,aEsGqB;EFrGrB,YEgFW;;AF9EX;AAAA;EAA6B,YEsFf;;;AFnFf;EAA0B;;;AAE1B;EACC,eEwEW;;;AFrEZ;EACC;;;AAGD;EACC;;AAEA;EAAsB,SEkDJ;;;AF/CnB;AAEC;EACC,OAnEW;EAoEX,kBAnEiB;EAoEjB,cAlEa;;AAoEb;EACC;EACA,kBAxEgB;;AA0EhB;EACC,OA5ES;;AA8ET;EAAa,kBArEc;;AAuE3B;EAEC,kBA3EyB;EA4EzB,OAnFQ;;AAwFX;EAGC;;;AAKH;AACA;EACC;;;AAGD;EACC;;;AAGD;AACA;AAAA;EAEC;;;AAGD;AAAA;EAEC;;;AAGD;EACC;;;AAGD;EACC;EACA,eECW;EFAX,WEWa;EFVb,aEjBkB;;;AFoBnB;AACA;EACC;;AAEA;EAAY","file":"index.css"}
|
|
@@ -6,8 +6,7 @@
|
|
|
6
6
|
font-family: "Nunito Sans", sans-serif;
|
|
7
7
|
display: flex;
|
|
8
8
|
flex-direction: column;
|
|
9
|
-
height:
|
|
10
|
-
min-height: calc(var(--frame-vh, 1vh) * 100);
|
|
9
|
+
height: 100vh;
|
|
11
10
|
}
|
|
12
11
|
|
|
13
12
|
.Frame__header {
|
|
@@ -21,4 +20,29 @@
|
|
|
21
20
|
overflow: hidden;
|
|
22
21
|
}
|
|
23
22
|
|
|
23
|
+
/*
|
|
24
|
+
* Hacky way of handling with mobile Chrome's head and 100vh layout.
|
|
25
|
+
* To be removed after Chrome to support dvh units.
|
|
26
|
+
*/
|
|
27
|
+
@media (hover: none) and (pointer: coarse) {
|
|
28
|
+
@supports (height: 100dvh) {
|
|
29
|
+
.Frame {
|
|
30
|
+
height: 100dvh;
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
@supports not (height: 100dvh) {
|
|
34
|
+
html.with-frame-inside {
|
|
35
|
+
height: 100vh;
|
|
36
|
+
max-height: -moz-available;
|
|
37
|
+
max-height: -webkit-fill-available;
|
|
38
|
+
max-height: stretch;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
.with-frame-inside,
|
|
42
|
+
.Frame {
|
|
43
|
+
height: 100%;
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
|
|
24
48
|
/*# sourceMappingURL=Frame.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Frame/Frame.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss"],"names":[],"mappings":"AAAA;ACGA;ACFC;EACA;AAEA;EACA;EDCA;EACA;EACA
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Frame/Frame.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss"],"names":[],"mappings":"AAAA;ACGA;ACFC;EACA;AAEA;EACA;EDCA;EACA;EACA;;;AAGD;EACC,SE2IoB;;;AFxIrB;EACC;EACA;EACA;EACA;;;AAGD;AAAA;AAAA;AAAA;AAIC;EAEA;IACC;MAAS;;;EAGV;IACC;MACC;MAGA;MACA;MACA;;;IAID;AAAA;MAEC","file":"Frame.css"}
|
|
@@ -11,26 +11,46 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
11
11
|
};
|
|
12
12
|
import React from 'react';
|
|
13
13
|
import classnames from 'classnames';
|
|
14
|
-
import throttle from 'lodash/throttle';
|
|
15
14
|
export const Frame = (_a) => {
|
|
16
15
|
var { children, className, el: El = 'div', header } = _a, props = __rest(_a, ["children", "className", "el", "header"]);
|
|
17
16
|
React.useEffect(() => {
|
|
18
17
|
document.body.classList.add('of-hidden');
|
|
19
18
|
return () => document.body.classList.remove('of-hidden');
|
|
20
19
|
}, []);
|
|
20
|
+
/*
|
|
21
|
+
* Hacky way of handling with mobile Chrome's head and 100vh layout.
|
|
22
|
+
* To be removed after Chrome to support dvh units.
|
|
23
|
+
*/
|
|
21
24
|
React.useEffect(() => {
|
|
22
|
-
const
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
document.documentElement.style.setProperty('--frame-vh', `${vh}px`);
|
|
26
|
-
}
|
|
27
|
-
}, 100);
|
|
28
|
-
calculateHeight();
|
|
29
|
-
window.addEventListener('resize', calculateHeight);
|
|
30
|
-
return () => window.removeEventListener('resize', calculateHeight);
|
|
25
|
+
const isHackRequired = !is100dvhSupported();
|
|
26
|
+
isHackRequired && frameParentsAddClass('with-frame-inside');
|
|
27
|
+
return () => isHackRequired && frameParentsRemoveClass('with-frame-inside');
|
|
31
28
|
}, []);
|
|
32
29
|
return (React.createElement(El, Object.assign({ className: classnames('Frame', className), "data-anvil-component": "Frame" }, props),
|
|
33
30
|
header && React.createElement("div", { className: "Frame__header" }, header),
|
|
34
31
|
React.createElement("div", { className: "Frame__content" }, children)));
|
|
35
32
|
};
|
|
33
|
+
const getFrameParents = () => {
|
|
34
|
+
const frame = document.querySelector('[data-anvil-component=Frame]');
|
|
35
|
+
if (!frame)
|
|
36
|
+
return [];
|
|
37
|
+
return [
|
|
38
|
+
...(function* (e) {
|
|
39
|
+
// eslint-disable-next-line no-param-reassign
|
|
40
|
+
while ((e = e.parentElement)) {
|
|
41
|
+
yield e;
|
|
42
|
+
}
|
|
43
|
+
})(frame),
|
|
44
|
+
];
|
|
45
|
+
};
|
|
46
|
+
const frameParentsAddClass = (className) => getFrameParents().forEach((parent) => parent.classList.add(className));
|
|
47
|
+
const frameParentsRemoveClass = (className) => getFrameParents().forEach((parent) => parent.classList.remove(className));
|
|
48
|
+
const is100dvhSupported = () => {
|
|
49
|
+
try {
|
|
50
|
+
return CSS.supports('height', '100dvh');
|
|
51
|
+
}
|
|
52
|
+
catch (e) {
|
|
53
|
+
return false;
|
|
54
|
+
}
|
|
55
|
+
};
|
|
36
56
|
//# sourceMappingURL=Frame.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Frame.js","sourceRoot":"","sources":["../../../src/components/Frame/Frame.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;
|
|
1
|
+
{"version":3,"file":"Frame.js","sourceRoot":"","sources":["../../../src/components/Frame/Frame.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AAiBpC,MAAM,CAAC,MAAM,KAAK,GAAmB,CAAC,EAMrC,EAAE,EAAE;QANiC,EACrC,QAAQ,EACR,SAAS,EACT,EAAE,EAAE,EAAE,GAAG,KAAK,EACd,MAAM,OAEN,EADG,KAAK,cAL6B,yCAMrC,CADQ;IAER,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACpB,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;QACzC,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;IAC1D,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP;;;OAGG;IACH,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACpB,MAAM,cAAc,GAAG,CAAC,iBAAiB,EAAE,CAAC;QAE5C,cAAc,IAAI,oBAAoB,CAAC,mBAAmB,CAAC,CAAC;QAC5D,OAAO,GAAG,EAAE,CACX,cAAc,IAAI,uBAAuB,CAAC,mBAAmB,CAAC,CAAC;IACjE,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACN,oBAAC,EAAE,kBACF,SAAS,EAAE,UAAU,CAAC,OAAO,EAAE,SAAS,CAAC,0BACpB,OAAO,IACxB,KAAK;QAER,MAAM,IAAI,6BAAK,SAAS,EAAC,eAAe,IAAE,MAAM,CAAO;QACxD,6BAAK,SAAS,EAAC,gBAAgB,IAAE,QAAQ,CAAO,CAC5C,CACL,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,eAAe,GAAG,GAAG,EAAE;IAC5B,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,8BAA8B,CAAC,CAAC;IACrE,IAAI,CAAC,KAAK;QAAE,OAAO,EAAE,CAAC;IACtB,OAAO;QACN,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC;YACf,6CAA6C;YAC7C,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,aAAa,CAAC,EAAE;gBAC7B,MAAM,CAAC,CAAC;aACR;QACF,CAAC,CAAC,CAAC,KAAK,CAAC;KACT,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,oBAAoB,GAAG,CAAC,SAAiB,EAAE,EAAE,CAClD,eAAe,EAAE,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC;AAExE,MAAM,uBAAuB,GAAG,CAAC,SAAiB,EAAE,EAAE,CACrD,eAAe,EAAE,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC;AAE3E,MAAM,iBAAiB,GAAG,GAAG,EAAE;IAC9B,IAAI;QACH,OAAO,GAAG,CAAC,QAAQ,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;KACxC;IAAC,OAAO,CAAC,EAAE;QACX,OAAO,KAAK,CAAC;KACb;AACF,CAAC,CAAC"}
|