@valiantys/atlassian-app-frontend 3.1.0-alpha-2 → 3.1.0-alpha-3

package/atlassian/shared/frontend-feature-chosen-resource-check/src/lib/feature-chosen-resource-check/index.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),C=require("@atlaskit/button"),b=require("@atlaskit/button/new"),t=require("@atlaskit/form"),n=require("@atlaskit/primitives"),S=require("@atlaskit/section-message"),q=require("@atlaskit/select"),o=require("react"),F=require("../../../../frontend-ui-page-loading-view/src/lib/page-loading-view/index.cjs.js"),d=n.xcss({maxWidth:"max-content",paddingBlockStart:"space.1000"});function R({checkResource:a,children:h}){const[x,m]=o.useState(!1),[l,j]=o.useState(null),[c,i]=o.useState(""),u=o.useCallback(async s=>{try{i("");const r=await a(s);r.hasChosen?m(!0):j(r.resources)}catch(r){r instanceof Error?i(`Error Occurred: ${r.message}`):i("Uncaught error occurred!")}},[a]);o.useEffect(()=>{u()},[u]);function p({selectedResource:s}){return u(s.value)}if(x)return h;if(l){const s=l.map(r=>({label:r.name,value:r.id}));return e.jsx(n.Flex,{justifyContent:"center",children:e.jsx(n.Box,{xcss:d,children:e.jsx(t,{onSubmit:p,children:({formProps:r,submitting:f})=>e.jsxs("form",{...r,children:[e.jsx(t.FormHeader,{title:"Choose Resource",children:c?e.jsx(S,{appearance:"error",children:c}):null}),e.jsx(t.FormSection,{children:e.jsx(t.Field,{"aria-required":!0,name:"selectedResource",label:"Resource",isRequired:!0,children:({fieldProps:g})=>e.jsx(q,{...g,options:s})})}),e.jsx(t.FormFooter,{align:"start",children:e.jsx(C.ButtonGroup,{label:"Form submit options",children:e.jsx(b,{type:"submit",appearance:"primary",isLoading:f,children:"Submit"})})})]})})})})}else return e.jsx(n.Flex,{justifyContent:"center",xcss:d,children:e.jsx(F.PageLoadingView,{label:"",loadingError:c})})}exports.FeatureChosenResourceCheck=R;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),C=require("@atlaskit/button"),b=require("@atlaskit/button/new"),t=require("@atlaskit/form"),n=require("@atlaskit/primitives"),S=require("@atlaskit/section-message"),F=require("@atlaskit/select"),o=require("react"),R=require("../../../../frontend-ui-page-loading-view/src/lib/page-loading-view/index.cjs.js"),d=n.xcss({maxWidth:"max-content",paddingBlockStart:"space.1000"});function q({checkResource:a,children:h}){const[x,m]=o.useState(!1),[l,j]=o.useState(null),[c,i]=o.useState(""),u=o.useCallback(async s=>{try{i("");const r=await a(s);r.hasChosen?m(!0):j(r.resources)}catch(r){r instanceof Error?i(`Error Occurred: ${r.message}`):i("Uncaught error occurred!")}},[a]);o.useEffect(()=>{u()},[u]);function p({selectedResource:s}){return u(s.value)}if(x)return h;if(l){const s=l.map(r=>({label:r.name,value:r.id}));return e.jsx(n.Flex,{justifyContent:"center",children:e.jsx(n.Box,{xcss:d,children:e.jsx(t,{onSubmit:p,children:({formProps:r,submitting:f})=>e.jsxs("form",{...r,children:[e.jsx(t.FormHeader,{title:"Choose Resource",children:c?e.jsx(S,{appearance:"error",children:c}):null}),e.jsx(t.FormSection,{children:e.jsx(t.Field,{name:"selectedResource",label:"Resource",isRequired:!0,children:({fieldProps:g})=>e.jsx(F,{...g,options:s})})}),e.jsx(t.FormFooter,{align:"start",children:e.jsx(C.ButtonGroup,{label:"Form submit options",children:e.jsx(b,{type:"submit",appearance:"primary",isLoading:f,children:"Submit"})})})]})})})})}else return e.jsx(n.Flex,{justifyContent:"center",xcss:d,children:e.jsx(R.PageLoadingView,{label:"",loadingError:c})})}exports.FeatureChosenResourceCheck=q;

