Skip to content

Commit 5fa6fdb

Browse files
gosiexon-zengosiexon-zen
committed
feat: add unstyled list of service catalog items
1 parent fb881de commit 5fa6fdb

File tree

7 files changed

+2706
-750
lines changed

7 files changed

+2706
-750
lines changed

‎assets/service-catalog-bundle.js

Lines changed: 20 additions & 2 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎assets/shared-bundle.js

Lines changed: 2564 additions & 745 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -24,6 +24,7 @@
2424
"@zendeskgarden/react-datepickers": "8.76.2",
2525
"@zendeskgarden/react-dropdowns.next": "8.76.2",
2626
"@zendeskgarden/react-forms": "8.76.2",
27+
"@zendeskgarden/react-grid": "^8.76.7",
2728
"@zendeskgarden/react-loaders": "8.76.2",
2829
"@zendeskgarden/react-modals": "8.76.2",
2930
"@zendeskgarden/react-notifications": "8.76.2",

‎src/modules/service-catalog/ServiceCatalog.tsx

Lines changed: 36 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,39 @@
1-
import { Span } from "@zendeskgarden/react-typography";
1+
import { Row, Col } from "@zendeskgarden/react-grid";
2+
import { OrderedList } from "@zendeskgarden/react-typography";
3+
4+
import { useCallback, useEffect, useState } from "react";
5+
import type { ServiceCatalogItem } from "./data-types/ServiceCatalogItem";
26

37
export function ServiceCatalog() {
4-
return <Span>Hello from module</Span>;
8+
const [serviceCatalogItems, setServiceCatalogItems] = useState([]);
9+
const fetchServiceCatalogItems = useCallback(async () => {
10+
try {
11+
const response = await fetch(
12+
`/api/v2/custom_objects/service_catalog_item/records`
13+
);
14+
if (response.ok) {
15+
const { custom_object_records } = await response.json();
16+
setServiceCatalogItems(custom_object_records);
17+
}
18+
} catch (error) {
19+
console.error(error);
20+
}
21+
}, []);
22+
23+
useEffect(() => {
24+
fetchServiceCatalogItems();
25+
}, []); //for now it will be rendered only once
26+
27+
return (
28+
<Row>
29+
<Col>
30+
<OrderedList>
31+
{serviceCatalogItems?.length !== 0 &&
32+
serviceCatalogItems.map((record: ServiceCatalogItem) => (
33+
<OrderedList.Item key={record.id}>{record.name}</OrderedList.Item>
34+
))}
35+
</OrderedList>
36+
</Col>
37+
</Row>
38+
);
539
}

‎src/modules/service-catalog/data-types/ServiceCatalogItem.ts

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
export interface ServiceCatalogItem {
2+
id: number;
3+
name: string;
4+
}

‎templates/custom_pages/service_catalog.hbs

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,6 @@
77

88
<div id="main-content">
99
<div id="service-catalog"></div>
10-
<div>Hello from template</div>
1110
</div>
1211
</div>
1312

‎yarn.lock

Lines changed: 81 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2134,6 +2134,11 @@
21342134
"@jridgewell/resolve-uri" "^3.1.0"
21352135
"@jridgewell/sourcemap-codec" "^1.4.14"
21362136

2137+
"@juggle/resize-observer@^3.3.1":
2138+
version "3.4.0"
2139+
resolved "https://registry.yarnpkg.com/@juggle/resize-observer/-/resize-observer-3.4.0.tgz#08d6c5e20cf7e4cc02fd181c4b0c225cd31dbb60"
2140+
integrity sha512-dfLbk+PwWvFzSxwk3n5ySL0hfBog779o8h68wK/7/APo/7cgyWp5jcXockbxdk5kFRkbeXWm4Fbi9FrdN381sA==
2141+
21372142
"@nicolo-ribaudo/[email protected]":
21382143
version "5.1.1-v1"
21392144
resolved "https://registry.yarnpkg.com/@nicolo-ribaudo/eslint-scope-5-internals/-/eslint-scope-5-internals-5.1.1-v1.tgz#dbf733a965ca47b1973177dc0bb6c889edcfb129"
@@ -3825,6 +3830,14 @@
38253830
"@babel/runtime" "^7.8.4"
38263831
lodash.debounce "^4.0.8"
38273832

