Merge pull request #5 from sassoftware/data-product

Data product implementation added

Author: Criptic

CHANGELOG.md

@@ -1,5 +1,18 @@
 # Changelog
 
+## SAS Portal Framework for SAS Viya v1.1.0
+
+- Add: Data Product Registry object
+- Add: Data Product Marketplace object
+- Add: documentation for the Run Custom Code object
+- Add: docuemntation for the Data Product Registry object
+- Add: docuemntation for the Data Product Marketplace object
+- Add: get-formatted-datetime utility function
+- Add: copy-file utility function
+- Add: copy-report utility function
+- Add: Prompt Builder object
+- Change: Provided updates to the global.css file to support special cases from the Data Product Marketplace object
+
 ## SAS Portal Framework for SAS Viya v1.0.4
 
 - Add: The SCR Module Scorer object has been added

css/global.css

@@ -1,6 +1,6 @@
 /* #region tokens */
 :root,
-[data-sas-theme='light'] {
+[data-sas-theme="light"] {
     --color-zero-state-modifier-fill-5: hsl(219, 12%, 79%);
     --color-zero-state-modifier-fill-4: hsl(219, 12%, 72%);
     --color-zero-state-modifier-fill-3: hsl(212, 94%, 68%);
@@ -704,13 +704,13 @@
     --font-size-base-text-s: 14px;
     --font-size-base-text-m: 16px;
     --font-size-base-text-l: 18px;
-    --font-family-secondary: 'Anova', -apple-system, BlinkMacSystemFont,
-        'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji',
-        'Segoe UI Emoji', 'Segoe UI Symbol';
-    --font-family-primary: 'AnovaUI', -apple-system, BlinkMacSystemFont,
-        'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji',
-        'Segoe UI Emoji', 'Segoe UI Symbol';
-    --font-family-monospace: Consolas, Menlo, 'Lucida Console', Courier, Monaco,
+    --font-family-secondary: "Anova", -apple-system, BlinkMacSystemFont,
+        "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji",
+        "Segoe UI Emoji", "Segoe UI Symbol";
+    --font-family-primary: "AnovaUI", -apple-system, BlinkMacSystemFont,
+        "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji",
+        "Segoe UI Emoji", "Segoe UI Symbol";
+    --font-family-monospace: Consolas, Menlo, "Lucida Console", Courier, Monaco,
         monospace;
     --color-syntax-text-09: #65802a;
     --color-syntax-text-08: #3c8275;
@@ -728,7 +728,7 @@
     --color-action-background-focus-inverse: hsl(0, 100%, 100%);
     --color-action-background-focus: hsl(205, 97%, 35%);
 }
-:root[data-sas-theme='dark'] {
+:root[data-sas-theme="dark"] {
     --color-zero-state-modifier-fill-5: hsl(219, 12%, 64%);
     --color-zero-state-modifier-fill-4: hsl(219, 12%, 72%);
     --color-zero-state-modifier-fill-3: hsl(212, 94%, 57%);
@@ -1432,13 +1432,13 @@
     --font-size-base-text-s: 14px;
     --font-size-base-text-m: 16px;
     --font-size-base-text-l: 18px;
-    --font-family-secondary: 'Anova', -apple-system, BlinkMacSystemFont,
-        'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji',
-        'Segoe UI Emoji', 'Segoe UI Symbol';
-    --font-family-primary: 'AnovaUI', -apple-system, BlinkMacSystemFont,
-        'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji',
-        'Segoe UI Emoji', 'Segoe UI Symbol';
-    --font-family-monospace: Consolas, Menlo, 'Lucida Console', Courier, Monaco,
+    --font-family-secondary: "Anova", -apple-system, BlinkMacSystemFont,
+        "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji",
+        "Segoe UI Emoji", "Segoe UI Symbol";
+    --font-family-primary: "AnovaUI", -apple-system, BlinkMacSystemFont,
+        "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji",
+        "Segoe UI Emoji", "Segoe UI Symbol";
+    --font-family-monospace: Consolas, Menlo, "Lucida Console", Courier, Monaco,
         monospace;
     --color-syntax-text-09: #97c03f;
     --color-syntax-text-08: #54b6a4;
@@ -1458,7 +1458,7 @@
 }
 
 :root,
-[data-bs-theme='light'] {
+[data-bs-theme="light"] {
     /* --bs-blue: #0d6efd;
   --bs-indigo: #6610f2;
   --bs-purple: #6f42c1;
@@ -1669,17 +1669,17 @@ hr {
 
 .carousel-control-prev-icon,
 .carousel-control-next-icon {
-    font-family: 'sas-icons';
+    font-family: "sas-icons";
     background: none;
     filter: none !important;
     block-size: auto;
     inline-size: auto;
 }
 .carousel-control-prev-icon:before {
-    content: '\f1e3';
+    content: "\f1e3";
 }
 .carousel-control-next-icon:before {
-    content: '\f1e2';
+    content: "\f1e2";
 }
 
 .carousel > button {
@@ -1767,11 +1767,11 @@ hr {
     color: var(--color-action-text-control-placeholder);
 }
 
-.form-check-input[type='checkbox'] {
+.form-check-input[type="checkbox"] {
     display: inline-flex;
     justify-content: center;
     align-items: center;
-    font-family: 'sas-icons';
+    font-family: "sas-icons";
     border-radius: var(--size-border-radius-xxs);
     padding: var(--space-base-xs);
 }
@@ -1784,7 +1784,7 @@ hr {
 }
 
 .form-check-input:checked::before {
-    content: '\f15e';
+    content: "\f15e";
 }
 
 .form-check-input + .from-check-label {
@@ -1796,8 +1796,8 @@ hr {
     color: var(--color-action-text-standard-normal);
 }
 .accordion-button::after {
-    font-family: 'sas-icons';
-    content: '\f1e1';
+    font-family: "sas-icons";
+    content: "\f1e1";
     inline-size: auto;
     block-size: auto;
     background: none;
@@ -2025,4 +2025,42 @@ body {
 
 .info-icon:hover + .info-content {
     display: block;
-}
+}
+
+/* Section: Data Product Marketplace */
+.search-bar {
+    display: flex;
+    gap: 10px;
+    margin-bottom: 30px;
+}
+
+.btn-add-to-cart,
+.btn-purchase,
+.btn-remove-from-cart {
+    border-radius: 5px;
+}
+.btn-add-to-cart {
+    background-color: #28a745;
+    border-color: #28a745;
+}
+.btn-add-to-cart:hover {
+    background-color: #218838;
+    border-color: #1e7e34;
+}
+.btn-purchase {
+    background-color: #007bff;
+    border-color: #007bff;
+}
+.btn-purchase:hover {
+    background-color: #0056b3;
+    border-color: #0056b3;
+}
+
+.detail-item {
+    margin-bottom: 10px;
+    word-break: break-word; /* Ensure long URLs or text break */
+}
+.detail-item strong {
+    display: inline-block;
+    min-width: 120px; /* Align labels */
+}

index.html

@@ -111,6 +111,9 @@
         <script src="./js/utility/validate-ds2-variable-name.js"></script>
         <script src="./js/utility/get-SCR-metadata.js"></script>
         <script src="./js/utility/score-scr.js"></script>
+        <script src="./js/utility/get-formatted-datetime.js"></script>
+        <script src="./js/utility/copy-file.js"></script>
+        <script src="./js/utility/copy-report.js"></script>
 
         <!-- Import Object Builder -->
         <script src="./js/objects/add-text-objects.js"></script>
@@ -122,6 +125,9 @@
         <script src="./js/objects/add-vaReport-object.js"></script>
         <script src="./js/objects/add-run-custom-code-objects.js"></script>
         <script src="./js/objects/add-scrScore-object.js"></script>
+        <script src="./js/objects/add-data-product-registry-object.js"></script>
+        <script src="./js/objects//add-data-product-marketplace-object.js"></script>
+        <script src="./js/objects/add-prompt-builder.js"></script>
 
         <!-- Import Page Builing -->
         <script src="./js/generate-tabs.js"></script>

js/generate-pages.js

@@ -132,6 +132,27 @@ async function generatePages(VIYAHOST, layout, paneContainer, interfaceText) {
                     interfaceText?.scrScore
                 );
                 break;
+            case 'dataProductRegistry':
+                content = await addDataProductRegistryObject(
+                    currentObjectDefinition,
+                    layout?.general?.shorthand,
+                    interfaceText?.dataProductRegistry
+                );
+                break;
+            case 'dataProductMarketplace':
+                content = await addDataProductMarketplaceObject(
+                    currentObjectDefinition,
+                    layout?.general?.shorthand,
+                    interfaceText?.dataProductMarketplace
+                );
+                break;
+            case 'promptBuilder':
+                content = await addPromptBuilderObject(
+                    currentObjectDefinition,
+                    layout?.general?.shorthand,
+                    interfaceText?.promptBuilder
+                );
+                break;
             default:
                 content = document.createElement('p');
                 content.innerText = interfaceText?.undefinedObjectText;