package/atlassian/shared/frontend-feature-chosen-resource-check/src/lib/feature-chosen-resource-check/index.es.js

@@ -5,8 +5,8 @@ import R, { FormHeader as S, FormSection as y, Field as B, FormFooter as E } fro
 import { Flex as l, Box as j, xcss as k } from "@atlaskit/primitives";
 import L from "@atlaskit/section-message";
 import v from "@atlaskit/select";
-import { useState as c, useCallback as H, useEffect as q } from "react";
-import { PageLoadingView as w } from "../../../../frontend-ui-page-loading-view/src/lib/page-loading-view/index.es.js";
+import { useState as c, useCallback as H, useEffect as w } from "react";
+import { PageLoadingView as O } from "../../../../frontend-ui-page-loading-view/src/lib/page-loading-view/index.es.js";
 const u = k({
   maxWidth: "max-content",
   paddingBlockStart: "space.1000"
@@ -27,7 +27,7 @@ function A({
     },
     [i]
   );
-  q(() => {
+  w(() => {
     n();
   }, [n]);
   function f({ selectedResource: o }) {
@@ -45,7 +45,6 @@ function A({
       /* @__PURE__ */ e(y, { children: /* @__PURE__ */ e(
         B,
         {
-          "aria-required": !0,
           name: "selectedResource",
           label: "Resource",
           isRequired: !0,
@@ -63,7 +62,7 @@ function A({
       ) }) })
     ] }) }) }) });
   } else