3833+
"@zendeskgarden/container-splitter@^2.0.17":
3834+
version "2.0.20"
3835+
resolved "https://registry.yarnpkg.com/@zendeskgarden/container-splitter/-/container-splitter-2.0.20.tgz#ef08e275c18ed578d0f2d83ef8f42e0f4c1716e3"
3836+
integrity sha512-jdOormDeZid8tMvjbAIsgSpCArkU3k7XVhHzMzNrKZ7xNL2wh3IpJU5dLgs4Zu4u+PZBQxxMdgUOMlDU2yOUCg==
3837+
dependencies:
3838+
"@babel/runtime" "^7.8.4"
3839+
"@zendeskgarden/container-utilities" "^2.0.2"
3840+
38283841
"@zendeskgarden/container-tooltip@^1.0.0":
38293842
version "1.0.10"
38303843
resolved "https://registry.yarnpkg.com/@zendeskgarden/container-tooltip/-/container-tooltip-1.0.10.tgz#a4a60d31504169dd9b394ebe1d6d5842a0a308c3"
@@ -3834,6 +3847,15 @@
38343847
"@zendeskgarden/container-utilities" "^1.0.10"
38353848
react-uid "^2.2.0"
38363849

3850+
"@zendeskgarden/container-tooltip@^1.0.16":
3851+
version "1.0.20"
3852+
resolved "https://registry.yarnpkg.com/@zendeskgarden/container-tooltip/-/container-tooltip-1.0.20.tgz#6d24eb52a6d0f92c5f3459c72662bff6790ad65f"
3853+
integrity sha512-D1cC531nglG7e2wrU5q1c4eO7JGb/9FciOsEsZZOdU+84u7E2aGBTWTD1F+6lFZ2Ns9kj78FBCEU4Pxg3vIwiw==
3854+
dependencies:
3855+
"@babel/runtime" "^7.8.4"
3856+
"@zendeskgarden/container-utilities" "^2.0.2"
3857+
react-uid "^2.2.0"
3858+
38373859
"@zendeskgarden/container-utilities@^1.0.10":
38383860
version "1.0.10"
38393861
resolved "https://registry.yarnpkg.com/@zendeskgarden/container-utilities/-/container-utilities-1.0.10.tgz#1550160d221bfb4b3be4ec850f632acf21c800dc"
@@ -3858,6 +3880,14 @@
38583880
"@babel/runtime" "^7.8.4"
38593881
"@reach/auto-id" "^0.18.0"
38603882

3883+
"@zendeskgarden/container-utilities@^2.0.2":
3884+
version "2.0.2"
3885+
resolved "https://registry.yarnpkg.com/@zendeskgarden/container-utilities/-/container-utilities-2.0.2.tgz#3a73355021fe48b70c8f4afdbf80e3557cf1b58a"
3886+
integrity sha512-IvPxhHwR8AaaZuS7yZM4Ea0GLgrfTblbNd+4fWbg8a4zioExdMU8uy036cjL97A0Ega7v++PAqFLR3Y9dWCNRQ==
3887+
dependencies:
3888+
"@babel/runtime" "^7.8.4"
3889+
"@reach/auto-id" "^0.18.0"
3890+
38613891
"@zendeskgarden/[email protected]":
38623892
version "6.4.6"
38633893
resolved "https://registry.yarnpkg.com/@zendeskgarden/css-variables/-/css-variables-6.4.6.tgz#0beb30a3716141450d3b4496baca63fa43528b4c"
@@ -3884,6 +3914,17 @@
38843914
prop-types "^15.5.7"
38853915
react-merge-refs "^1.1.0"
38863916

3917+
"@zendeskgarden/react-buttons@^8.76.7":
3918+
version "8.76.7"
3919+
resolved "https://registry.yarnpkg.com/@zendeskgarden/react-buttons/-/react-buttons-8.76.7.tgz#71e9be7f50992a629cba93fb87eb9c7519b86df5"
3920+
integrity sha512-8w/qLFqpIEwGu4v/LUyQakFqnT6hGQ53+ISP4N9w3XsyazneTALUWXjcGBPobWqhH5PX7KVtsKZVLCL7lunhqw==
3921+
dependencies:
3922+
"@zendeskgarden/container-selection" "^3.0.9"
3923+
"@zendeskgarden/container-utilities" "^2.0.0"
3924+
polished "^4.3.1"
3925+
prop-types "^15.5.7"
3926+
react-merge-refs "^1.1.0"
3927+
38873928
"@zendeskgarden/[email protected]":
38883929
version "8.76.2"
38893930
resolved "https://registry.yarnpkg.com/@zendeskgarden/react-datepickers/-/react-datepickers-8.76.2.tgz#111fda3d61ec9cb0537d13319f45a9c50ca2ddd7"
@@ -3924,6 +3965,20 @@
39243965
prop-types "^15.5.7"
39253966
react-merge-refs "^1.1.0"
39263967