-    return /* @__PURE__ */ e(l, { justifyContent: "center", xcss: u, children: /* @__PURE__ */ e(w, { label: "", loadingError: t }) });
+    return /* @__PURE__ */ e(l, { justifyContent: "center", xcss: u, children: /* @__PURE__ */ e(O, { label: "", loadingError: t }) });
 }
 export {
   A as FeatureChosenResourceCheck

package/atlassian/shared/frontend-feature-chosen-workspace-check/src/lib/feature-chosen-workspace-check/index.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),W=require("@atlaskit/button"),f=require("@atlaskit/button/new"),n=require("@atlaskit/form"),i=require("@atlaskit/primitives"),C=require("@atlaskit/section-message"),b=require("@atlaskit/select"),o=require("react"),F=require("../../../../../jira/shared/data-access-workspaces/src/lib/user-workspace-service/index.cjs.js");require("../../../../frontend-ui-atlassian-product-fetch/src/lib/request-bitbucket/index.cjs.js");require("../../../../frontend-ui-atlassian-product-fetch/src/lib/request-confluence/index.cjs.js");const v=require("../../../../frontend-ui-atlassian-product-fetch/src/lib/request-jira/index.cjs.js"),y=require("../../../../frontend-ui-page-loading-view/src/lib/page-loading-view/index.cjs.js"),I=require("../jira-workspace-provider/index.cjs.js"),k=i.xcss({maxWidth:"max-content",paddingBlockStart:"space.1000"});function B({appName:t,children:h}){const[x,j]=o.useState(!1),[d,m]=o.useState(null),[a,u]=o.useState(""),[q,S]=o.useState(),p=v.useRequestJira(),l=o.useCallback(async c=>{try{u("");const r=c??(t&&localStorage.getItem(`${t}-user-workspace-id`))??"",s=await new F.AtlassianUserWorkspaceService(p).checkUserChosenWorkspace(r);s.hasChosen?(t&&localStorage.setItem(`${t}-user-workspace-id`,s.workspace),j(!0),S(s.workspace)):m(s.workspaces)}catch(r){r instanceof Error?u(`Error Occurred: ${r.message}`):u("Uncaught error occurred!")}},[t,p]);o.useEffect(()=>{l()},[l]);async function w({selectedWorkspace:c}){return l(c.value)}if(x)return e.jsx(I.JiraWorkspaceProvider,{workspaceId:q,children:h});if(d){const c=d.map(r=>({label:r.workspaceId,value:r.workspaceId}));return e.jsx(i.Flex,{justifyContent:"center",children:e.jsx(i.Box,{xcss:k,children:e.jsx(n,{onSubmit:w,children:({formProps:r,submitting:s})=>e.jsxs("form",{...r,children:[e.jsx(n.FormHeader,{title:"Choose Workspace",children:a?e.jsx(C,{appearance:"error",children:a}):null}),e.jsx(n.FormSection,{children:e.jsx(n.Field,{"aria-required":!0,name:"selectedWorkspace",label:"Workspace",isRequired:!0,children:({fieldProps:g})=>e.jsx("div",{"data-testid":"workspace-select-component",children:e.jsx(b,{...g,options:c})})})}),e.jsx(n.FormFooter,{align:"start",children:e.jsx(W.ButtonGroup,{label:"Form submit options",children:e.jsx(f,{type:"submit",appearance:"primary",isLoading:s,children:"Submit"})})})]})})})})}else return e.jsx(i.Flex,{justifyContent:"center",xcss:k,children:e.jsx(y.PageLoadingView,{label:"",loadingError:a})})}exports.FeatureChosenWorkspaceCheck=B;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),W=require("@atlaskit/button"),f=require("@atlaskit/button/new"),n=require("@atlaskit/form"),i=require("@atlaskit/primitives"),C=require("@atlaskit/section-message"),b=require("@atlaskit/select"),o=require("react"),F=require("../../../../../jira/shared/data-access-workspaces/src/lib/user-workspace-service/index.cjs.js");require("../../../../frontend-ui-atlassian-product-fetch/src/lib/request-bitbucket/index.cjs.js");require("../../../../frontend-ui-atlassian-product-fetch/src/lib/request-confluence/index.cjs.js");const v=require("../../../../frontend-ui-atlassian-product-fetch/src/lib/request-jira/index.cjs.js"),y=require("../../../../frontend-ui-page-loading-view/src/lib/page-loading-view/index.cjs.js"),I=require("../jira-workspace-provider/index.cjs.js"),k=i.xcss({maxWidth:"max-content",paddingBlockStart:"space.1000"});function B({appName:t,children:h}){const[x,j]=o.useState(!1),[d,m]=o.useState(null),[a,u]=o.useState(""),[S,q]=o.useState(),p=v.useRequestJira(),l=o.useCallback(async c=>{try{u("");const r=c??(t&&localStorage.getItem(`${t}-user-workspace-id`))??"",s=await new F.AtlassianUserWorkspaceService(p).checkUserChosenWorkspace(r);s.hasChosen?(t&&localStorage.setItem(`${t}-user-workspace-id`,s.workspace),j(!0),q(s.workspace)):m(s.workspaces)}catch(r){r instanceof Error?u(`Error Occurred: ${r.message}`):u("Uncaught error occurred!")}},[t,p]);o.useEffect(()=>{l()},[l]);async function w({selectedWorkspace:c}){return l(c.value)}if(x)return e.jsx(I.JiraWorkspaceProvider,{workspaceId:S,children:h});if(d){const c=d.map(r=>({label:r.workspaceId,value:r.workspaceId}));return e.jsx(i.Flex,{justifyContent:"center",children:e.jsx(i.Box,{xcss:k,children:e.jsx(n,{onSubmit:w,children:({formProps:r,submitting:s})=>e.jsxs("form",{...r,children:[e.jsx(n.FormHeader,{title:"Choose Workspace",children:a?e.jsx(C,{appearance:"error",children:a}):null}),e.jsx(n.FormSection,{children:e.jsx(n.Field,{name:"selectedWorkspace",label:"Workspace",isRequired:!0,children:({fieldProps:g})=>e.jsx("div",{"data-testid":"workspace-select-component",children:e.jsx(b,{...g,options:c})})})}),e.jsx(n.FormFooter,{align:"start",children:e.jsx(W.ButtonGroup,{label:"Form submit options",children:e.jsx(f,{type:"submit",appearance:"primary",isLoading:s,children:"Submit"})})})]})})})})}else return e.jsx(i.Flex,{justifyContent:"center",xcss:k,children:e.jsx(y.PageLoadingView,{label:"",loadingError:a})})}exports.FeatureChosenWorkspaceCheck=B;