3968+
"@zendeskgarden/react-grid@^8.76.7":
3969+
version "8.76.7"
3970+
resolved "https://registry.yarnpkg.com/@zendeskgarden/react-grid/-/react-grid-8.76.7.tgz#633f5f2cf57f6e729c97651550f4fb1d7c043e4f"
3971+
integrity sha512-Bx+RxEexLHtx6o+R2jHgN24woEoH/AlzmA8pB01F+Muuqtb595H2lcv4CVjUnvEs7YEhbkHy2FxFGHHIzrvFuQ==
3972+
dependencies:
3973+
"@zendeskgarden/container-splitter" "^2.0.17"
3974+
"@zendeskgarden/container-utilities" "^2.0.0"
3975+
"@zendeskgarden/react-buttons" "^8.76.7"
3976+
"@zendeskgarden/react-tooltips" "^8.76.7"
3977+
polished "^4.3.1"
3978+
prop-types "^15.5.7"
3979+
react-merge-refs "^1.1.0"
3980+
use-resize-observer "^9.1.0"
3981+
39273982
"@zendeskgarden/[email protected]":
39283983
version "8.76.2"
39293984
resolved "https://registry.yarnpkg.com/@zendeskgarden/react-loaders/-/react-loaders-8.76.2.tgz#b571d8758a6ff58af93abcb1c54481bb9d1a667e"
@@ -3991,6 +4046,18 @@
39914046
react-merge-refs "^1.1.0"
39924047
react-popper "^1.3.4"
39934048

4049+
"@zendeskgarden/react-tooltips@^8.76.7":
4050+
version "8.76.7"
4051+
resolved "https://registry.yarnpkg.com/@zendeskgarden/react-tooltips/-/react-tooltips-8.76.7.tgz#08433562b4fe9e5726a72dc9014b927a49b77fc8"
4052+
integrity sha512-XnwdAFri4fo0IMmfnBGQ0+IyRWmmIXj7OP1tUb/JQbucG7kop+X+TMPNFQLMV5b4uPKdkH3oHpg6HZu5dJ2Wkg==
4053+
dependencies:
4054+
"@zendeskgarden/container-tooltip" "^1.0.16"
4055+
"@zendeskgarden/container-utilities" "^2.0.0"
4056+
polished "^4.3.1"
4057+
prop-types "^15.5.7"
4058+
react-merge-refs "^1.1.0"
4059+
react-popper "^1.3.4"
4060+
39944061
"@zendeskgarden/[email protected]":
39954062
version "8.76.2"
39964063
resolved "https://registry.yarnpkg.com/@zendeskgarden/react-typography/-/react-typography-8.76.2.tgz#d0720e31318d59aee0a16ad8b2f1e8b75db1e2a5"
@@ -10967,6 +11034,13 @@ polished@^4.0.0, polished@^4.1.1:
1096711034
dependencies:
1096811035
"@babel/runtime" "^7.17.8"
1096911036

11037+
polished@^4.3.1:
11038+
version "4.3.1"
11039+
resolved "https://registry.yarnpkg.com/polished/-/polished-4.3.1.tgz#5a00ae32715609f83d89f6f31d0f0261c6170548"
11040+
integrity sha512-OBatVyC/N7SCW/FaDHrSd+vn0o5cS855TOmYi4OkdWUMSJCET/xip//ch8xGUvtr3i44X9LVyWwQlRMTN3pwSA==
11041+
dependencies:
11042+
"@babel/runtime" "^7.17.8"
11043+
1097011044
popper.js@^1.14.4:
1097111045
version "1.16.1"
1097211046
resolved "https://registry.yarnpkg.com/popper.js/-/popper.js-1.16.1.tgz#2a223cb3dc7b6213d740e40372be40de43e65b1b"
@@ -13195,6 +13269,13 @@ [email protected]:
1319513269
resolved "https://registry.yarnpkg.com/url-pattern/-/url-pattern-1.0.3.tgz#0409292471b24f23c50d65a47931793d2b5acfc1"
1319613270
integrity sha512-uQcEj/2puA4aq1R3A2+VNVBgaWYR24FdWjl7VNW83rnWftlhyzOZ/tBjezRiC2UkIzuxC8Top3IekN3vUf1WxA==
1319713271

13272+
use-resize-observer@^9.1.0:
13273+
version "9.1.0"
13274+
resolved "https://registry.yarnpkg.com/use-resize-observer/-/use-resize-observer-9.1.0.tgz#14735235cf3268569c1ea468f8a90c5789fc5c6c"
13275+
integrity sha512-R25VqO9Wb3asSD4eqtcxk8sJalvIOYBqS8MNZlpDSQ4l4xMQxC/J7Id9HoTqPq8FwULIn0PVW+OAqF2dyYbjow==
13276+
dependencies:
13277+
"@juggle/resize-observer" "^3.3.1"
13278+
1319813279
util-deprecate@^1.0.1, util-deprecate@^1.0.2, util-deprecate@~1.0.1:
1319913280
version "1.0.2"
1320013281
resolved "https://registry.yarnpkg.com/util-deprecate/-/util-deprecate-1.0.2.tgz#450d4dc9fa70de732762fbd2d4a28981419a0ccf"

0 commit comments

Comments
 (0)