package/atlassian/shared/frontend-feature-chosen-workspace-check/src/lib/feature-chosen-workspace-check/index.es.js

@@ -4,12 +4,12 @@ import F from "@atlaskit/button/new";
 import b, { FormHeader as y, FormSection as v, Field as I, FormFooter as B } from "@atlaskit/form";
 import { xcss as j, Flex as m, Box as E } from "@atlaskit/primitives";
 import L from "@atlaskit/section-message";
-import q from "@atlaskit/select";
-import { useState as c, useCallback as H, useEffect as R } from "react";
-import { AtlassianUserWorkspaceService as U } from "../../../../../jira/shared/data-access-workspaces/src/lib/user-workspace-service/index.es.js";
+import H from "@atlaskit/select";
+import { useState as c, useCallback as R, useEffect as U } from "react";
+import { AtlassianUserWorkspaceService as $ } from "../../../../../jira/shared/data-access-workspaces/src/lib/user-workspace-service/index.es.js";
 import "../../../../frontend-ui-atlassian-product-fetch/src/lib/request-bitbucket/index.es.js";
 import "../../../../frontend-ui-atlassian-product-fetch/src/lib/request-confluence/index.es.js";
-import { useRequestJira as $ } from "../../../../frontend-ui-atlassian-product-fetch/src/lib/request-jira/index.es.js";
+import { useRequestJira as q } from "../../../../frontend-ui-atlassian-product-fetch/src/lib/request-jira/index.es.js";
 import { PageLoadingView as J } from "../../../../frontend-ui-page-loading-view/src/lib/page-loading-view/index.es.js";
 import { JiraWorkspaceProvider as O } from "../jira-workspace-provider/index.es.js";
 const d = j({
@@ -22,11 +22,11 @@ function N({
 }) {
   const [k, h] = c(!1), [l, f] = c(
     null
-  ), [i, n] = c(""), [w, C] = c(), p = $(), a = H(
+  ), [n, i] = c(""), [w, C] = c(), p = q(), a = R(
     async (t) => {
       try {
-        n("");
-        const r = t ?? (s && localStorage.getItem(`${s}-user-workspace-id`)) ?? "", o = await new U(
+        i("");
+        const r = t ?? (s && localStorage.getItem(`${s}-user-workspace-id`)) ?? "", o = await new $(
           p
         ).checkUserChosenWorkspace(r);
         o.hasChosen ? (s && localStorage.setItem(
@@ -34,12 +34,12 @@ function N({
           o.workspace
         ), h(!0), C(o.workspace)) : f(o.workspaces);
       } catch (r) {
-        r instanceof Error ? n(`Error Occurred: ${r.message}`) : n("Uncaught error occurred!");
+        r instanceof Error ? i(`Error Occurred: ${r.message}`) : i("Uncaught error occurred!");
       }
     },
     [s, p]
   );
-  R(() => {
+  U(() => {
     a();
   }, [a]);
   async function W({
@@ -55,15 +55,14 @@ function N({
       value: r.workspaceId
     }));
     return /* @__PURE__ */ e(m, { justifyContent: "center", children: /* @__PURE__ */ e(E, { xcss: d, children: /* @__PURE__ */ e(b, { onSubmit: W, children: ({ formProps: r, submitting: o }) => /* @__PURE__ */ S("form", { ...r, children: [
-      /* @__PURE__ */ e(y, { title: "Choose Workspace", children: i ? /* @__PURE__ */ e(L, { appearance: "error", children: i }) : null }),
+      /* @__PURE__ */ e(y, { title: "Choose Workspace", children: n ? /* @__PURE__ */ e(L, { appearance: "error", children: n }) : null }),
       /* @__PURE__ */ e(v, { children: /* @__PURE__ */ e(
         I,
         {
-          "aria-required": !0,
           name: "selectedWorkspace",
           label: "Workspace",
           isRequired: !0,
-          children: ({ fieldProps: g }) => /* @__PURE__ */ e("div", { "data-testid": "workspace-select-component", children: /* @__PURE__ */ e(q, { ...g, options: t }) })
+          children: ({ fieldProps: g }) => /* @__PURE__ */ e("div", { "data-testid": "workspace-select-component", children: /* @__PURE__ */ e(H, { ...g, options: t }) })
         }
       ) }),
       /* @__PURE__ */ e(B, { align: "start", children: /* @__PURE__ */ e(x, { label: "Form submit options", children: /* @__PURE__ */ e(
@@ -77,7 +76,7 @@ function N({
       ) }) })
     ] }) }) }) });
   } else
-    return /* @__PURE__ */ e(m, { justifyContent: "center", xcss: d, children: /* @__PURE__ */ e(J, { label: "", loadingError: i }) });
+    return /* @__PURE__ */ e(m, { justifyContent: "center", xcss: d, children: /* @__PURE__ */ e(J, { label: "", loadingError: n }) });
 }
 export {
   N as FeatureChosenWorkspaceCheck

package/atlassian/shared/frontend-ui-expand-panel/src/lib/styled-panel/index.cjs.js

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("@atlaskit/theme"),e=require("@atlaskit/tokens"),t=require("styled-components"),a=t.css`
   transition: all 200ms ease-in-out;
-`,i=t.div`
+`,s=t.div`
   margin: 0 auto 0;
 `,n=t.div`
   left: 0;
@@ -12,10 +12,10 @@
   button {
     pointer-events: none;
   }
-`,s=t.div`
+`,i=t.div`
   align-items: center;
   background-color: ${o=>o.isFocused&&e.token("elevation.surface.hovered",r.colors.N20)};
-  border-radius: ${e.token("border.radius.100","3px")};
+  border-radius: ${e.token("radius.small","3px")};
   display: flex;
   left: ${e.token("space.negative.300","-24px")};
   //margin-bottom: ${e.token("space.100","8px")};
@@ -42,4 +42,4 @@
       opacity: 1;
     }
   }
-`;exports.ButtonWrapper=n;exports.PanelHeader=s;exports.PanelWrapper=i;
+`;exports.ButtonWrapper=n;exports.PanelHeader=i;exports.PanelWrapper=s;

package/atlassian/shared/frontend-ui-expand-panel/src/lib/styled-panel/index.es.js

@@ -1,11 +1,11 @@
-import { colors as r } from "@atlaskit/theme";
+import { colors as i } from "@atlaskit/theme";
 import { token as e } from "@atlaskit/tokens";
-import t, { css as a } from "styled-components";
-const n = a`
+import t, { css as r } from "styled-components";
+const n = r`
   transition: all 200ms ease-in-out;
-`, d = t.div`
+`, l = t.div`
   margin: 0 auto 0;
-`, i = t.div`
+`, a = t.div`
   left: 0;
   line-height: 0;
   opacity: ${({ isHidden: o }) => o ? 0 : 1};
@@ -15,10 +15,10 @@ const n = a`
   button {
     pointer-events: none;
   }
-`, l = t.div`
+`, d = t.div`
   align-items: center;
-  background-color: ${(o) => o.isFocused && e("elevation.surface.hovered", r.N20)};
-  border-radius: ${e("border.radius.100", "3px")};
+  background-color: ${(o) => o.isFocused && e("elevation.surface.hovered", i.N20)};
+  border-radius: ${e("radius.small", "3px")};
   display: flex;
   left: ${e("space.negative.300", "-24px")};
   //margin-bottom: ${e("space.100", "8px")};
@@ -29,7 +29,7 @@ const n = a`
   ${n};
   width: 100%;
 
-  ${i} {
+  ${a} {
     opacity: ${(o) => o.isFocused && 1};
   }
 
@@ -38,16 +38,16 @@ const n = a`
   }
 
   &:hover {
-    background-color: ${e("elevation.surface.hovered", r.N20)};
+    background-color: ${e("elevation.surface.hovered", i.N20)};
     cursor: pointer;
 
-    ${i} {
+    ${a} {
       opacity: 1;
     }
   }
 `;
 export {
-  i as ButtonWrapper,
-  l as PanelHeader,
-  d as PanelWrapper
+  a as ButtonWrapper,
+  d as PanelHeader,
+  l as PanelWrapper
 };

package/examples/hello-world/example-box.tsx

@@ -11,7 +11,7 @@ export function ExampleBox({
       padding="space.200"
       xcss={xcss({
         borderColor: 'color.border',
-        borderWidth: '1px',
+        borderWidth: 'border.width',
         borderStyle: 'solid',
       })}
     >

package/examples/hello-world/example-components/forge-storage-example.tsx

@@ -41,13 +41,7 @@ export function ForgeStorageExample() {
       <Form<FormValue> onSubmit={saveForm}>
         {({ formProps, submitting }) => (
           <form {...formProps}>
-            <Field
-              aria-required={true}
-              name="name"
-              label="My name"
-              isRequired
-              defaultValue={myName}
-            >
+            <Field name="name" label="My name" isRequired defaultValue={myName}>
               {({ fieldProps }) => <Textfield {...fieldProps} />}
             </Field>
             <ButtonGroup>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@valiantys/atlassian-app-frontend",
-  "version": "3.1.0-alpha-2",
+  "version": "3.1.0-alpha-3",
   "description": "This library provides an Atlassian Forge Custom UI wrapper component that handles all the setup necessary to support an app that can run deployed or in standalone mode",
   "exports": {
     "./atlassian-app": {
@@ -185,20 +185,20 @@
     }
   },
   "peerDependencies": {
-    "@atlaskit/banner": "^14.0.2",
-    "@atlaskit/button": "^23.2.0",
-    "@atlaskit/css-reset": "^7.3.0",
-    "@atlaskit/datetime-picker": "^17.0.2",
-    "@atlaskit/flag": "^17.1.4",
-    "@atlaskit/form": "^12.0.4",
-    "@atlaskit/heading": "^5.2.0",
-    "@atlaskit/icon": "^26.1.1",
-    "@atlaskit/primitives": "^14.8.0",
-    "@atlaskit/section-message": "^8.2.4",
-    "@atlaskit/select": "^20.6.0",
-    "@atlaskit/spinner": "^18.0.4",
-    "@atlaskit/tokens": "^4.9.0",
-    "@forge/bridge": "^5.7.0",
+    "@atlaskit/banner": "^14.0.22",
+    "@atlaskit/button": "^23.9.3",
+    "@atlaskit/css-reset": "^7.3.10",
+    "@atlaskit/datetime-picker": "^17.4.1",
+    "@atlaskit/flag": "^17.8.0",
+    "@atlaskit/form": "^15.3.0",
+    "@atlaskit/heading": "^5.2.18",
+    "@atlaskit/icon": "^29.4.1",
+    "@atlaskit/primitives": "^17.0.0",
+    "@atlaskit/section-message": "^8.12.0",
+    "@atlaskit/select": "^21.6.4",
+    "@atlaskit/spinner": "^19.0.8",
+    "@atlaskit/tokens": "^9.1.2",
+    "@forge/bridge": "^5.10.2",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-router-dom": "^6.26.2"