@octaviaflow/core 3.1.0-beta.79 → 3.1.0-beta.80
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/AuthScreen/AuthScreen.d.ts +17 -2
- package/dist/components/AuthScreen/AuthScreen.d.ts.map +1 -1
- package/dist/index.cjs +553 -487
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +186 -122
- package/dist/index.js.map +1 -1
- package/dist/styles.css +1 -1
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -4304,6 +4304,9 @@ var PasswordInput = (0, import_react31.forwardRef)(
|
|
|
4304
4304
|
);
|
|
4305
4305
|
PasswordInput.displayName = "PasswordInput";
|
|
4306
4306
|
|
|
4307
|
+
// src/components/AuthScreen/AuthScreen.tsx
|
|
4308
|
+
var import_icons5 = require("@octaviaflow/icons");
|
|
4309
|
+
|
|
4307
4310
|
// src/components/SocialButton/SocialButton.tsx
|
|
4308
4311
|
var import_icons4 = require("@octaviaflow/icons");
|
|
4309
4312
|
var import_react32 = require("react");
|
|
@@ -4675,19 +4678,23 @@ function AuthFormHeader({ logo, title, titleId, description, headingLevel }) {
|
|
|
4675
4678
|
description && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "ods-auth-form__desc", children: description })
|
|
4676
4679
|
] });
|
|
4677
4680
|
}
|
|
4678
|
-
function AuthFormSocial({ providers, onSocialClick, dividerLabel, disabled }) {
|
|
4681
|
+
function AuthFormSocial({ providers, onSocialClick, dividerLabel, disabled, position = "bottom" }) {
|
|
4679
4682
|
if (!providers || providers.length === 0) return null;
|
|
4680
|
-
|
|
4683
|
+
const row = /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "ods-auth-form__social", children: providers.map((provider) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
4684
|
+
SocialButton,
|
|
4685
|
+
{
|
|
4686
|
+
provider,
|
|
4687
|
+
disabled,
|
|
4688
|
+
onClick: () => onSocialClick?.(provider)
|
|
4689
|
+
},
|
|
4690
|
+
provider
|
|
4691
|
+
)) });
|
|
4692
|
+
return position === "top" ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
|
|
4693
|
+
row,
|
|
4694
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)(AuthDivider, { children: dividerLabel })
|
|
4695
|
+
] }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
|
|
4681
4696
|
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)(AuthDivider, { children: dividerLabel }),
|
|
4682
|
-
|
|
4683
|
-
SocialButton,
|
|
4684
|
-
{
|
|
4685
|
-
provider,
|
|
4686
|
-
disabled,
|
|
4687
|
-
onClick: () => onSocialClick?.(provider)
|
|
4688
|
-
},
|
|
4689
|
-
provider
|
|
4690
|
-
)) })
|
|
4697
|
+
row
|
|
4691
4698
|
] });
|
|
4692
4699
|
}
|
|
4693
4700
|
function AuthFormFooterLink({ prompt, label, href, onClick }) {
|
|
@@ -4720,6 +4727,7 @@ function AuthLoginForm({
|
|
|
4720
4727
|
forgotLabel = "Forgot your password?",
|
|
4721
4728
|
socialProviders = ["google"],
|
|
4722
4729
|
onSocialClick,
|
|
4730
|
+
socialPosition = "bottom",
|
|
4723
4731
|
socialDividerLabel = "Or, log in with",
|
|
4724
4732
|
registerHref,
|
|
4725
4733
|
onRegisterClick,
|
|
@@ -4761,6 +4769,16 @@ function AuthLoginForm({
|
|
|
4761
4769
|
error && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Banner, { variant: "error", children: error }),
|
|
4762
4770
|
success && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Banner, { variant: "success", children: success })
|
|
4763
4771
|
] }),
|
|
4772
|
+
socialPosition === "top" && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
4773
|
+
AuthFormSocial,
|
|
4774
|
+
{
|
|
4775
|
+
providers: socialProviders,
|
|
4776
|
+
onSocialClick,
|
|
4777
|
+
dividerLabel: socialDividerLabel,
|
|
4778
|
+
disabled: loading,
|
|
4779
|
+
position: "top"
|
|
4780
|
+
}
|
|
4781
|
+
),
|
|
4764
4782
|
/* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "ods-auth-form__fields", children: [
|
|
4765
4783
|
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
4766
4784
|
Input,
|
|
@@ -4803,7 +4821,7 @@ function AuthLoginForm({
|
|
|
4803
4821
|
hasForgot && (forgotHref ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("a", { className: "ods-auth-form__link", href: forgotHref, onClick: onForgotClick, children: forgotLabel }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("button", { type: "button", className: "ods-auth-form__link", onClick: onForgotClick, children: forgotLabel }))
|
|
4804
4822
|
] }),
|
|
4805
4823
|
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Button, { type: "submit", variant: "primary", fullWidth: true, loading, children: submitLabel }),
|
|
4806
|
-
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
4824
|
+
socialPosition === "bottom" && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
4807
4825
|
AuthFormSocial,
|
|
4808
4826
|
{
|
|
4809
4827
|
providers: socialProviders,
|
|
@@ -4857,6 +4875,10 @@ function AuthSignupForm({
|
|
|
4857
4875
|
socialProviders = ["google"],
|
|
4858
4876
|
onSocialClick,
|
|
4859
4877
|
socialDividerLabel = "Or, sign up with",
|
|
4878
|
+
layout = "form-first",
|
|
4879
|
+
emailCtaLabel = "Sign up with email",
|
|
4880
|
+
backLabel = "Back to all options",
|
|
4881
|
+
highlights,
|
|
4860
4882
|
signInHref,
|
|
4861
4883
|
onSignInClick,
|
|
4862
4884
|
signInPrompt = "Already have an account?",
|
|
@@ -4876,6 +4898,8 @@ function AuthSignupForm({
|
|
|
4876
4898
|
const [isCompanyAccount, setIsCompanyAccount] = (0, import_react33.useState)(false);
|
|
4877
4899
|
const [companyName, setCompanyName] = (0, import_react33.useState)("");
|
|
4878
4900
|
const [domain, setDomain] = (0, import_react33.useState)("");
|
|
4901
|
+
const [entryMode, setEntryMode] = (0, import_react33.useState)("choice");
|
|
4902
|
+
const choiceScreen = layout === "choice-first" && entryMode === "choice";
|
|
4879
4903
|
(0, import_react33.useEffect)(() => {
|
|
4880
4904
|
if (!showCompanyToggle || !isCompanyAccount || domain) return;
|
|
4881
4905
|
const at = email.indexOf("@");
|
|
@@ -4916,138 +4940,180 @@ function AuthSignupForm({
|
|
|
4916
4940
|
error && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Banner, { variant: "error", children: error }),
|
|
4917
4941
|
success && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Banner, { variant: "success", children: success })
|
|
4918
4942
|
] }),
|
|
4919
|
-
/* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "ods-auth-
|
|
4920
|
-
|
|
4921
|
-
|
|
4943
|
+
choiceScreen && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "ods-auth-form__choice", children: [
|
|
4944
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "ods-auth-form__social", children: (socialProviders ?? []).map((provider) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
4945
|
+
SocialButton,
|
|
4946
|
+
{
|
|
4947
|
+
provider,
|
|
4948
|
+
disabled: loading,
|
|
4949
|
+
onClick: () => onSocialClick?.(provider)
|
|
4950
|
+
},
|
|
4951
|
+
provider
|
|
4952
|
+
)) }),
|
|
4953
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)(AuthDivider, { children: "or" }),
|
|
4954
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
4955
|
+
Button,
|
|
4956
|
+
{
|
|
4957
|
+
type: "button",
|
|
4958
|
+
variant: "secondary",
|
|
4959
|
+
fullWidth: true,
|
|
4960
|
+
disabled: loading,
|
|
4961
|
+
onClick: () => setEntryMode("email"),
|
|
4962
|
+
children: emailCtaLabel
|
|
4963
|
+
}
|
|
4964
|
+
),
|
|
4965
|
+
highlights && highlights.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("ul", { className: "ods-auth-form__highlights", children: highlights.map((item, i) => (
|
|
4966
|
+
// biome-ignore lint/suspicious/noArrayIndexKey: static copy row
|
|
4967
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("li", { children: [
|
|
4968
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_icons5.CheckmarkFilledIcon, { size: "sm", "aria-hidden": "true" }),
|
|
4969
|
+
item
|
|
4970
|
+
] }, i)
|
|
4971
|
+
)) })
|
|
4972
|
+
] }),
|
|
4973
|
+
!choiceScreen && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
|
|
4974
|
+
layout === "choice-first" && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
4975
|
+
"button",
|
|
4976
|
+
{
|
|
4977
|
+
type: "button",
|
|
4978
|
+
className: "ods-auth-form__back",
|
|
4979
|
+
onClick: () => setEntryMode("choice"),
|
|
4980
|
+
disabled: loading,
|
|
4981
|
+
children: backLabel
|
|
4982
|
+
}
|
|
4983
|
+
),
|
|
4984
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "ods-auth-form__fields", children: [
|
|
4985
|
+
nameLayout === "split" ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "ods-auth-form__grid2", children: [
|
|
4986
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
4987
|
+
Input,
|
|
4988
|
+
{
|
|
4989
|
+
label: firstNameLabel,
|
|
4990
|
+
type: "text",
|
|
4991
|
+
name: "firstName",
|
|
4992
|
+
autoComplete: "given-name",
|
|
4993
|
+
required: true,
|
|
4994
|
+
placeholder: firstNamePlaceholder,
|
|
4995
|
+
value: firstName,
|
|
4996
|
+
onChange: (e) => setFirstName(e.target.value),
|
|
4997
|
+
disabled: loading
|
|
4998
|
+
}
|
|
4999
|
+
),
|
|
5000
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
5001
|
+
Input,
|
|
5002
|
+
{
|
|
5003
|
+
label: lastNameLabel,
|
|
5004
|
+
type: "text",
|
|
5005
|
+
name: "lastName",
|
|
5006
|
+
autoComplete: "family-name",
|
|
5007
|
+
required: true,
|
|
5008
|
+
placeholder: lastNamePlaceholder,
|
|
5009
|
+
value: lastName,
|
|
5010
|
+
onChange: (e) => setLastName(e.target.value),
|
|
5011
|
+
disabled: loading
|
|
5012
|
+
}
|
|
5013
|
+
)
|
|
5014
|
+
] }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
4922
5015
|
Input,
|
|
4923
5016
|
{
|
|
4924
|
-
label:
|
|
5017
|
+
label: nameLabel,
|
|
4925
5018
|
type: "text",
|
|
4926
|
-
name: "
|
|
4927
|
-
autoComplete: "
|
|
5019
|
+
name: "name",
|
|
5020
|
+
autoComplete: "name",
|
|
4928
5021
|
required: true,
|
|
4929
|
-
placeholder:
|
|
4930
|
-
value:
|
|
4931
|
-
onChange: (e) =>
|
|
5022
|
+
placeholder: namePlaceholder,
|
|
5023
|
+
value: name,
|
|
5024
|
+
onChange: (e) => setName(e.target.value),
|
|
4932
5025
|
disabled: loading
|
|
4933
5026
|
}
|
|
4934
5027
|
),
|
|
4935
5028
|
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
4936
5029
|
Input,
|
|
4937
5030
|
{
|
|
4938
|
-
label:
|
|
4939
|
-
type: "
|
|
4940
|
-
name: "
|
|
4941
|
-
autoComplete: "
|
|
5031
|
+
label: emailLabel,
|
|
5032
|
+
type: "email",
|
|
5033
|
+
name: "email",
|
|
5034
|
+
autoComplete: "email",
|
|
4942
5035
|
required: true,
|
|
4943
|
-
placeholder:
|
|
4944
|
-
value:
|
|
4945
|
-
onChange: (e) =>
|
|
5036
|
+
placeholder: emailPlaceholder,
|
|
5037
|
+
value: email,
|
|
5038
|
+
onChange: (e) => setEmail(e.target.value),
|
|
5039
|
+
disabled: loading
|
|
5040
|
+
}
|
|
5041
|
+
),
|
|
5042
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
5043
|
+
PasswordInput,
|
|
5044
|
+
{
|
|
5045
|
+
label: passwordLabel,
|
|
5046
|
+
name: "password",
|
|
5047
|
+
autoComplete: "new-password",
|
|
5048
|
+
required: true,
|
|
5049
|
+
placeholder: passwordPlaceholder,
|
|
5050
|
+
value: password,
|
|
5051
|
+
onChange: setPassword,
|
|
5052
|
+
strengthRules: passwordStrengthRules,
|
|
4946
5053
|
disabled: loading
|
|
4947
5054
|
}
|
|
4948
5055
|
)
|
|
4949
|
-
] })
|
|
4950
|
-
|
|
4951
|
-
|
|
4952
|
-
|
|
4953
|
-
|
|
4954
|
-
|
|
4955
|
-
|
|
4956
|
-
|
|
4957
|
-
|
|
4958
|
-
|
|
4959
|
-
|
|
4960
|
-
|
|
4961
|
-
|
|
4962
|
-
|
|
4963
|
-
|
|
4964
|
-
|
|
5056
|
+
] }),
|
|
5057
|
+
showCompanyToggle && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
|
|
5058
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
5059
|
+
Checkbox,
|
|
5060
|
+
{
|
|
5061
|
+
label: companyToggleLabel,
|
|
5062
|
+
checked: isCompanyAccount,
|
|
5063
|
+
onChange: setIsCompanyAccount,
|
|
5064
|
+
disabled: loading
|
|
5065
|
+
}
|
|
5066
|
+
),
|
|
5067
|
+
isCompanyAccount && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "ods-auth-form__grid2", children: [
|
|
5068
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
5069
|
+
Input,
|
|
5070
|
+
{
|
|
5071
|
+
label: companyNameLabel,
|
|
5072
|
+
type: "text",
|
|
5073
|
+
name: "companyName",
|
|
5074
|
+
autoComplete: "organization",
|
|
5075
|
+
required: true,
|
|
5076
|
+
placeholder: companyNamePlaceholder,
|
|
5077
|
+
value: companyName,
|
|
5078
|
+
onChange: (e) => setCompanyName(e.target.value),
|
|
5079
|
+
disabled: loading
|
|
5080
|
+
}
|
|
5081
|
+
),
|
|
5082
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
5083
|
+
Input,
|
|
5084
|
+
{
|
|
5085
|
+
label: domainLabel,
|
|
5086
|
+
type: "text",
|
|
5087
|
+
name: "domain",
|
|
5088
|
+
placeholder: domainPlaceholder,
|
|
5089
|
+
value: domain,
|
|
5090
|
+
onChange: (e) => setDomain(e.target.value),
|
|
5091
|
+
disabled: loading
|
|
5092
|
+
}
|
|
5093
|
+
)
|
|
5094
|
+
] })
|
|
5095
|
+
] }),
|
|
5096
|
+
showTerms && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
5097
|
+
Checkbox,
|
|
4965
5098
|
{
|
|
4966
|
-
label:
|
|
4967
|
-
|
|
4968
|
-
|
|
4969
|
-
autoComplete: "email",
|
|
5099
|
+
label: termsLabel,
|
|
5100
|
+
checked: acceptTerms,
|
|
5101
|
+
onChange: setAcceptTerms,
|
|
4970
5102
|
required: true,
|
|
4971
|
-
placeholder: emailPlaceholder,
|
|
4972
|
-
value: email,
|
|
4973
|
-
onChange: (e) => setEmail(e.target.value),
|
|
4974
5103
|
disabled: loading
|
|
4975
5104
|
}
|
|
4976
5105
|
),
|
|
4977
|
-
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
4978
|
-
|
|
5106
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Button, { type: "submit", variant: "primary", fullWidth: true, loading, children: submitLabel }),
|
|
5107
|
+
layout === "form-first" && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
5108
|
+
AuthFormSocial,
|
|
4979
5109
|
{
|
|
4980
|
-
|
|
4981
|
-
|
|
4982
|
-
|
|
4983
|
-
required: true,
|
|
4984
|
-
placeholder: passwordPlaceholder,
|
|
4985
|
-
value: password,
|
|
4986
|
-
onChange: setPassword,
|
|
4987
|
-
strengthRules: passwordStrengthRules,
|
|
5110
|
+
providers: socialProviders,
|
|
5111
|
+
onSocialClick,
|
|
5112
|
+
dividerLabel: socialDividerLabel,
|
|
4988
5113
|
disabled: loading
|
|
4989
5114
|
}
|
|
4990
5115
|
)
|
|
4991
5116
|
] }),
|
|
4992
|
-
showCompanyToggle && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
|
|
4993
|
-
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
4994
|
-
Checkbox,
|
|
4995
|
-
{
|
|
4996
|
-
label: companyToggleLabel,
|
|
4997
|
-
checked: isCompanyAccount,
|
|
4998
|
-
onChange: setIsCompanyAccount,
|
|
4999
|
-
disabled: loading
|
|
5000
|
-
}
|
|
5001
|
-
),
|
|
5002
|
-
isCompanyAccount && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "ods-auth-form__grid2", children: [
|
|
5003
|
-
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
5004
|
-
Input,
|
|
5005
|
-
{
|
|
5006
|
-
label: companyNameLabel,
|
|
5007
|
-
type: "text",
|
|
5008
|
-
name: "companyName",
|
|
5009
|
-
autoComplete: "organization",
|
|
5010
|
-
required: true,
|
|
5011
|
-
placeholder: companyNamePlaceholder,
|
|
5012
|
-
value: companyName,
|
|
5013
|
-
onChange: (e) => setCompanyName(e.target.value),
|
|
5014
|
-
disabled: loading
|
|
5015
|
-
}
|
|
5016
|
-
),
|
|
5017
|
-
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
5018
|
-
Input,
|
|
5019
|
-
{
|
|
5020
|
-
label: domainLabel,
|
|
5021
|
-
type: "text",
|
|
5022
|
-
name: "domain",
|
|
5023
|
-
placeholder: domainPlaceholder,
|
|
5024
|
-
value: domain,
|
|
5025
|
-
onChange: (e) => setDomain(e.target.value),
|
|
5026
|
-
disabled: loading
|
|
5027
|
-
}
|
|
5028
|
-
)
|
|
5029
|
-
] })
|
|
5030
|
-
] }),
|
|
5031
|
-
showTerms && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
5032
|
-
Checkbox,
|
|
5033
|
-
{
|
|
5034
|
-
label: termsLabel,
|
|
5035
|
-
checked: acceptTerms,
|
|
5036
|
-
onChange: setAcceptTerms,
|
|
5037
|
-
required: true,
|
|
5038
|
-
disabled: loading
|
|
5039
|
-
}
|
|
5040
|
-
),
|
|
5041
|
-
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Button, { type: "submit", variant: "primary", fullWidth: true, loading, children: submitLabel }),
|
|
5042
|
-
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
5043
|
-
AuthFormSocial,
|
|
5044
|
-
{
|
|
5045
|
-
providers: socialProviders,
|
|
5046
|
-
onSocialClick,
|
|
5047
|
-
dividerLabel: socialDividerLabel,
|
|
5048
|
-
disabled: loading
|
|
5049
|
-
}
|
|
5050
|
-
),
|
|
5051
5117
|
footer ?? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
5052
5118
|
AuthFormFooterLink,
|
|
5053
5119
|
{
|
|
@@ -5762,7 +5828,7 @@ function Breadcrumb({
|
|
|
5762
5828
|
}
|
|
5763
5829
|
|
|
5764
5830
|
// src/components/Calendar/Calendar.tsx
|
|
5765
|
-
var
|
|
5831
|
+
var import_icons7 = require("@octaviaflow/icons");
|
|
5766
5832
|
var import_react40 = require("react");
|
|
5767
5833
|
|
|
5768
5834
|
// src/components/Select/Select.tsx
|
|
@@ -5770,7 +5836,7 @@ var import_framer_motion8 = require("framer-motion");
|
|
|
5770
5836
|
var import_react39 = require("react");
|
|
5771
5837
|
var import_react_aria5 = require("react-aria");
|
|
5772
5838
|
var import_react_dom2 = require("react-dom");
|
|
5773
|
-
var
|
|
5839
|
+
var import_icons6 = require("@octaviaflow/icons");
|
|
5774
5840
|
|
|
5775
5841
|
// src/components/Tooltip/Tooltip.tsx
|
|
5776
5842
|
var import_framer_motion7 = require("framer-motion");
|
|
@@ -6058,7 +6124,7 @@ function Option({
|
|
|
6058
6124
|
/* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "ods-select__option-label", children: item.rendered }),
|
|
6059
6125
|
option?.description && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "ods-select__option-desc", children: option.description })
|
|
6060
6126
|
] }),
|
|
6061
|
-
isSelected && showCheckmark && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "ods-select__check", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
6127
|
+
isSelected && showCheckmark && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "ods-select__check", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_icons6.CheckmarkIcon, { size: "xs", tone: "accent" }) })
|
|
6062
6128
|
]
|
|
6063
6129
|
}
|
|
6064
6130
|
)
|
|
@@ -6268,7 +6334,7 @@ var Select = (0, import_react39.forwardRef)(function Select2({
|
|
|
6268
6334
|
state.isOpen && "ods-select__chevron--open"
|
|
6269
6335
|
),
|
|
6270
6336
|
"aria-hidden": "true",
|
|
6271
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
6337
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_icons6.ChevronDownIcon, { size: "xs" })
|
|
6272
6338
|
}
|
|
6273
6339
|
)
|
|
6274
6340
|
]
|
|
@@ -6596,7 +6662,7 @@ var Calendar = (0, import_react40.forwardRef)(function Calendar2({
|
|
|
6596
6662
|
className: "ods-calendar__nav",
|
|
6597
6663
|
onClick: () => setMonth(addMonths(visibleMonth, -1)),
|
|
6598
6664
|
"aria-label": "Previous month",
|
|
6599
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
|
|
6665
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_icons7.ChevronLeftIcon, { "aria-hidden": "true" })
|
|
6600
6666
|
}
|
|
6601
6667
|
) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "ods-calendar__nav ods-calendar__nav--placeholder", "aria-hidden": "true" }),
|
|
6602
6668
|
captionLayout === "dropdowns" ? (
|
|
@@ -6667,7 +6733,7 @@ var Calendar = (0, import_react40.forwardRef)(function Calendar2({
|
|
|
6667
6733
|
className: "ods-calendar__nav",
|
|
6668
6734
|
onClick: () => setMonth(addMonths(visibleMonth, 1)),
|
|
6669
6735
|
"aria-label": "Next month",
|
|
6670
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
|
|
6736
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_icons7.ChevronRightIcon, { "aria-hidden": "true" })
|
|
6671
6737
|
}
|
|
6672
6738
|
) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "ods-calendar__nav ods-calendar__nav--placeholder", "aria-hidden": "true" })
|
|
6673
6739
|
] }),
|
|
@@ -8712,7 +8778,7 @@ Chip.displayName = "Chip";
|
|
|
8712
8778
|
|
|
8713
8779
|
// src/components/ChoiceCard/ChoiceCard.tsx
|
|
8714
8780
|
var import_framer_motion11 = require("framer-motion");
|
|
8715
|
-
var
|
|
8781
|
+
var import_icons8 = require("@octaviaflow/icons");
|
|
8716
8782
|
var import_react59 = require("react");
|
|
8717
8783
|
var import_jsx_runtime42 = require("react/jsx-runtime");
|
|
8718
8784
|
var ChoiceCard = (0, import_react59.forwardRef)(
|
|
@@ -8780,7 +8846,7 @@ var ChoiceCard = (0, import_react59.forwardRef)(
|
|
|
8780
8846
|
duration: 0.18,
|
|
8781
8847
|
ease: [0.34, 1.2, 0.64, 1]
|
|
8782
8848
|
},
|
|
8783
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
|
|
8849
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_icons8.CheckmarkIcon, { size: "xs" })
|
|
8784
8850
|
},
|
|
8785
8851
|
"check"
|
|
8786
8852
|
) })
|
|
@@ -8982,7 +9048,7 @@ var ConnectorCard = (0, import_react60.forwardRef)(
|
|
|
8982
9048
|
ConnectorCard.displayName = "ConnectorCard";
|
|
8983
9049
|
|
|
8984
9050
|
// src/components/CodeEditor/CodeEditor.tsx
|
|
8985
|
-
var
|
|
9051
|
+
var import_icons9 = require("@octaviaflow/icons");
|
|
8986
9052
|
var import_react61 = require("react");
|
|
8987
9053
|
var import_jsx_runtime44 = require("react/jsx-runtime");
|
|
8988
9054
|
var COMMENT_PREFIX = {
|
|
@@ -9363,7 +9429,7 @@ ${indent}`;
|
|
|
9363
9429
|
"aria-pressed": wordWrap,
|
|
9364
9430
|
"aria-label": "Toggle word wrap",
|
|
9365
9431
|
title: "Word wrap",
|
|
9366
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
9432
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_icons9.TextWrapIcon, { "aria-hidden": "true" })
|
|
9367
9433
|
}
|
|
9368
9434
|
),
|
|
9369
9435
|
showFormatBtn && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
@@ -9374,7 +9440,7 @@ ${indent}`;
|
|
|
9374
9440
|
onClick: handleFormat,
|
|
9375
9441
|
"aria-label": "Format",
|
|
9376
9442
|
title: "Format (JSON)",
|
|
9377
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
9443
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_icons9.MagicWandIcon, { "aria-hidden": "true" })
|
|
9378
9444
|
}
|
|
9379
9445
|
),
|
|
9380
9446
|
showCopy && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
@@ -9385,13 +9451,13 @@ ${indent}`;
|
|
|
9385
9451
|
onClick: handleCopy,
|
|
9386
9452
|
"aria-label": "Copy",
|
|
9387
9453
|
title: "Copy",
|
|
9388
|
-
children: copied ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
9454
|
+
children: copied ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_icons9.CheckmarkIcon, { "aria-hidden": "true" }) : /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_icons9.CopyIcon, { "aria-hidden": "true" })
|
|
9389
9455
|
}
|
|
9390
9456
|
)
|
|
9391
9457
|
] })
|
|
9392
9458
|
] }),
|
|
9393
9459
|
findOpen && /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "ods-code-editor__find", role: "search", children: [
|
|
9394
|
-
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
9460
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_icons9.SearchIcon, { "aria-hidden": "true" }),
|
|
9395
9461
|
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
9396
9462
|
"input",
|
|
9397
9463
|
{
|
|
@@ -9553,7 +9619,7 @@ ${indent}`;
|
|
|
9553
9619
|
CodeEditor.displayName = "CodeEditor";
|
|
9554
9620
|
|
|
9555
9621
|
// src/components/Coachmark/Coachmark.tsx
|
|
9556
|
-
var
|
|
9622
|
+
var import_icons10 = require("@octaviaflow/icons");
|
|
9557
9623
|
var import_framer_motion12 = require("framer-motion");
|
|
9558
9624
|
var import_react62 = require("react");
|
|
9559
9625
|
var import_react_dom3 = require("react-dom");
|
|
@@ -9726,7 +9792,7 @@ var Coachmark = (0, import_react62.forwardRef)(
|
|
|
9726
9792
|
className: "ods-coachmark__close",
|
|
9727
9793
|
"aria-label": "Dismiss",
|
|
9728
9794
|
onClick: onDismiss,
|
|
9729
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
9795
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_icons10.CloseIcon, { size: "xs", "aria-hidden": true })
|
|
9730
9796
|
}
|
|
9731
9797
|
),
|
|
9732
9798
|
/* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "ods-coachmark__header", children: [
|
|
@@ -9818,7 +9884,7 @@ function useCoachmarkSeen(key, storagePrefix = "ods-coachmark:") {
|
|
|
9818
9884
|
}
|
|
9819
9885
|
|
|
9820
9886
|
// src/components/ColorPicker/ColorPicker.tsx
|
|
9821
|
-
var
|
|
9887
|
+
var import_icons11 = require("@octaviaflow/icons");
|
|
9822
9888
|
var import_react63 = require("react");
|
|
9823
9889
|
var import_jsx_runtime46 = require("react/jsx-runtime");
|
|
9824
9890
|
function isValidHex(v) {
|
|
@@ -9968,7 +10034,7 @@ var ColorPicker = (0, import_react63.forwardRef)(
|
|
|
9968
10034
|
tabIndex: -1
|
|
9969
10035
|
}
|
|
9970
10036
|
),
|
|
9971
|
-
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
10037
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_icons11.EyedropperIcon, { "aria-hidden": "true" })
|
|
9972
10038
|
]
|
|
9973
10039
|
}
|
|
9974
10040
|
)
|
|
@@ -10016,7 +10082,7 @@ var ColorPicker = (0, import_react63.forwardRef)(
|
|
|
10016
10082
|
ColorPicker.displayName = "ColorPicker";
|
|
10017
10083
|
|
|
10018
10084
|
// src/components/CommandPalette/CommandPalette.tsx
|
|
10019
|
-
var
|
|
10085
|
+
var import_icons12 = require("@octaviaflow/icons");
|
|
10020
10086
|
var import_framer_motion13 = require("framer-motion");
|
|
10021
10087
|
var import_react64 = require("react");
|
|
10022
10088
|
var import_react_dom4 = require("react-dom");
|
|
@@ -10136,7 +10202,7 @@ var CommandPalette = (0, import_react64.forwardRef)(
|
|
|
10136
10202
|
id: baseId,
|
|
10137
10203
|
children: [
|
|
10138
10204
|
/* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "ods-cmdk__searchbar", children: [
|
|
10139
|
-
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
10205
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_icons12.SearchIcon, { size: "sm", "aria-hidden": true, className: "ods-cmdk__search-icon" }),
|
|
10140
10206
|
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
10141
10207
|
"input",
|
|
10142
10208
|
{
|
|
@@ -10279,12 +10345,12 @@ function useCommandPaletteShortcut(toggle, options2 = {}) {
|
|
|
10279
10345
|
}
|
|
10280
10346
|
|
|
10281
10347
|
// src/components/ConditionBuilder/ConditionBuilder.tsx
|
|
10282
|
-
var
|
|
10348
|
+
var import_icons14 = require("@octaviaflow/icons");
|
|
10283
10349
|
var import_react66 = require("react");
|
|
10284
10350
|
var import_react_dom6 = require("react-dom");
|
|
10285
10351
|
|
|
10286
10352
|
// src/components/Combobox/Combobox.tsx
|
|
10287
|
-
var
|
|
10353
|
+
var import_icons13 = require("@octaviaflow/icons");
|
|
10288
10354
|
var import_react65 = require("react");
|
|
10289
10355
|
var import_react_dom5 = require("react-dom");
|
|
10290
10356
|
var import_jsx_runtime48 = require("react/jsx-runtime");
|
|
@@ -10469,7 +10535,7 @@ function Combobox({
|
|
|
10469
10535
|
"aria-expanded": open,
|
|
10470
10536
|
disabled,
|
|
10471
10537
|
tabIndex: -1,
|
|
10472
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
|
|
10538
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_icons13.ChevronDownIcon, { "aria-hidden": "true", className: "ods-combobox__chev" })
|
|
10473
10539
|
}
|
|
10474
10540
|
)
|
|
10475
10541
|
] }),
|
|
@@ -10669,7 +10735,7 @@ function OptionDropdown({
|
|
|
10669
10735
|
selected?.icon && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "ods-cb-dd__icon", "aria-hidden": "true", children: selected.icon }),
|
|
10670
10736
|
selected?.symbol && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "ods-cb-dd__symbol", children: selected.symbol }),
|
|
10671
10737
|
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: cn("ods-cb-dd__label", !selected && "ods-cb-dd__label--placeholder"), children: selected?.label ?? placeholder }),
|
|
10672
|
-
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
|
|
10738
|
+
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_icons14.ChevronDownIcon, { "aria-hidden": "true", className: "ods-cb-dd__chev" })
|
|
10673
10739
|
]
|
|
10674
10740
|
}
|
|
10675
10741
|
),
|
|
@@ -10688,7 +10754,7 @@ function OptionDropdown({
|
|
|
10688
10754
|
},
|
|
10689
10755
|
children: [
|
|
10690
10756
|
showSearch && /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "ods-cb-dd__search", children: [
|
|
10691
|
-
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
|
|
10757
|
+
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_icons14.SearchIcon, { "aria-hidden": "true" }),
|
|
10692
10758
|
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
|
|
10693
10759
|
"input",
|
|
10694
10760
|
{
|
|
@@ -10723,7 +10789,7 @@ function OptionDropdown({
|
|
|
10723
10789
|
opt.description && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "ods-cb-dd__opt-desc", children: opt.description })
|
|
10724
10790
|
] }),
|
|
10725
10791
|
opt.value === value && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
|
|
10726
|
-
|
|
10792
|
+
import_icons14.CheckmarkIcon,
|
|
10727
10793
|
{
|
|
10728
10794
|
"aria-hidden": "true",
|
|
10729
10795
|
className: "ods-cb-dd__opt-check"
|
|
@@ -10908,7 +10974,7 @@ var ConditionBuilder = (0, import_react66.forwardRef)(function ConditionBuilder2
|
|
|
10908
10974
|
className: "ods-condition-row__remove",
|
|
10909
10975
|
onClick: () => handleRemove(index),
|
|
10910
10976
|
"aria-label": removeLabel,
|
|
10911
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
|
|
10977
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_icons14.CloseIcon, { "aria-hidden": "true" })
|
|
10912
10978
|
}
|
|
10913
10979
|
)
|
|
10914
10980
|
] }, index)) }),
|
|
@@ -10919,7 +10985,7 @@ var ConditionBuilder = (0, import_react66.forwardRef)(function ConditionBuilder2
|
|
|
10919
10985
|
className: "ods-condition-builder__add",
|
|
10920
10986
|
onClick: handleAdd,
|
|
10921
10987
|
children: [
|
|
10922
|
-
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
|
|
10988
|
+
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_icons14.AddIcon, { "aria-hidden": "true" }),
|
|
10923
10989
|
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { children: addLabel })
|
|
10924
10990
|
]
|
|
10925
10991
|
}
|
|
@@ -10931,7 +10997,7 @@ var ConditionBuilder = (0, import_react66.forwardRef)(function ConditionBuilder2
|
|
|
10931
10997
|
ConditionBuilder.displayName = "ConditionBuilder";
|
|
10932
10998
|
|
|
10933
10999
|
// src/components/FieldPicker/FieldPicker.tsx
|
|
10934
|
-
var
|
|
11000
|
+
var import_icons15 = require("@octaviaflow/icons");
|
|
10935
11001
|
var import_react67 = require("react");
|
|
10936
11002
|
var import_react_dom7 = require("react-dom");
|
|
10937
11003
|
var import_jsx_runtime50 = require("react/jsx-runtime");
|
|
@@ -11129,7 +11195,7 @@ function FieldPicker({
|
|
|
11129
11195
|
e.stopPropagation();
|
|
11130
11196
|
if (!disabled) removeTag(v);
|
|
11131
11197
|
},
|
|
11132
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
|
|
11198
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_icons15.CloseIcon, { width: 10, height: 10, "aria-hidden": "true" })
|
|
11133
11199
|
}
|
|
11134
11200
|
)
|
|
11135
11201
|
] }, v)),
|
|
@@ -11138,7 +11204,7 @@ function FieldPicker({
|
|
|
11138
11204
|
overflow
|
|
11139
11205
|
] })
|
|
11140
11206
|
] }),
|
|
11141
|
-
/* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
|
|
11207
|
+
/* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_icons15.ChevronDownIcon, { "aria-hidden": "true", className: "ods-field-picker__chev" })
|
|
11142
11208
|
]
|
|
11143
11209
|
}
|
|
11144
11210
|
),
|
|
@@ -11157,7 +11223,7 @@ function FieldPicker({
|
|
|
11157
11223
|
},
|
|
11158
11224
|
children: [
|
|
11159
11225
|
searchable && /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "ods-field-picker__search", children: [
|
|
11160
|
-
/* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
|
|
11226
|
+
/* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_icons15.SearchIcon, { "aria-hidden": "true" }),
|
|
11161
11227
|
/* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
|
|
11162
11228
|
"input",
|
|
11163
11229
|
{
|
|
@@ -11203,7 +11269,7 @@ function FieldPicker({
|
|
|
11203
11269
|
),
|
|
11204
11270
|
"aria-hidden": "true",
|
|
11205
11271
|
children: [
|
|
11206
|
-
allFilteredSelected && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
|
|
11272
|
+
allFilteredSelected && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_icons15.CheckmarkIcon, { width: 12, height: 12 }),
|
|
11207
11273
|
!allFilteredSelected && someFilteredSelected && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "ods-field-picker__dash" })
|
|
11208
11274
|
]
|
|
11209
11275
|
}
|
|
@@ -11251,7 +11317,7 @@ function FieldPicker({
|
|
|
11251
11317
|
checked && "ods-field-picker__check--checked"
|
|
11252
11318
|
),
|
|
11253
11319
|
"aria-hidden": "true",
|
|
11254
|
-
children: checked && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
|
|
11320
|
+
children: checked && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_icons15.CheckmarkIcon, { width: 12, height: 12 })
|
|
11255
11321
|
}
|
|
11256
11322
|
),
|
|
11257
11323
|
/* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "ods-field-picker__opt-label", children: f.label }),
|
|
@@ -11280,7 +11346,7 @@ function FieldPicker({
|
|
|
11280
11346
|
FieldPicker.displayName = "FieldPicker";
|
|
11281
11347
|
|
|
11282
11348
|
// src/components/KeyValueEditor/KeyValueEditor.tsx
|
|
11283
|
-
var
|
|
11349
|
+
var import_icons16 = require("@octaviaflow/icons");
|
|
11284
11350
|
var import_jsx_runtime51 = require("react/jsx-runtime");
|
|
11285
11351
|
var isRowEnabled = (pair) => pair.enabled !== false;
|
|
11286
11352
|
function KeyValueEditor({
|
|
@@ -11402,7 +11468,7 @@ function KeyValueEditor({
|
|
|
11402
11468
|
"aria-label": "Remove row",
|
|
11403
11469
|
onClick: () => removeAt(i),
|
|
11404
11470
|
disabled,
|
|
11405
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
|
|
11471
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_icons16.CloseIcon, { width: 14, height: 14, "aria-hidden": "true" })
|
|
11406
11472
|
}
|
|
11407
11473
|
)
|
|
11408
11474
|
]
|
|
@@ -11411,7 +11477,7 @@ function KeyValueEditor({
|
|
|
11411
11477
|
);
|
|
11412
11478
|
}),
|
|
11413
11479
|
canAdd && /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("button", { type: "button", className: "ods-kv-editor__add", onClick: add, children: [
|
|
11414
|
-
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
|
|
11480
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_icons16.AddIcon, { width: 14, height: 14, "aria-hidden": "true" }),
|
|
11415
11481
|
addLabel
|
|
11416
11482
|
] }),
|
|
11417
11483
|
error && errorMessage && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "ods-kv-editor__error-message", role: "alert", children: errorMessage }),
|
|
@@ -11423,7 +11489,7 @@ function KeyValueEditor({
|
|
|
11423
11489
|
KeyValueEditor.displayName = "KeyValueEditor";
|
|
11424
11490
|
|
|
11425
11491
|
// src/components/SortBuilder/SortBuilder.tsx
|
|
11426
|
-
var
|
|
11492
|
+
var import_icons17 = require("@octaviaflow/icons");
|
|
11427
11493
|
var import_jsx_runtime52 = require("react/jsx-runtime");
|
|
11428
11494
|
function SortBuilder({
|
|
11429
11495
|
sorts,
|
|
@@ -11471,7 +11537,7 @@ function SortBuilder({
|
|
|
11471
11537
|
onClick: () => setAt(i, { direction: rule.direction === "asc" ? "desc" : "asc" }),
|
|
11472
11538
|
disabled,
|
|
11473
11539
|
children: [
|
|
11474
|
-
rule.direction === "asc" ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
11540
|
+
rule.direction === "asc" ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_icons17.ArrowUpIcon, { width: 14, height: 14, "aria-hidden": "true" }) : /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_icons17.ArrowDownIcon, { width: 14, height: 14, "aria-hidden": "true" }),
|
|
11475
11541
|
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "ods-sort-builder__dir-label", children: rule.direction === "asc" ? "Asc" : "Desc" })
|
|
11476
11542
|
]
|
|
11477
11543
|
}
|
|
@@ -11484,12 +11550,12 @@ function SortBuilder({
|
|
|
11484
11550
|
"aria-label": "Remove sort",
|
|
11485
11551
|
onClick: () => removeAt(i),
|
|
11486
11552
|
disabled,
|
|
11487
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
11553
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_icons17.CloseIcon, { width: 14, height: 14, "aria-hidden": "true" })
|
|
11488
11554
|
}
|
|
11489
11555
|
)
|
|
11490
11556
|
] }, i)),
|
|
11491
11557
|
canAdd && /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("button", { type: "button", className: "ods-sort-builder__add", onClick: add, children: [
|
|
11492
|
-
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
11558
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_icons17.AddIcon, { width: 14, height: 14, "aria-hidden": "true" }),
|
|
11493
11559
|
addLabel
|
|
11494
11560
|
] }),
|
|
11495
11561
|
helperText && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "ods-sort-builder__helper", children: helperText })
|
|
@@ -11498,7 +11564,7 @@ function SortBuilder({
|
|
|
11498
11564
|
SortBuilder.displayName = "SortBuilder";
|
|
11499
11565
|
|
|
11500
11566
|
// src/components/GroupByBuilder/GroupByBuilder.tsx
|
|
11501
|
-
var
|
|
11567
|
+
var import_icons18 = require("@octaviaflow/icons");
|
|
11502
11568
|
var import_jsx_runtime53 = require("react/jsx-runtime");
|
|
11503
11569
|
var DEFAULT_FNS = ["count", "sum", "avg", "min", "max"];
|
|
11504
11570
|
var FN_LABEL = {
|
|
@@ -11595,12 +11661,12 @@ function GroupByBuilder({
|
|
|
11595
11661
|
"aria-label": "Remove aggregate",
|
|
11596
11662
|
onClick: () => removeAggAt(i),
|
|
11597
11663
|
disabled,
|
|
11598
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
11664
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_icons18.CloseIcon, { width: 14, height: 14, "aria-hidden": "true" })
|
|
11599
11665
|
}
|
|
11600
11666
|
)
|
|
11601
11667
|
] }, i)),
|
|
11602
11668
|
!disabled && /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("button", { type: "button", className: "ods-groupby-builder__add", onClick: addAgg, children: [
|
|
11603
|
-
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
11669
|
+
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_icons18.AddIcon, { width: 14, height: 14, "aria-hidden": "true" }),
|
|
11604
11670
|
"Add aggregate"
|
|
11605
11671
|
] })
|
|
11606
11672
|
] }),
|
|
@@ -11610,7 +11676,7 @@ function GroupByBuilder({
|
|
|
11610
11676
|
GroupByBuilder.displayName = "GroupByBuilder";
|
|
11611
11677
|
|
|
11612
11678
|
// src/components/Disclosure/Disclosure.tsx
|
|
11613
|
-
var
|
|
11679
|
+
var import_icons19 = require("@octaviaflow/icons");
|
|
11614
11680
|
var import_react68 = require("react");
|
|
11615
11681
|
var import_jsx_runtime54 = require("react/jsx-runtime");
|
|
11616
11682
|
function Disclosure({
|
|
@@ -11658,7 +11724,7 @@ function Disclosure({
|
|
|
11658
11724
|
"aria-expanded": open,
|
|
11659
11725
|
"aria-controls": regionId,
|
|
11660
11726
|
children: [
|
|
11661
|
-
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
11727
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_icons19.ChevronRightIcon, { "aria-hidden": "true", className: "ods-disclosure__chev" }),
|
|
11662
11728
|
icon && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "ods-disclosure__icon", "aria-hidden": "true", children: icon }),
|
|
11663
11729
|
/* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("span", { className: "ods-disclosure__head", children: [
|
|
11664
11730
|
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "ods-disclosure__title", children: title }),
|
|
@@ -11676,7 +11742,7 @@ function Disclosure({
|
|
|
11676
11742
|
Disclosure.displayName = "Disclosure";
|
|
11677
11743
|
|
|
11678
11744
|
// src/components/ConfigPanel/ConfigPanel.tsx
|
|
11679
|
-
var
|
|
11745
|
+
var import_icons20 = require("@octaviaflow/icons");
|
|
11680
11746
|
var import_framer_motion14 = require("framer-motion");
|
|
11681
11747
|
var import_react69 = require("react");
|
|
11682
11748
|
var import_react_aria6 = require("react-aria");
|
|
@@ -11771,7 +11837,7 @@ var ConfigPanel = (0, import_react69.forwardRef)(
|
|
|
11771
11837
|
ref: closeRef,
|
|
11772
11838
|
className: "ods-config-panel__close",
|
|
11773
11839
|
"data-testid": "config-panel-close",
|
|
11774
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
|
|
11840
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_icons20.CloseIcon, { "aria-hidden": "true" })
|
|
11775
11841
|
}
|
|
11776
11842
|
)
|
|
11777
11843
|
] }),
|
|
@@ -11839,7 +11905,7 @@ function stripMotionConflicts(props) {
|
|
|
11839
11905
|
var import_react71 = require("react");
|
|
11840
11906
|
|
|
11841
11907
|
// src/components/Dialog/Dialog.tsx
|
|
11842
|
-
var
|
|
11908
|
+
var import_icons21 = require("@octaviaflow/icons");
|
|
11843
11909
|
var import_framer_motion15 = require("framer-motion");
|
|
11844
11910
|
var import_react70 = require("react");
|
|
11845
11911
|
var import_react_aria7 = require("react-aria");
|
|
@@ -12005,7 +12071,7 @@ var DialogContent = (0, import_react70.forwardRef)(function DialogContent2({
|
|
|
12005
12071
|
onClick: onClose,
|
|
12006
12072
|
"aria-label": closeLabel,
|
|
12007
12073
|
type: "button",
|
|
12008
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
|
|
12074
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_icons21.CloseIcon, { "aria-hidden": "true" })
|
|
12009
12075
|
}
|
|
12010
12076
|
)
|
|
12011
12077
|
] }),
|
|
@@ -12199,19 +12265,19 @@ var ConfirmDialog = (0, import_react71.forwardRef)(
|
|
|
12199
12265
|
ConfirmDialog.displayName = "ConfirmDialog";
|
|
12200
12266
|
|
|
12201
12267
|
// src/components/CsvViewer/CsvViewer.tsx
|
|
12202
|
-
var
|
|
12268
|
+
var import_icons23 = require("@octaviaflow/icons");
|
|
12203
12269
|
var import_papaparse = __toESM(require("papaparse"), 1);
|
|
12204
12270
|
var import_react74 = require("react");
|
|
12205
12271
|
|
|
12206
12272
|
// src/components/InlineMessage/InlineMessage.tsx
|
|
12207
|
-
var
|
|
12273
|
+
var import_icons22 = require("@octaviaflow/icons");
|
|
12208
12274
|
var import_react72 = require("react");
|
|
12209
12275
|
var import_jsx_runtime58 = require("react/jsx-runtime");
|
|
12210
12276
|
var TONE_ICON = {
|
|
12211
|
-
info:
|
|
12212
|
-
success:
|
|
12213
|
-
warning:
|
|
12214
|
-
danger:
|
|
12277
|
+
info: import_icons22.InformationFilledIcon,
|
|
12278
|
+
success: import_icons22.CheckmarkFilledIcon,
|
|
12279
|
+
warning: import_icons22.WarningFilledIcon,
|
|
12280
|
+
danger: import_icons22.ErrorFilledIcon
|
|
12215
12281
|
};
|
|
12216
12282
|
var InlineMessage = (0, import_react72.forwardRef)(
|
|
12217
12283
|
function InlineMessage2({
|
|
@@ -12489,7 +12555,7 @@ var CsvViewer = (0, import_react74.forwardRef)(
|
|
|
12489
12555
|
),
|
|
12490
12556
|
"aria-label": copied ? "Copied" : "Copy CSV",
|
|
12491
12557
|
onClick: onCopy,
|
|
12492
|
-
children: copied ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
12558
|
+
children: copied ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_icons23.CheckmarkIcon, { size: "xs" }) : /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_icons23.CopyIcon, { size: "xs" })
|
|
12493
12559
|
}
|
|
12494
12560
|
)
|
|
12495
12561
|
] })
|
|
@@ -14508,7 +14574,7 @@ var DatasetCard = (0, import_react77.forwardRef)(
|
|
|
14508
14574
|
DatasetCard.displayName = "DatasetCard";
|
|
14509
14575
|
|
|
14510
14576
|
// src/components/DataTable/DataTable.tsx
|
|
14511
|
-
var
|
|
14577
|
+
var import_icons24 = require("@octaviaflow/icons");
|
|
14512
14578
|
var import_react78 = require("react");
|
|
14513
14579
|
var import_react_dom10 = require("react-dom");
|
|
14514
14580
|
var import_jsx_runtime64 = require("react/jsx-runtime");
|
|
@@ -14687,19 +14753,19 @@ var SR_ONLY_STYLE = {
|
|
|
14687
14753
|
whiteSpace: "nowrap",
|
|
14688
14754
|
border: 0
|
|
14689
14755
|
};
|
|
14690
|
-
var SearchIcon8 = () => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
14691
|
-
var ChevronDown = /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
14692
|
-
var ChevronLeft = /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
14693
|
-
var ChevronRight = /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
14694
|
-
var SortAsc = /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
14695
|
-
var SortDesc = /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
14696
|
-
var SortIdle = /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
14697
|
-
var FilterIcon = /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
14698
|
-
var ColumnsIcon = /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
14699
|
-
var MoreHIcon = () => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
14700
|
-
var XIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
14701
|
-
var RefreshIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
14702
|
-
var ExportIcon = () => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
14756
|
+
var SearchIcon8 = () => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_icons24.SearchIcon, { width: 14, height: 14, "aria-hidden": "true" });
|
|
14757
|
+
var ChevronDown = /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_icons24.ChevronDownIcon, { width: 12, height: 12, "aria-hidden": "true" });
|
|
14758
|
+
var ChevronLeft = /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_icons24.ChevronLeftIcon, { width: 12, height: 12, "aria-hidden": "true" });
|
|
14759
|
+
var ChevronRight = /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_icons24.ChevronRightIcon, { width: 12, height: 12, "aria-hidden": "true" });
|
|
14760
|
+
var SortAsc = /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_icons24.CaretUpIcon, { width: 10, height: 10, "aria-hidden": "true" });
|
|
14761
|
+
var SortDesc = /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_icons24.CaretDownIcon, { width: 10, height: 10, "aria-hidden": "true" });
|
|
14762
|
+
var SortIdle = /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_icons24.CaretSortIcon, { width: 10, height: 10, "aria-hidden": "true", style: { opacity: 0.5 } });
|
|
14763
|
+
var FilterIcon = /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_icons24.FilterIcon, { width: 12, height: 12, "aria-hidden": "true" });
|
|
14764
|
+
var ColumnsIcon = /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_icons24.ColumnIcon, { width: 12, height: 12, "aria-hidden": "true" });
|
|
14765
|
+
var MoreHIcon = () => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_icons24.OverflowMenuHorizontalIcon, { width: 12, height: 12, "aria-hidden": "true" });
|
|
14766
|
+
var XIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_icons24.CloseIcon, { width: 12, height: 12, "aria-hidden": "true" });
|
|
14767
|
+
var RefreshIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_icons24.RenewIcon, { width: 12, height: 12, ...props });
|
|
14768
|
+
var ExportIcon = () => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_icons24.DownloadIcon, { width: 12, height: 12, "aria-hidden": "true" });
|
|
14703
14769
|
function ExportPopover({
|
|
14704
14770
|
onExport
|
|
14705
14771
|
}) {
|
|
@@ -15506,11 +15572,11 @@ function Row({
|
|
|
15506
15572
|
] });
|
|
15507
15573
|
}
|
|
15508
15574
|
function ChevronRightSmall() {
|
|
15509
|
-
return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
15575
|
+
return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_icons24.ChevronRightIcon, { width: 10, height: 10, "aria-hidden": "true" });
|
|
15510
15576
|
}
|
|
15511
15577
|
|
|
15512
15578
|
// src/components/DatePicker/DatePicker.tsx
|
|
15513
|
-
var
|
|
15579
|
+
var import_icons25 = require("@octaviaflow/icons");
|
|
15514
15580
|
var import_react80 = require("react");
|
|
15515
15581
|
var import_react_dom11 = require("react-dom");
|
|
15516
15582
|
|
|
@@ -15709,7 +15775,7 @@ var DatePicker = (0, import_react80.forwardRef)(
|
|
|
15709
15775
|
"aria-describedby": helperId,
|
|
15710
15776
|
"aria-required": required || void 0,
|
|
15711
15777
|
children: [
|
|
15712
|
-
/* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
15778
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_icons25.CalendarIcon, { "aria-hidden": "true", className: "ods-datepicker__cal-icon" }),
|
|
15713
15779
|
/* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
15714
15780
|
"span",
|
|
15715
15781
|
{
|
|
@@ -15720,7 +15786,7 @@ var DatePicker = (0, import_react80.forwardRef)(
|
|
|
15720
15786
|
children: value ? format2(value) : placeholder
|
|
15721
15787
|
}
|
|
15722
15788
|
),
|
|
15723
|
-
/* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
15789
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_icons25.ChevronDownIcon, { "aria-hidden": "true", className: "ods-datepicker__chev" })
|
|
15724
15790
|
]
|
|
15725
15791
|
}
|
|
15726
15792
|
),
|
|
@@ -16012,7 +16078,7 @@ var Divider = (0, import_react82.forwardRef)(function Divider2({
|
|
|
16012
16078
|
Divider.displayName = "Divider";
|
|
16013
16079
|
|
|
16014
16080
|
// src/components/Drawer/Drawer.tsx
|
|
16015
|
-
var
|
|
16081
|
+
var import_icons26 = require("@octaviaflow/icons");
|
|
16016
16082
|
var import_react83 = require("react");
|
|
16017
16083
|
var import_jsx_runtime68 = require("react/jsx-runtime");
|
|
16018
16084
|
var SIZE_WIDTH = {
|
|
@@ -16058,7 +16124,7 @@ var Drawer = (0, import_react83.forwardRef)(function Drawer2({
|
|
|
16058
16124
|
className: "ods-drawer__close",
|
|
16059
16125
|
onClick: onClose,
|
|
16060
16126
|
"aria-label": closeLabel,
|
|
16061
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
|
|
16127
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_icons26.CloseIcon, { "aria-hidden": "true" })
|
|
16062
16128
|
}
|
|
16063
16129
|
)
|
|
16064
16130
|
] }),
|
|
@@ -16825,7 +16891,7 @@ function csvEscape(value) {
|
|
|
16825
16891
|
}
|
|
16826
16892
|
|
|
16827
16893
|
// src/components/FeatureCard/FeatureCard.tsx
|
|
16828
|
-
var
|
|
16894
|
+
var import_icons27 = require("@octaviaflow/icons");
|
|
16829
16895
|
var import_react87 = require("react");
|
|
16830
16896
|
var import_jsx_runtime72 = require("react/jsx-runtime");
|
|
16831
16897
|
var FeatureCard = (0, import_react87.forwardRef)(
|
|
@@ -16901,7 +16967,7 @@ var FeatureCard = (0, import_react87.forwardRef)(
|
|
|
16901
16967
|
{
|
|
16902
16968
|
className: "ods-feature-card__link-icon",
|
|
16903
16969
|
"aria-hidden": "true",
|
|
16904
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
|
|
16970
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_icons27.ArrowRightIcon, { size: "xs" })
|
|
16905
16971
|
}
|
|
16906
16972
|
)
|
|
16907
16973
|
]
|
|
@@ -16916,7 +16982,7 @@ var FeatureCard = (0, import_react87.forwardRef)(
|
|
|
16916
16982
|
FeatureCard.displayName = "FeatureCard";
|
|
16917
16983
|
|
|
16918
16984
|
// src/components/FileDropzone/FileDropzone.tsx
|
|
16919
|
-
var
|
|
16985
|
+
var import_icons28 = require("@octaviaflow/icons");
|
|
16920
16986
|
var import_react88 = require("react");
|
|
16921
16987
|
|
|
16922
16988
|
// src/utils/sanitizeUrl.ts
|
|
@@ -16987,7 +17053,7 @@ function sanitizeHref(url) {
|
|
|
16987
17053
|
|
|
16988
17054
|
// src/components/FileDropzone/FileDropzone.tsx
|
|
16989
17055
|
var import_jsx_runtime73 = require("react/jsx-runtime");
|
|
16990
|
-
var UPLOAD_ICON = /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
|
|
17056
|
+
var UPLOAD_ICON = /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_icons28.UploadIcon, { width: 20, height: 20, "aria-hidden": "true" });
|
|
16991
17057
|
var SPIN_ICON = /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
|
|
16992
17058
|
"circle",
|
|
16993
17059
|
{
|
|
@@ -17000,9 +17066,9 @@ var SPIN_ICON = /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("svg", { width: "1
|
|
|
17000
17066
|
strokeLinecap: "round"
|
|
17001
17067
|
}
|
|
17002
17068
|
) });
|
|
17003
|
-
var CHECK_ICON = /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
|
|
17004
|
-
var ERROR_ICON = /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
|
|
17005
|
-
var RETRY_ICON = /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
|
|
17069
|
+
var CHECK_ICON = /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_icons28.CheckmarkIcon, { width: 12, height: 12, "aria-hidden": "true" });
|
|
17070
|
+
var ERROR_ICON = /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_icons28.WarningAltIcon, { width: 12, height: 12, "aria-hidden": "true" });
|
|
17071
|
+
var RETRY_ICON = /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_icons28.RenewIcon, { width: 12, height: 12, "aria-hidden": "true" });
|
|
17006
17072
|
var fmtSize = (size) => {
|
|
17007
17073
|
if (size < 1024) return `${size} B`;
|
|
17008
17074
|
const kb = size / 1024;
|
|
@@ -17013,12 +17079,12 @@ function iconForFile(file) {
|
|
|
17013
17079
|
const type = file.type;
|
|
17014
17080
|
const name = file.name.toLowerCase();
|
|
17015
17081
|
if (type.startsWith("image/")) {
|
|
17016
|
-
return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
|
|
17082
|
+
return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_icons28.ImageIcon, { width: 16, height: 16, "aria-hidden": "true" });
|
|
17017
17083
|
}
|
|
17018
17084
|
if (type === "application/pdf" || name.endsWith(".pdf")) {
|
|
17019
|
-
return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
|
|
17085
|
+
return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_icons28.DocumentPdfIcon, { width: 16, height: 16, "aria-hidden": "true" });
|
|
17020
17086
|
}
|
|
17021
|
-
return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
|
|
17087
|
+
return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_icons28.DocumentIcon, { width: 16, height: 16, "aria-hidden": "true" });
|
|
17022
17088
|
}
|
|
17023
17089
|
var FileDropzone = (0, import_react88.forwardRef)(
|
|
17024
17090
|
function FileDropzone2({
|
|
@@ -17207,7 +17273,7 @@ var FileDropzone = (0, import_react88.forwardRef)(
|
|
|
17207
17273
|
}
|
|
17208
17274
|
},
|
|
17209
17275
|
children: [
|
|
17210
|
-
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { className: "ods-file-dropzone__icon", "aria-hidden": "true", children: isOver ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
|
|
17276
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { className: "ods-file-dropzone__icon", "aria-hidden": "true", children: isOver ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_icons28.UploadIcon, { width: 22, height: 22, "aria-hidden": "true" }) : icon }),
|
|
17211
17277
|
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { className: "ods-file-dropzone__title", children: isOver ? showInternalList && itemCount > 0 ? "Drop to add more" : "Drop to upload" : title }),
|
|
17212
17278
|
hint && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { id: `${inputId}-hint`, className: "ods-file-dropzone__hint", children: isOver ? "Release to add files" : hint }),
|
|
17213
17279
|
!isOver && /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "ods-file-dropzone__cta-row", children: [
|
|
@@ -17341,7 +17407,7 @@ var FileDropzone = (0, import_react88.forwardRef)(
|
|
|
17341
17407
|
className: "ods-file-dropzone__item-btn",
|
|
17342
17408
|
onClick: () => onRemove(f.id),
|
|
17343
17409
|
"aria-label": `Remove ${f.file.name}`,
|
|
17344
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
|
|
17410
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_icons28.CloseIcon, { width: 12, height: 12, "aria-hidden": "true" })
|
|
17345
17411
|
}
|
|
17346
17412
|
)
|
|
17347
17413
|
] })
|
|
@@ -17359,7 +17425,7 @@ var FileDropzone = (0, import_react88.forwardRef)(
|
|
|
17359
17425
|
FileDropzone.displayName = "FileDropzone";
|
|
17360
17426
|
|
|
17361
17427
|
// src/components/FileBrowser/FileBrowser.tsx
|
|
17362
|
-
var
|
|
17428
|
+
var import_icons35 = require("@octaviaflow/icons");
|
|
17363
17429
|
var import_react96 = require("react");
|
|
17364
17430
|
|
|
17365
17431
|
// src/utils/filePath.ts
|
|
@@ -17385,7 +17451,7 @@ function baseName(path, sep) {
|
|
|
17385
17451
|
}
|
|
17386
17452
|
|
|
17387
17453
|
// src/components/FileList/FileList.tsx
|
|
17388
|
-
var
|
|
17454
|
+
var import_icons29 = require("@octaviaflow/icons");
|
|
17389
17455
|
var import_react90 = require("react");
|
|
17390
17456
|
|
|
17391
17457
|
// src/components/Skeleton/Skeleton.tsx
|
|
@@ -17523,48 +17589,48 @@ SkeletonGroup.displayName = "SkeletonGroup";
|
|
|
17523
17589
|
// src/components/FileList/FileList.tsx
|
|
17524
17590
|
var import_jsx_runtime75 = require("react/jsx-runtime");
|
|
17525
17591
|
var EXT_ICON = {
|
|
17526
|
-
json: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
|
|
17527
|
-
csv: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
|
|
17528
|
-
tsv: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
|
|
17529
|
-
xml: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
|
|
17530
|
-
html: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
|
|
17531
|
-
htm: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
|
|
17532
|
-
yaml: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
|
|
17533
|
-
yml: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
|
|
17534
|
-
js: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
|
|
17535
|
-
ts: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
|
|
17536
|
-
sql: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
|
|
17537
|
-
sh: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
|
|
17538
|
-
pdf: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
|
|
17539
|
-
png: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
|
|
17540
|
-
jpg: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
|
|
17541
|
-
jpeg: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
|
|
17542
|
-
gif: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
|
|
17543
|
-
webp: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
|
|
17544
|
-
svg: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
|
|
17545
|
-
bmp: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
|
|
17546
|
-
xls: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
|
|
17547
|
-
xlsx: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
|
|
17548
|
-
zip: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
|
|
17549
|
-
gz: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
|
|
17550
|
-
tar: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
|
|
17551
|
-
rar: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
|
|
17552
|
-
"7z": /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
|
|
17553
|
-
mp3: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
|
|
17554
|
-
wav: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
|
|
17555
|
-
mp4: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
|
|
17556
|
-
mov: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
|
|
17557
|
-
webm: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
|
|
17592
|
+
json: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons29.JsonIcon, { size: "sm" }),
|
|
17593
|
+
csv: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons29.CsvIcon, { size: "sm" }),
|
|
17594
|
+
tsv: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons29.CsvIcon, { size: "sm" }),
|
|
17595
|
+
xml: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons29.XmlIcon, { size: "sm" }),
|
|
17596
|
+
html: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons29.XmlIcon, { size: "sm" }),
|
|
17597
|
+
htm: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons29.XmlIcon, { size: "sm" }),
|
|
17598
|
+
yaml: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons29.CodeIcon, { size: "sm" }),
|
|
17599
|
+
yml: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons29.CodeIcon, { size: "sm" }),
|
|
17600
|
+
js: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons29.CodeIcon, { size: "sm" }),
|
|
17601
|
+
ts: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons29.CodeIcon, { size: "sm" }),
|
|
17602
|
+
sql: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons29.CodeIcon, { size: "sm" }),
|
|
17603
|
+
sh: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons29.CodeIcon, { size: "sm" }),
|
|
17604
|
+
pdf: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons29.PdfIcon, { size: "sm" }),
|
|
17605
|
+
png: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons29.ImageIcon, { size: "sm" }),
|
|
17606
|
+
jpg: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons29.ImageIcon, { size: "sm" }),
|
|
17607
|
+
jpeg: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons29.ImageIcon, { size: "sm" }),
|
|
17608
|
+
gif: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons29.ImageIcon, { size: "sm" }),
|
|
17609
|
+
webp: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons29.ImageIcon, { size: "sm" }),
|
|
17610
|
+
svg: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons29.ImageIcon, { size: "sm" }),
|
|
17611
|
+
bmp: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons29.ImageIcon, { size: "sm" }),
|
|
17612
|
+
xls: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons29.TableIcon, { size: "sm" }),
|
|
17613
|
+
xlsx: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons29.TableIcon, { size: "sm" }),
|
|
17614
|
+
zip: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons29.ArchiveIcon, { size: "sm" }),
|
|
17615
|
+
gz: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons29.ArchiveIcon, { size: "sm" }),
|
|
17616
|
+
tar: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons29.ArchiveIcon, { size: "sm" }),
|
|
17617
|
+
rar: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons29.ArchiveIcon, { size: "sm" }),
|
|
17618
|
+
"7z": /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons29.ArchiveIcon, { size: "sm" }),
|
|
17619
|
+
mp3: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons29.DocumentAudioIcon, { size: "sm" }),
|
|
17620
|
+
wav: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons29.DocumentAudioIcon, { size: "sm" }),
|
|
17621
|
+
mp4: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons29.VideoIcon, { size: "sm" }),
|
|
17622
|
+
mov: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons29.VideoIcon, { size: "sm" }),
|
|
17623
|
+
webm: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons29.VideoIcon, { size: "sm" })
|
|
17558
17624
|
};
|
|
17559
17625
|
function fileIcon(item) {
|
|
17560
|
-
if (item.isDirectory) return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
|
|
17626
|
+
if (item.isDirectory) return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons29.FolderIcon, { size: "sm" });
|
|
17561
17627
|
const mt = (item.mimeType || "").toLowerCase();
|
|
17562
|
-
if (mt.startsWith("image/")) return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
|
|
17563
|
-
if (mt.startsWith("video/")) return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
|
|
17564
|
-
if (mt.startsWith("audio/")) return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
|
|
17565
|
-
if (mt === "application/pdf") return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
|
|
17628
|
+
if (mt.startsWith("image/")) return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons29.ImageIcon, { size: "sm" });
|
|
17629
|
+
if (mt.startsWith("video/")) return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons29.VideoIcon, { size: "sm" });
|
|
17630
|
+
if (mt.startsWith("audio/")) return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons29.DocumentAudioIcon, { size: "sm" });
|
|
17631
|
+
if (mt === "application/pdf") return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons29.PdfIcon, { size: "sm" });
|
|
17566
17632
|
const ext = item.name.split(".").pop()?.toLowerCase() ?? "";
|
|
17567
|
-
return EXT_ICON[ext] ?? /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
|
|
17633
|
+
return EXT_ICON[ext] ?? /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons29.DocumentIcon, { size: "sm" });
|
|
17568
17634
|
}
|
|
17569
17635
|
function formatBytes(n) {
|
|
17570
17636
|
if (n == null || !Number.isFinite(n)) return "\u2014";
|
|
@@ -17712,8 +17778,8 @@ function FileList({
|
|
|
17712
17778
|
}
|
|
17713
17779
|
};
|
|
17714
17780
|
const viewOptions = [
|
|
17715
|
-
{ value: "list", label: "List", icon: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
|
|
17716
|
-
{ value: "grid", label: "Grid", icon: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
|
|
17781
|
+
{ value: "list", label: "List", icon: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons29.ListIcon, { size: "sm" }) },
|
|
17782
|
+
{ value: "grid", label: "Grid", icon: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons29.GridIcon, { size: "sm" }) }
|
|
17717
17783
|
];
|
|
17718
17784
|
let body;
|
|
17719
17785
|
if (loading) {
|
|
@@ -17728,7 +17794,7 @@ function FileList({
|
|
|
17728
17794
|
body = /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: "ods-file-list__state", children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
|
|
17729
17795
|
EmptyState,
|
|
17730
17796
|
{
|
|
17731
|
-
icon: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
|
|
17797
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons29.FolderIcon, {}),
|
|
17732
17798
|
title: emptyTitle,
|
|
17733
17799
|
description: emptyDescription
|
|
17734
17800
|
}
|
|
@@ -17809,7 +17875,7 @@ function FileList({
|
|
|
17809
17875
|
);
|
|
17810
17876
|
}) });
|
|
17811
17877
|
}
|
|
17812
|
-
const sortIndicator = (key) => key === sortKey ? /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("span", { className: "ods-file-list__sort-caret", "aria-hidden": "true", children: sortDir === "asc" ? /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
|
|
17878
|
+
const sortIndicator = (key) => key === sortKey ? /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("span", { className: "ods-file-list__sort-caret", "aria-hidden": "true", children: sortDir === "asc" ? /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons29.CaretUpIcon, { size: "sm" }) : /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons29.CaretDownIcon, { size: "sm" }) }) : null;
|
|
17813
17879
|
const sortLabel = (key, name) => key === sortKey ? `${name}, sorted ${sortDir === "asc" ? "ascending" : "descending"}` : `Sort by ${name.toLowerCase()}`;
|
|
17814
17880
|
return /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: cn("ods-file-list", className), children: [
|
|
17815
17881
|
(showViewToggle || view === "list" && !loading && !error && sorted.length > 0) && /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "ods-file-list__header", children: [
|
|
@@ -17881,11 +17947,11 @@ function FileList({
|
|
|
17881
17947
|
FileList.displayName = "FileList";
|
|
17882
17948
|
|
|
17883
17949
|
// src/components/FileViewer/FileViewer.tsx
|
|
17884
|
-
var
|
|
17950
|
+
var import_icons33 = require("@octaviaflow/icons");
|
|
17885
17951
|
var import_react94 = require("react");
|
|
17886
17952
|
|
|
17887
17953
|
// src/components/JsonViewer/JsonViewer.tsx
|
|
17888
|
-
var
|
|
17954
|
+
var import_icons30 = require("@octaviaflow/icons");
|
|
17889
17955
|
var import_react91 = require("react");
|
|
17890
17956
|
var import_jsx_runtime76 = require("react/jsx-runtime");
|
|
17891
17957
|
var JsonViewer = (0, import_react91.forwardRef)(
|
|
@@ -17978,7 +18044,7 @@ function JsonNode({
|
|
|
17978
18044
|
e.stopPropagation();
|
|
17979
18045
|
setOpen((o) => !o);
|
|
17980
18046
|
},
|
|
17981
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
|
|
18047
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_icons30.ChevronRightIcon, { "aria-hidden": "true" })
|
|
17982
18048
|
}
|
|
17983
18049
|
),
|
|
17984
18050
|
renderKey,
|
|
@@ -18073,7 +18139,7 @@ function Leaf({
|
|
|
18073
18139
|
handleCopy();
|
|
18074
18140
|
},
|
|
18075
18141
|
"aria-label": copied ? "Copied" : "Copy value",
|
|
18076
|
-
children: copied ? /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
|
|
18142
|
+
children: copied ? /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_icons30.CheckmarkIcon, { width: 10, height: 10, "aria-hidden": "true" }) : /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_icons30.CopyIcon, { width: 10, height: 10, "aria-hidden": "true" })
|
|
18077
18143
|
}
|
|
18078
18144
|
)
|
|
18079
18145
|
] });
|
|
@@ -18167,7 +18233,7 @@ function JsonEditBody({ data, onChange, onValidate }) {
|
|
|
18167
18233
|
}
|
|
18168
18234
|
|
|
18169
18235
|
// src/components/XmlViewer/XmlViewer.tsx
|
|
18170
|
-
var
|
|
18236
|
+
var import_icons31 = require("@octaviaflow/icons");
|
|
18171
18237
|
var import_fast_xml_parser = require("fast-xml-parser");
|
|
18172
18238
|
var import_react92 = require("react");
|
|
18173
18239
|
var import_jsx_runtime77 = require("react/jsx-runtime");
|
|
@@ -18480,7 +18546,7 @@ function XmlNodeRow({
|
|
|
18480
18546
|
e.stopPropagation();
|
|
18481
18547
|
setOpen((o) => !o);
|
|
18482
18548
|
},
|
|
18483
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
18549
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_icons31.ChevronRightIcon, { size: "xs" })
|
|
18484
18550
|
}
|
|
18485
18551
|
),
|
|
18486
18552
|
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: "ods-xml-viewer__bracket", children: "<" }),
|
|
@@ -18513,7 +18579,7 @@ function XmlNodeRow({
|
|
|
18513
18579
|
),
|
|
18514
18580
|
"aria-label": copied ? "Copied" : `Copy ${node.name} subtree`,
|
|
18515
18581
|
onClick: onCopy,
|
|
18516
|
-
children: copied ? /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
18582
|
+
children: copied ? /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_icons31.CheckmarkIcon, { size: "xs" }) : /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_icons31.CopyIcon, { size: "xs" })
|
|
18517
18583
|
}
|
|
18518
18584
|
)
|
|
18519
18585
|
]
|
|
@@ -18543,7 +18609,7 @@ function XmlNodeRow({
|
|
|
18543
18609
|
}
|
|
18544
18610
|
|
|
18545
18611
|
// src/components/YamlViewer/YamlViewer.tsx
|
|
18546
|
-
var
|
|
18612
|
+
var import_icons32 = require("@octaviaflow/icons");
|
|
18547
18613
|
var import_react93 = require("react");
|
|
18548
18614
|
var import_yaml = __toESM(require("yaml"), 1);
|
|
18549
18615
|
var import_jsx_runtime78 = require("react/jsx-runtime");
|
|
@@ -18771,7 +18837,7 @@ var YamlViewer = (0, import_react93.forwardRef)(
|
|
|
18771
18837
|
),
|
|
18772
18838
|
"aria-label": copied ? "Copied" : "Copy YAML",
|
|
18773
18839
|
onClick: onCopy,
|
|
18774
|
-
children: copied ? /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
|
|
18840
|
+
children: copied ? /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_icons32.CheckmarkIcon, { size: "xs" }) : /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_icons32.CopyIcon, { size: "xs" })
|
|
18775
18841
|
}
|
|
18776
18842
|
)
|
|
18777
18843
|
] })
|
|
@@ -18816,7 +18882,7 @@ var YamlViewer = (0, import_react93.forwardRef)(
|
|
|
18816
18882
|
onClick: () => toggle(t.index),
|
|
18817
18883
|
"aria-expanded": !isCollapsed,
|
|
18818
18884
|
"aria-label": isCollapsed ? "Expand" : "Collapse",
|
|
18819
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
|
|
18885
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_icons32.ChevronRightIcon, { size: "xs" })
|
|
18820
18886
|
}
|
|
18821
18887
|
) : /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "ods-yaml-viewer__caret-spacer" }),
|
|
18822
18888
|
t.kind === "comment" && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "ods-yaml-viewer__comment", children: t.raw.trim() }),
|
|
@@ -18995,15 +19061,15 @@ function detectKind(name, mimeType, override) {
|
|
|
18995
19061
|
return "binary";
|
|
18996
19062
|
}
|
|
18997
19063
|
var KIND_ICON = {
|
|
18998
|
-
json: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
18999
|
-
csv: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
19000
|
-
xml: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
19001
|
-
yaml: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
19002
|
-
markdown: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
19003
|
-
text: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
19004
|
-
image: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
19005
|
-
pdf: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
19006
|
-
binary: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
19064
|
+
json: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_icons33.JsonIcon, { size: "sm" }),
|
|
19065
|
+
csv: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_icons33.CsvIcon, { size: "sm" }),
|
|
19066
|
+
xml: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_icons33.XmlIcon, { size: "sm" }),
|
|
19067
|
+
yaml: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_icons33.CodeIcon, { size: "sm" }),
|
|
19068
|
+
markdown: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_icons33.DocumentIcon, { size: "sm" }),
|
|
19069
|
+
text: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_icons33.DocumentIcon, { size: "sm" }),
|
|
19070
|
+
image: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_icons33.ImageIcon, { size: "sm" }),
|
|
19071
|
+
pdf: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_icons33.DocumentIcon, { size: "sm" }),
|
|
19072
|
+
binary: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_icons33.DocumentIcon, { size: "sm" })
|
|
19007
19073
|
};
|
|
19008
19074
|
function formatBytes2(n) {
|
|
19009
19075
|
if (n == null || !Number.isFinite(n)) return "";
|
|
@@ -19078,7 +19144,7 @@ function FileViewer({
|
|
|
19078
19144
|
url,
|
|
19079
19145
|
onDownload,
|
|
19080
19146
|
children: [
|
|
19081
|
-
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
19147
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_icons33.DownloadIcon, { size: "sm" }),
|
|
19082
19148
|
" Download"
|
|
19083
19149
|
]
|
|
19084
19150
|
}
|
|
@@ -19109,11 +19175,11 @@ function DownloadFallback({
|
|
|
19109
19175
|
return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "ods-file-viewer__center", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
19110
19176
|
EmptyState,
|
|
19111
19177
|
{
|
|
19112
|
-
icon: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
19178
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_icons33.DocumentIcon, {}),
|
|
19113
19179
|
title: "Preview not available",
|
|
19114
19180
|
description: `"${name}" can't be previewed here.`,
|
|
19115
19181
|
action: /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(DownloadControl, { className: "ods-file-viewer__fallback-btn", url, onDownload, children: [
|
|
19116
|
-
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
19182
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_icons33.DownloadIcon, { size: "sm" }),
|
|
19117
19183
|
" Download"
|
|
19118
19184
|
] })
|
|
19119
19185
|
}
|
|
@@ -19122,7 +19188,7 @@ function DownloadFallback({
|
|
|
19122
19188
|
FileViewer.displayName = "FileViewer";
|
|
19123
19189
|
|
|
19124
19190
|
// src/components/TreeView/TreeView.tsx
|
|
19125
|
-
var
|
|
19191
|
+
var import_icons34 = require("@octaviaflow/icons");
|
|
19126
19192
|
var import_framer_motion21 = require("framer-motion");
|
|
19127
19193
|
var import_react95 = require("react");
|
|
19128
19194
|
var import_jsx_runtime80 = require("react/jsx-runtime");
|
|
@@ -19336,7 +19402,7 @@ var TreeView = (0, import_react95.forwardRef)(
|
|
|
19336
19402
|
e.stopPropagation();
|
|
19337
19403
|
if (isBranch && !node.disabled) void toggleExpand(node);
|
|
19338
19404
|
},
|
|
19339
|
-
children: isBranch && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
19405
|
+
children: isBranch && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_icons34.ChevronRightIcon, { size: "xs", "aria-hidden": true })
|
|
19340
19406
|
}
|
|
19341
19407
|
),
|
|
19342
19408
|
(node.icon || node.iconExpanded) && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "ods-tree__icon", "aria-hidden": "true", children: isExpanded && node.iconExpanded ? node.iconExpanded : node.icon }),
|
|
@@ -19553,8 +19619,8 @@ function FileBrowser({
|
|
|
19553
19619
|
(it) => ({
|
|
19554
19620
|
id: it.path,
|
|
19555
19621
|
label: it.name,
|
|
19556
|
-
icon: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
|
|
19557
|
-
iconExpanded: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
|
|
19622
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_icons35.FolderIcon, { size: "sm" }),
|
|
19623
|
+
iconExpanded: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_icons35.FolderOpenIcon, { size: "sm" }),
|
|
19558
19624
|
isBranch: true
|
|
19559
19625
|
}),
|
|
19560
19626
|
[]
|
|
@@ -19571,8 +19637,8 @@ function FileBrowser({
|
|
|
19571
19637
|
{
|
|
19572
19638
|
id: rootPath,
|
|
19573
19639
|
label: rootLabel,
|
|
19574
|
-
icon: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
|
|
19575
|
-
iconExpanded: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
|
|
19640
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_icons35.FolderIcon, { size: "sm" }),
|
|
19641
|
+
iconExpanded: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_icons35.FolderOpenIcon, { size: "sm" }),
|
|
19576
19642
|
isBranch: true
|
|
19577
19643
|
}
|
|
19578
19644
|
],
|
|
@@ -19603,7 +19669,7 @@ function FileBrowser({
|
|
|
19603
19669
|
{
|
|
19604
19670
|
variant: "icon",
|
|
19605
19671
|
size: "sm",
|
|
19606
|
-
leftIcon: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
|
|
19672
|
+
leftIcon: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_icons35.FolderParentIcon, { size: "sm" }),
|
|
19607
19673
|
"aria-label": "Up one folder",
|
|
19608
19674
|
disabled: !parent,
|
|
19609
19675
|
onClick: () => parent && navigate(parent)
|
|
@@ -19636,7 +19702,7 @@ function FileBrowser({
|
|
|
19636
19702
|
size: "sm",
|
|
19637
19703
|
type: "search",
|
|
19638
19704
|
placeholder: "Search this folder",
|
|
19639
|
-
leftIcon: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
|
|
19705
|
+
leftIcon: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_icons35.SearchIcon, { size: "sm" }),
|
|
19640
19706
|
value: query,
|
|
19641
19707
|
onChange: (e) => setQuery(e.target.value),
|
|
19642
19708
|
"aria-label": "Search this folder"
|
|
@@ -19647,7 +19713,7 @@ function FileBrowser({
|
|
|
19647
19713
|
{
|
|
19648
19714
|
variant: "icon",
|
|
19649
19715
|
size: "sm",
|
|
19650
|
-
leftIcon: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
|
|
19716
|
+
leftIcon: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_icons35.RenewIcon, { size: "sm" }),
|
|
19651
19717
|
"aria-label": "Refresh",
|
|
19652
19718
|
onClick: refresh
|
|
19653
19719
|
}
|
|
@@ -19723,36 +19789,36 @@ function FileBrowser({
|
|
|
19723
19789
|
FileBrowser.displayName = "FileBrowser";
|
|
19724
19790
|
|
|
19725
19791
|
// src/components/FilePicker/FilePicker.tsx
|
|
19726
|
-
var
|
|
19792
|
+
var import_icons36 = require("@octaviaflow/icons");
|
|
19727
19793
|
var import_react97 = require("react");
|
|
19728
19794
|
var import_react_dom13 = require("react-dom");
|
|
19729
19795
|
var import_jsx_runtime82 = require("react/jsx-runtime");
|
|
19730
19796
|
var EXT_ICON2 = {
|
|
19731
|
-
json: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
19732
|
-
csv: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
19733
|
-
tsv: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
19734
|
-
xml: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
19735
|
-
html: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
19736
|
-
yaml: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
19737
|
-
yml: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
19738
|
-
js: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
19739
|
-
ts: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
19740
|
-
sql: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
19741
|
-
pdf: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
19742
|
-
png: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
19743
|
-
jpg: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
19744
|
-
jpeg: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
19745
|
-
gif: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
19746
|
-
webp: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
19747
|
-
svg: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
19797
|
+
json: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_icons36.JsonIcon, { size: "sm" }),
|
|
19798
|
+
csv: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_icons36.CsvIcon, { size: "sm" }),
|
|
19799
|
+
tsv: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_icons36.CsvIcon, { size: "sm" }),
|
|
19800
|
+
xml: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_icons36.XmlIcon, { size: "sm" }),
|
|
19801
|
+
html: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_icons36.XmlIcon, { size: "sm" }),
|
|
19802
|
+
yaml: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_icons36.CodeIcon, { size: "sm" }),
|
|
19803
|
+
yml: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_icons36.CodeIcon, { size: "sm" }),
|
|
19804
|
+
js: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_icons36.CodeIcon, { size: "sm" }),
|
|
19805
|
+
ts: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_icons36.CodeIcon, { size: "sm" }),
|
|
19806
|
+
sql: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_icons36.CodeIcon, { size: "sm" }),
|
|
19807
|
+
pdf: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_icons36.PdfIcon, { size: "sm" }),
|
|
19808
|
+
png: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_icons36.ImageIcon, { size: "sm" }),
|
|
19809
|
+
jpg: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_icons36.ImageIcon, { size: "sm" }),
|
|
19810
|
+
jpeg: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_icons36.ImageIcon, { size: "sm" }),
|
|
19811
|
+
gif: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_icons36.ImageIcon, { size: "sm" }),
|
|
19812
|
+
webp: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_icons36.ImageIcon, { size: "sm" }),
|
|
19813
|
+
svg: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_icons36.ImageIcon, { size: "sm" })
|
|
19748
19814
|
};
|
|
19749
19815
|
function rowIcon(item) {
|
|
19750
|
-
if (item.isDirectory) return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
19816
|
+
if (item.isDirectory) return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_icons36.FolderIcon, { size: "sm" });
|
|
19751
19817
|
const mt = (item.mimeType || "").toLowerCase();
|
|
19752
|
-
if (mt.startsWith("image/")) return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
19753
|
-
if (mt === "application/pdf") return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
19818
|
+
if (mt.startsWith("image/")) return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_icons36.ImageIcon, { size: "sm" });
|
|
19819
|
+
if (mt === "application/pdf") return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_icons36.PdfIcon, { size: "sm" });
|
|
19754
19820
|
const ext = item.name.split(".").pop()?.toLowerCase() ?? "";
|
|
19755
|
-
return EXT_ICON2[ext] ?? /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
19821
|
+
return EXT_ICON2[ext] ?? /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_icons36.DocumentIcon, { size: "sm" });
|
|
19756
19822
|
}
|
|
19757
19823
|
function parentDir(path, sep, rootPath) {
|
|
19758
19824
|
const segs = path.split(sep).filter(Boolean);
|
|
@@ -20025,7 +20091,7 @@ function FilePicker({
|
|
|
20025
20091
|
"aria-describedby": helperId,
|
|
20026
20092
|
"aria-label": ariaLabel,
|
|
20027
20093
|
children: [
|
|
20028
|
-
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: "ods-file-picker__lead", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
20094
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: "ods-file-picker__lead", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_icons36.FolderIcon, { size: "sm" }) }),
|
|
20029
20095
|
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
20030
20096
|
"span",
|
|
20031
20097
|
{
|
|
@@ -20037,7 +20103,7 @@ function FilePicker({
|
|
|
20037
20103
|
children: value || placeholder
|
|
20038
20104
|
}
|
|
20039
20105
|
),
|
|
20040
|
-
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
20106
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_icons36.ChevronDownIcon, { "aria-hidden": "true", className: "ods-file-picker__chev" })
|
|
20041
20107
|
]
|
|
20042
20108
|
}
|
|
20043
20109
|
),
|
|
@@ -20073,7 +20139,7 @@ function FilePicker({
|
|
|
20073
20139
|
"aria-label": "Up one folder",
|
|
20074
20140
|
disabled: !parent,
|
|
20075
20141
|
onClick: () => parent && navigate(parent),
|
|
20076
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
20142
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_icons36.FolderParentIcon, { size: "sm" })
|
|
20077
20143
|
}
|
|
20078
20144
|
),
|
|
20079
20145
|
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)("nav", { className: "ods-file-picker__crumbs", "aria-label": "Current path", children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("ol", { children: crumbs.map((c, i) => {
|
|
@@ -20094,7 +20160,7 @@ function FilePicker({
|
|
|
20094
20160
|
}
|
|
20095
20161
|
),
|
|
20096
20162
|
!isLast && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
20097
|
-
|
|
20163
|
+
import_icons36.ChevronRightIcon,
|
|
20098
20164
|
{
|
|
20099
20165
|
size: "sm",
|
|
20100
20166
|
className: "ods-file-picker__crumb-sep",
|
|
@@ -20105,7 +20171,7 @@ function FilePicker({
|
|
|
20105
20171
|
}) }) })
|
|
20106
20172
|
] }),
|
|
20107
20173
|
searchable && /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "ods-file-picker__search", children: [
|
|
20108
|
-
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
20174
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_icons36.SearchIcon, { size: "sm", className: "ods-file-picker__search-icon", "aria-hidden": "true" }),
|
|
20109
20175
|
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
20110
20176
|
"input",
|
|
20111
20177
|
{
|
|
@@ -20139,7 +20205,7 @@ function FilePicker({
|
|
|
20139
20205
|
) }) : items.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "ods-file-picker__state", children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
20140
20206
|
EmptyState,
|
|
20141
20207
|
{
|
|
20142
|
-
icon: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
20208
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_icons36.FolderIcon, {}),
|
|
20143
20209
|
title: isSearching ? "No matches" : emptyTitle,
|
|
20144
20210
|
description: isSearching ? `Nothing under \u201C${baseName(navPath, separator) || rootLabel}\u201D matches \u201C${query.trim()}\u201D.` : void 0
|
|
20145
20211
|
}
|
|
@@ -20169,7 +20235,7 @@ function FilePicker({
|
|
|
20169
20235
|
subtitle && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: "ods-file-picker__row-path", title: subtitle, children: subtitle })
|
|
20170
20236
|
] }),
|
|
20171
20237
|
it.isDirectory && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
20172
|
-
|
|
20238
|
+
import_icons36.ChevronRightIcon,
|
|
20173
20239
|
{
|
|
20174
20240
|
size: "sm",
|
|
20175
20241
|
className: "ods-file-picker__row-chev",
|
|
@@ -20196,7 +20262,7 @@ function FilePicker({
|
|
|
20196
20262
|
onClick: () => commit(navPath, { name: baseName(navPath, separator), path: navPath, isDirectory: true }),
|
|
20197
20263
|
children: [
|
|
20198
20264
|
"Use this folder",
|
|
20199
|
-
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
20265
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_icons36.ChevronRightIcon, { size: "sm", "aria-hidden": "true" })
|
|
20200
20266
|
]
|
|
20201
20267
|
}
|
|
20202
20268
|
)
|
|
@@ -21067,7 +21133,7 @@ function FlowCanvas({
|
|
|
21067
21133
|
}
|
|
21068
21134
|
|
|
21069
21135
|
// src/components/FlowDoctor/FlowDoctor.tsx
|
|
21070
|
-
var
|
|
21136
|
+
var import_icons37 = require("@octaviaflow/icons");
|
|
21071
21137
|
var import_jsx_runtime86 = require("react/jsx-runtime");
|
|
21072
21138
|
function flowDoctorTone(issues) {
|
|
21073
21139
|
if (issues.some((i) => i.severity === "error")) return "error";
|
|
@@ -21084,9 +21150,9 @@ function flowDoctorSummary(issues) {
|
|
|
21084
21150
|
].filter(Boolean).join(", ");
|
|
21085
21151
|
}
|
|
21086
21152
|
var VERDICT_ICON = {
|
|
21087
|
-
clean: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
|
|
21088
|
-
warning: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
|
|
21089
|
-
error: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
|
|
21153
|
+
clean: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_icons37.CheckmarkFilledIcon, { size: "md", "aria-hidden": "true" }),
|
|
21154
|
+
warning: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_icons37.WarningFilledIcon, { size: "md", "aria-hidden": "true" }),
|
|
21155
|
+
error: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_icons37.ErrorFilledIcon, { size: "md", "aria-hidden": "true" })
|
|
21090
21156
|
};
|
|
21091
21157
|
var VERDICT_TITLE = {
|
|
21092
21158
|
clean: "Flow looks healthy",
|
|
@@ -21102,7 +21168,7 @@ function IssueRow({
|
|
|
21102
21168
|
issue,
|
|
21103
21169
|
onIssueClick
|
|
21104
21170
|
}) {
|
|
21105
|
-
const icon = issue.severity === "error" ? /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
|
|
21171
|
+
const icon = issue.severity === "error" ? /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_icons37.ErrorFilledIcon, { size: "sm", "aria-hidden": "true" }) : /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_icons37.WarningFilledIcon, { size: "sm", "aria-hidden": "true" });
|
|
21106
21172
|
const body = /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(import_jsx_runtime86.Fragment, { children: [
|
|
21107
21173
|
/* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
|
|
21108
21174
|
"span",
|
|
@@ -21119,7 +21185,7 @@ function IssueRow({
|
|
|
21119
21185
|
/* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "ods-flow-doctor__row-msg", children: issue.message }),
|
|
21120
21186
|
issue.hint && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "ods-flow-doctor__row-hint", children: issue.hint })
|
|
21121
21187
|
] }),
|
|
21122
|
-
onIssueClick && (issue.nodeId || issue.edgeId) && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "ods-flow-doctor__row-go", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
|
|
21188
|
+
onIssueClick && (issue.nodeId || issue.edgeId) && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "ods-flow-doctor__row-go", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_icons37.ArrowRightIcon, { size: "sm", "aria-hidden": "true" }) })
|
|
21123
21189
|
] });
|
|
21124
21190
|
if (onIssueClick) {
|
|
21125
21191
|
return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("li", { className: "ods-flow-doctor__item", children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
|
|
@@ -21178,7 +21244,7 @@ function FlowDoctor({
|
|
|
21178
21244
|
...rest,
|
|
21179
21245
|
children: [
|
|
21180
21246
|
/* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("header", { className: "ods-flow-doctor__head", children: [
|
|
21181
|
-
/* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "ods-flow-doctor__head-icon", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
|
|
21247
|
+
/* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "ods-flow-doctor__head-icon", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_icons37.StethoscopeIcon, { size: "sm", "aria-hidden": "true" }) }),
|
|
21182
21248
|
/* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "ods-flow-doctor__title", children: title }),
|
|
21183
21249
|
headerExtra && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "ods-flow-doctor__head-extra", children: headerExtra })
|
|
21184
21250
|
] }),
|
|
@@ -21201,13 +21267,13 @@ function FlowDoctor({
|
|
|
21201
21267
|
] }),
|
|
21202
21268
|
checks && checks.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("details", { className: "ods-flow-doctor__passed", children: [
|
|
21203
21269
|
/* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("summary", { className: "ods-flow-doctor__passed-summary", children: [
|
|
21204
|
-
/* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "ods-flow-doctor__passed-icon", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
|
|
21270
|
+
/* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "ods-flow-doctor__passed-icon", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_icons37.CheckmarkIcon, { size: "sm", "aria-hidden": "true" }) }),
|
|
21205
21271
|
"Passed checks (",
|
|
21206
21272
|
checks.length,
|
|
21207
21273
|
")"
|
|
21208
21274
|
] }),
|
|
21209
21275
|
/* @__PURE__ */ (0, import_jsx_runtime86.jsx)("ul", { className: "ods-flow-doctor__list ods-flow-doctor__list--passed", children: checks.map((check) => /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("li", { className: "ods-flow-doctor__item", children: /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "ods-flow-doctor__row ods-flow-doctor__row--passed", children: [
|
|
21210
|
-
/* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "ods-flow-doctor__row-icon ods-flow-doctor__row-icon--passed", children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
|
|
21276
|
+
/* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "ods-flow-doctor__row-icon ods-flow-doctor__row-icon--passed", children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_icons37.CheckmarkIcon, { size: "sm", "aria-hidden": "true" }) }),
|
|
21211
21277
|
/* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("span", { className: "ods-flow-doctor__row-main", children: [
|
|
21212
21278
|
/* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "ods-flow-doctor__row-head", children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "ods-flow-doctor__row-source", children: check.label }) }),
|
|
21213
21279
|
check.description && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "ods-flow-doctor__row-msg", children: check.description })
|
|
@@ -21830,7 +21896,7 @@ Switch.displayName = "Switch";
|
|
|
21830
21896
|
var import_react109 = require("react");
|
|
21831
21897
|
var import_react_aria10 = require("react-aria");
|
|
21832
21898
|
var import_react_dom14 = require("react-dom");
|
|
21833
|
-
var
|
|
21899
|
+
var import_icons39 = require("@octaviaflow/icons");
|
|
21834
21900
|
|
|
21835
21901
|
// src/hooks/useTextareaCommands.ts
|
|
21836
21902
|
var import_react106 = require("react");
|
|
@@ -22199,7 +22265,7 @@ function useTextareaSelection({
|
|
|
22199
22265
|
}
|
|
22200
22266
|
|
|
22201
22267
|
// src/hooks/useTextareaTools.tsx
|
|
22202
|
-
var
|
|
22268
|
+
var import_icons38 = require("@octaviaflow/icons");
|
|
22203
22269
|
var import_react108 = require("react");
|
|
22204
22270
|
var import_jsx_runtime90 = require("react/jsx-runtime");
|
|
22205
22271
|
function useTextareaTools({
|
|
@@ -22337,28 +22403,28 @@ var prependLineTool = (id, prefix, label, icon, title) => ({
|
|
|
22337
22403
|
onAction: (h) => h.prependLines(prefix)
|
|
22338
22404
|
});
|
|
22339
22405
|
var textareaTools = {
|
|
22340
|
-
bold: () => wrapTool("bold", "**", "**", "Bold", /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
|
|
22341
|
-
italic: () => wrapTool("italic", "*", "*", "Italic", /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
|
|
22406
|
+
bold: () => wrapTool("bold", "**", "**", "Bold", /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_icons38.TextBoldIcon, {}), "Bold (\u2318B)"),
|
|
22407
|
+
italic: () => wrapTool("italic", "*", "*", "Italic", /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_icons38.TextItalicIcon, {}), "Italic (\u2318I)"),
|
|
22342
22408
|
strikethrough: () => wrapTool(
|
|
22343
22409
|
"strike",
|
|
22344
22410
|
"~~",
|
|
22345
22411
|
"~~",
|
|
22346
22412
|
"Strikethrough",
|
|
22347
|
-
/* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
|
|
22413
|
+
/* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_icons38.TextStrikethroughIcon, {}),
|
|
22348
22414
|
"Strikethrough"
|
|
22349
22415
|
),
|
|
22350
|
-
code: () => wrapTool("code", "`", "`", "Code", /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
|
|
22416
|
+
code: () => wrapTool("code", "`", "`", "Code", /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_icons38.CodeIcon, {}), "Inline code"),
|
|
22351
22417
|
codeBlock: () => ({
|
|
22352
22418
|
id: "code-block",
|
|
22353
22419
|
label: "Code block",
|
|
22354
|
-
icon: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
|
|
22420
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_icons38.CodeIcon, {}),
|
|
22355
22421
|
title: "Code block",
|
|
22356
22422
|
onAction: (h) => h.wrap("```\n", "\n```")
|
|
22357
22423
|
}),
|
|
22358
22424
|
link: () => ({
|
|
22359
22425
|
id: "link",
|
|
22360
22426
|
label: "Link",
|
|
22361
|
-
icon: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
|
|
22427
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_icons38.TextLinkIcon, {}),
|
|
22362
22428
|
title: "Insert link",
|
|
22363
22429
|
onAction: (h) => {
|
|
22364
22430
|
const sel = h.selection;
|
|
@@ -22371,41 +22437,41 @@ var textareaTools = {
|
|
|
22371
22437
|
`heading-${level}`,
|
|
22372
22438
|
`${"#".repeat(level)} `,
|
|
22373
22439
|
`H${level}`,
|
|
22374
|
-
/* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
|
|
22440
|
+
/* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_icons38.HeadingIcon, {}),
|
|
22375
22441
|
`Heading ${level}`
|
|
22376
22442
|
),
|
|
22377
22443
|
bulletList: () => prependLineTool(
|
|
22378
22444
|
"ul",
|
|
22379
22445
|
"- ",
|
|
22380
22446
|
"Bullet list",
|
|
22381
|
-
/* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
|
|
22447
|
+
/* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_icons38.ListBulletedIcon, {}),
|
|
22382
22448
|
"Bullet list"
|
|
22383
22449
|
),
|
|
22384
22450
|
numberedList: () => prependLineTool(
|
|
22385
22451
|
"ol",
|
|
22386
22452
|
"1. ",
|
|
22387
22453
|
"Numbered list",
|
|
22388
|
-
/* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
|
|
22454
|
+
/* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_icons38.ListNumberedIcon, {}),
|
|
22389
22455
|
"Numbered list"
|
|
22390
22456
|
),
|
|
22391
22457
|
quote: () => prependLineTool(
|
|
22392
22458
|
"quote",
|
|
22393
22459
|
"> ",
|
|
22394
22460
|
"Quote",
|
|
22395
|
-
/* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
|
|
22461
|
+
/* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_icons38.QuotesIcon, {}),
|
|
22396
22462
|
"Quote"
|
|
22397
22463
|
),
|
|
22398
22464
|
undo: () => ({
|
|
22399
22465
|
id: "undo",
|
|
22400
22466
|
label: "Undo",
|
|
22401
|
-
icon: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
|
|
22467
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_icons38.UndoIcon, {}),
|
|
22402
22468
|
title: "Undo (\u2318Z)",
|
|
22403
22469
|
onAction: (h) => h.undo()
|
|
22404
22470
|
}),
|
|
22405
22471
|
redo: () => ({
|
|
22406
22472
|
id: "redo",
|
|
22407
22473
|
label: "Redo",
|
|
22408
|
-
icon: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
|
|
22474
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_icons38.RedoIcon, {}),
|
|
22409
22475
|
title: "Redo (\u2318\u21E7Z)",
|
|
22410
22476
|
onAction: (h) => h.redo()
|
|
22411
22477
|
}),
|
|
@@ -22686,7 +22752,7 @@ var Textarea = (0, import_react109.forwardRef)(
|
|
|
22686
22752
|
onClick: () => sel.copy(),
|
|
22687
22753
|
"aria-label": "Copy selection",
|
|
22688
22754
|
title: "Copy",
|
|
22689
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
|
|
22755
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_icons39.CopyIcon, { size: "xs" })
|
|
22690
22756
|
}
|
|
22691
22757
|
),
|
|
22692
22758
|
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
|
|
@@ -22697,7 +22763,7 @@ var Textarea = (0, import_react109.forwardRef)(
|
|
|
22697
22763
|
onClick: () => sel.cut(),
|
|
22698
22764
|
"aria-label": "Cut selection",
|
|
22699
22765
|
title: "Cut",
|
|
22700
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
|
|
22766
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_icons39.CutIcon, { size: "xs" })
|
|
22701
22767
|
}
|
|
22702
22768
|
),
|
|
22703
22769
|
selectionActions?.map((a) => /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(
|
|
@@ -23004,7 +23070,7 @@ function FlowSettingsDialog({
|
|
|
23004
23070
|
}
|
|
23005
23071
|
|
|
23006
23072
|
// src/components/FlowToolbar/FlowToolbar.tsx
|
|
23007
|
-
var
|
|
23073
|
+
var import_icons40 = require("@octaviaflow/icons");
|
|
23008
23074
|
var import_react113 = require("react");
|
|
23009
23075
|
|
|
23010
23076
|
// src/workflow/store/selectors.ts
|
|
@@ -23202,40 +23268,40 @@ function FlowToolbarDivider({ className }) {
|
|
|
23202
23268
|
}
|
|
23203
23269
|
var ICON_SIZE = "sm";
|
|
23204
23270
|
var FlowToolbarIcons = {
|
|
23205
|
-
save: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
|
|
23271
|
+
save: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_icons40.SaveIcon, { size: ICON_SIZE, "aria-hidden": "true" }),
|
|
23206
23272
|
// `*FilledAlt` variants — clean play triangle + filled square with no
|
|
23207
23273
|
// circle backdrop. The plain `*Filled` variants are pre-wrapped in a
|
|
23208
23274
|
// round button shape that conflicts with our toolbar button container
|
|
23209
23275
|
// (reads as a button-in-button).
|
|
23210
|
-
run: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
|
|
23211
|
-
stop: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
|
|
23212
|
-
lock: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
|
|
23213
|
-
unlock: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
|
|
23214
|
-
reset: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
|
|
23215
|
-
undo: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
|
|
23216
|
-
redo: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
|
|
23217
|
-
drawerOpen: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
|
|
23218
|
-
drawerClose: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
|
|
23276
|
+
run: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_icons40.PlayFilledAltIcon, { size: ICON_SIZE, "aria-hidden": "true" }),
|
|
23277
|
+
stop: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_icons40.StopFilledAltIcon, { size: ICON_SIZE, "aria-hidden": "true" }),
|
|
23278
|
+
lock: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_icons40.LockedIcon, { size: ICON_SIZE, "aria-hidden": "true" }),
|
|
23279
|
+
unlock: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_icons40.UnlockedIcon, { size: ICON_SIZE, "aria-hidden": "true" }),
|
|
23280
|
+
reset: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_icons40.ResetIcon, { size: ICON_SIZE, "aria-hidden": "true" }),
|
|
23281
|
+
undo: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_icons40.UndoIcon, { size: ICON_SIZE, "aria-hidden": "true" }),
|
|
23282
|
+
redo: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_icons40.RedoIcon, { size: ICON_SIZE, "aria-hidden": "true" }),
|
|
23283
|
+
drawerOpen: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_icons40.OpenPanelLeftIcon, { size: ICON_SIZE, "aria-hidden": "true" }),
|
|
23284
|
+
drawerClose: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_icons40.OpenPanelRightIcon, { size: ICON_SIZE, "aria-hidden": "true" }),
|
|
23219
23285
|
// `SettingsAdjustIcon` (sliders) instead of `SettingsIcon` (12-tooth
|
|
23220
23286
|
// gear). The gear is unreadable at 16 px — the teeth blur into a
|
|
23221
23287
|
// blob. The sliders glyph reads cleanly at any size and feels more
|
|
23222
23288
|
// contemporary for a "view / display settings" affordance.
|
|
23223
|
-
settings: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
|
|
23224
|
-
history: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
|
|
23225
|
-
debug: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
|
|
23226
|
-
zoomIn: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
|
|
23227
|
-
zoomOut: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
|
|
23228
|
-
zoomReset: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
|
|
23229
|
-
fit: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
|
|
23230
|
-
autoLayout: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
|
|
23289
|
+
settings: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_icons40.SettingsAdjustIcon, { size: ICON_SIZE, "aria-hidden": "true" }),
|
|
23290
|
+
history: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_icons40.TimeIcon, { size: ICON_SIZE, "aria-hidden": "true" }),
|
|
23291
|
+
debug: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_icons40.DebugIcon, { size: ICON_SIZE, "aria-hidden": "true" }),
|
|
23292
|
+
zoomIn: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_icons40.ZoomInIcon, { size: ICON_SIZE, "aria-hidden": "true" }),
|
|
23293
|
+
zoomOut: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_icons40.ZoomOutIcon, { size: ICON_SIZE, "aria-hidden": "true" }),
|
|
23294
|
+
zoomReset: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_icons40.RestartIcon, { size: ICON_SIZE, "aria-hidden": "true" }),
|
|
23295
|
+
fit: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_icons40.FitToScreenIcon, { size: ICON_SIZE, "aria-hidden": "true" }),
|
|
23296
|
+
autoLayout: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_icons40.TreeViewIcon, { size: ICON_SIZE, "aria-hidden": "true" }),
|
|
23231
23297
|
/** Centre-to-fit — alternate when consumers want the centring glyph
|
|
23232
23298
|
* rather than the fit-to-screen rectangle. Exposed so power users can
|
|
23233
23299
|
* swap via `icon={FlowToolbarIcons.center}`. */
|
|
23234
|
-
center: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
|
|
23300
|
+
center: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_icons40.CenterToFitIcon, { size: ICON_SIZE, "aria-hidden": "true" }),
|
|
23235
23301
|
/** Checkmark — short-lived success indicator on the save button. */
|
|
23236
|
-
check: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
|
|
23302
|
+
check: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_icons40.CheckmarkIcon, { size: ICON_SIZE, "aria-hidden": "true" }),
|
|
23237
23303
|
/** Filled warning — error indicator on the save button. */
|
|
23238
|
-
error: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
|
|
23304
|
+
error: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_icons40.WarningFilledIcon, { size: ICON_SIZE, "aria-hidden": "true" })
|
|
23239
23305
|
};
|
|
23240
23306
|
function FlowToolbarSave({
|
|
23241
23307
|
state,
|
|
@@ -23514,7 +23580,7 @@ function FlowToolbarIssues({
|
|
|
23514
23580
|
className: cn("ods-flow-toolbar__btn", `ods-flow-toolbar__btn--issues-${tone}`),
|
|
23515
23581
|
"aria-label": `${label}: ${summary}`,
|
|
23516
23582
|
children: [
|
|
23517
|
-
/* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "ods-flow-toolbar__btn-icon", children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
|
|
23583
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "ods-flow-toolbar__btn-icon", children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_icons40.StethoscopeIcon, { size: "sm", "aria-hidden": "true" }) }),
|
|
23518
23584
|
count > 0 && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
|
|
23519
23585
|
"span",
|
|
23520
23586
|
{
|
|
@@ -23564,7 +23630,7 @@ function FlowToolbarStatus({
|
|
|
23564
23630
|
if (status === "draft" || status === "paused") {
|
|
23565
23631
|
items.push({
|
|
23566
23632
|
label: status === "draft" ? "Activate flow" : "Resume flow",
|
|
23567
|
-
icon: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
|
|
23633
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_icons40.PlayFilledAltIcon, { size: "sm", "aria-hidden": "true" }),
|
|
23568
23634
|
disabled: busy || !canActivate,
|
|
23569
23635
|
onClick: () => onAction?.(status === "draft" ? "activate" : "resume")
|
|
23570
23636
|
});
|
|
@@ -23578,7 +23644,7 @@ function FlowToolbarStatus({
|
|
|
23578
23644
|
if (status === "active") {
|
|
23579
23645
|
items.push({
|
|
23580
23646
|
label: "Pause flow",
|
|
23581
|
-
icon: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
|
|
23647
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_icons40.PauseFilledIcon, { size: "sm", "aria-hidden": "true" }),
|
|
23582
23648
|
disabled: busy,
|
|
23583
23649
|
onClick: () => onAction?.("pause")
|
|
23584
23650
|
});
|
|
@@ -23586,7 +23652,7 @@ function FlowToolbarStatus({
|
|
|
23586
23652
|
if (status === "archived" && showDisable) {
|
|
23587
23653
|
items.push({
|
|
23588
23654
|
label: "Restore flow",
|
|
23589
|
-
icon: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
|
|
23655
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_icons40.ResetIcon, { size: "sm", "aria-hidden": "true" }),
|
|
23590
23656
|
disabled: busy,
|
|
23591
23657
|
onClick: () => onAction?.("restore")
|
|
23592
23658
|
});
|
|
@@ -23594,7 +23660,7 @@ function FlowToolbarStatus({
|
|
|
23594
23660
|
if (showDisable && status !== "archived") {
|
|
23595
23661
|
items.push({
|
|
23596
23662
|
label: "Disable flow",
|
|
23597
|
-
icon: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
|
|
23663
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_icons40.StopFilledAltIcon, { size: "sm", "aria-hidden": "true" }),
|
|
23598
23664
|
danger: true,
|
|
23599
23665
|
disabled: busy,
|
|
23600
23666
|
onClick: () => onAction?.("disable")
|
|
@@ -23604,7 +23670,7 @@ function FlowToolbarStatus({
|
|
|
23604
23670
|
if (items.length > 0) items.push({ label: "", separator: true });
|
|
23605
23671
|
items.push({
|
|
23606
23672
|
label: "Flow settings\u2026",
|
|
23607
|
-
icon: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
|
|
23673
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_icons40.SettingsAdjustIcon, { size: "sm", "aria-hidden": "true" }),
|
|
23608
23674
|
disabled: busy,
|
|
23609
23675
|
onClick: onOpenSettings
|
|
23610
23676
|
});
|
|
@@ -23622,7 +23688,7 @@ function FlowToolbarStatus({
|
|
|
23622
23688
|
trigger: /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(import_jsx_runtime94.Fragment, { children: [
|
|
23623
23689
|
busy ? /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Spinner, { size: 12, label: "Updating flow status" }) : /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "ods-flow-toolbar__status-dot", "aria-hidden": "true" }),
|
|
23624
23690
|
/* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "ods-flow-toolbar__status-label", children: label }),
|
|
23625
|
-
/* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "ods-flow-toolbar__status-caret", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
|
|
23691
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "ods-flow-toolbar__status-caret", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_icons40.ChevronDownIcon, { size: "sm", "aria-hidden": "true" }) })
|
|
23626
23692
|
] }),
|
|
23627
23693
|
items
|
|
23628
23694
|
}
|
|
@@ -23760,7 +23826,7 @@ OTPInput.displayName = "OTPInput";
|
|
|
23760
23826
|
|
|
23761
23827
|
// src/components/PhoneInput/PhoneInput.tsx
|
|
23762
23828
|
var import_react115 = require("react");
|
|
23763
|
-
var
|
|
23829
|
+
var import_icons41 = require("@octaviaflow/icons");
|
|
23764
23830
|
var import_jsx_runtime96 = require("react/jsx-runtime");
|
|
23765
23831
|
var DEFAULT_COUNTRIES = [
|
|
23766
23832
|
{ code: "US", name: "United States", dialCode: "+1", flag: "\u{1F1FA}\u{1F1F8}" },
|
|
@@ -23937,7 +24003,7 @@ var PhoneInput = (0, import_react115.forwardRef)(
|
|
|
23937
24003
|
open && "ods-phone__chevron--open"
|
|
23938
24004
|
),
|
|
23939
24005
|
"aria-hidden": "true",
|
|
23940
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
|
|
24006
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_icons41.ChevronDownIcon, { size: "xs" })
|
|
23941
24007
|
}
|
|
23942
24008
|
)
|
|
23943
24009
|
]
|
|
@@ -23969,7 +24035,7 @@ var PhoneInput = (0, import_react115.forwardRef)(
|
|
|
23969
24035
|
// isn't trapped inside listbox semantics.
|
|
23970
24036
|
/* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "ods-phone__menu", ref: menuRef, children: [
|
|
23971
24037
|
showSearch && /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "ods-phone__search", children: [
|
|
23972
|
-
/* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
|
|
24038
|
+
/* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_icons41.SearchIcon, { size: "xs", "aria-hidden": "true" }),
|
|
23973
24039
|
/* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
|
|
23974
24040
|
"input",
|
|
23975
24041
|
{
|
|
@@ -24454,7 +24520,7 @@ function SettingsRow({
|
|
|
24454
24520
|
}
|
|
24455
24521
|
|
|
24456
24522
|
// src/components/Stepper/Stepper.tsx
|
|
24457
|
-
var
|
|
24523
|
+
var import_icons42 = require("@octaviaflow/icons");
|
|
24458
24524
|
var import_react117 = require("react");
|
|
24459
24525
|
var import_jsx_runtime99 = require("react/jsx-runtime");
|
|
24460
24526
|
function deriveStatus(step, index, active) {
|
|
@@ -24543,7 +24609,7 @@ var Stepper = (0, import_react117.forwardRef)(
|
|
|
24543
24609
|
const status = deriveStatus(step, i, activeIndex);
|
|
24544
24610
|
const isLast = i === steps.length - 1;
|
|
24545
24611
|
const segmentCompleted = showProgressTrail && i < activeIndex && status !== "error";
|
|
24546
|
-
const indicatorContent = step.indicator ?? (status === "complete" ? /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
|
|
24612
|
+
const indicatorContent = step.indicator ?? (status === "complete" ? /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_icons42.CheckmarkIcon, { size: "sm", "aria-hidden": true }) : status === "error" ? /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_icons42.ErrorIcon, { size: "sm", "aria-hidden": true }) : /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: "ods-stepper__indicator-num", children: i + 1 }));
|
|
24547
24613
|
const labelText = /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("span", { className: "ods-stepper__label-text", children: [
|
|
24548
24614
|
/* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: "ods-stepper__label-title", children: step.label }),
|
|
24549
24615
|
step.optional && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: "ods-stepper__label-optional", children: "Optional" }),
|
|
@@ -26626,7 +26692,7 @@ var IntegrationCard = (0, import_react126.forwardRef)(function IntegrationCard2(
|
|
|
26626
26692
|
IntegrationCard.displayName = "IntegrationCard";
|
|
26627
26693
|
|
|
26628
26694
|
// src/components/KanbanCard/KanbanCard.tsx
|
|
26629
|
-
var
|
|
26695
|
+
var import_icons43 = require("@octaviaflow/icons");
|
|
26630
26696
|
var import_react127 = require("react");
|
|
26631
26697
|
var import_jsx_runtime109 = require("react/jsx-runtime");
|
|
26632
26698
|
function isAssigneeObject(v) {
|
|
@@ -26697,7 +26763,7 @@ var KanbanCard = (0, import_react127.forwardRef)(function KanbanCard2({
|
|
|
26697
26763
|
e.stopPropagation();
|
|
26698
26764
|
onMore(e);
|
|
26699
26765
|
},
|
|
26700
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
|
|
26766
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_icons43.OverflowMenuHorizontalIcon, { size: "xs" })
|
|
26701
26767
|
}
|
|
26702
26768
|
)
|
|
26703
26769
|
] }),
|
|
@@ -26705,11 +26771,11 @@ var KanbanCard = (0, import_react127.forwardRef)(function KanbanCard2({
|
|
|
26705
26771
|
(date || typeof comments === "number" || assignee) && /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: "ods-kanban-card__footer", children: [
|
|
26706
26772
|
/* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: "ods-kanban-card__meta", children: [
|
|
26707
26773
|
date && /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("span", { className: "ods-kanban-card__date", children: [
|
|
26708
|
-
/* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
|
|
26774
|
+
/* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_icons43.CalendarIcon, { size: "xs" }),
|
|
26709
26775
|
date
|
|
26710
26776
|
] }),
|
|
26711
26777
|
typeof comments === "number" && /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("span", { className: "ods-kanban-card__comments", children: [
|
|
26712
|
-
/* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
|
|
26778
|
+
/* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_icons43.ChatIcon, { size: "xs" }),
|
|
26713
26779
|
comments
|
|
26714
26780
|
] })
|
|
26715
26781
|
] }),
|
|
@@ -27413,12 +27479,12 @@ var LinkButton = (0, import_react130.forwardRef)(
|
|
|
27413
27479
|
LinkButton.displayName = "LinkButton";
|
|
27414
27480
|
|
|
27415
27481
|
// src/components/MessageBlockBuilder/MessageBlockBuilder.tsx
|
|
27416
|
-
var
|
|
27482
|
+
var import_icons47 = require("@octaviaflow/icons");
|
|
27417
27483
|
var import_react135 = require("react");
|
|
27418
27484
|
|
|
27419
27485
|
// src/components/Sortable/Sortable.tsx
|
|
27420
27486
|
var import_react131 = require("react");
|
|
27421
|
-
var
|
|
27487
|
+
var import_icons44 = require("@octaviaflow/icons");
|
|
27422
27488
|
var import_jsx_runtime113 = require("react/jsx-runtime");
|
|
27423
27489
|
var DT_TYPE = "application/x-ods-sortable";
|
|
27424
27490
|
function Sortable({
|
|
@@ -27694,7 +27760,7 @@ var DragHandle = (0, import_react131.forwardRef)(
|
|
|
27694
27760
|
className: cn("ods-sortable-handle", className),
|
|
27695
27761
|
style,
|
|
27696
27762
|
...dragProps,
|
|
27697
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
|
|
27763
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(import_icons44.DraggableIcon, { size: "xs" })
|
|
27698
27764
|
}
|
|
27699
27765
|
);
|
|
27700
27766
|
}
|
|
@@ -27702,7 +27768,7 @@ var DragHandle = (0, import_react131.forwardRef)(
|
|
|
27702
27768
|
DragHandle.displayName = "DragHandle";
|
|
27703
27769
|
|
|
27704
27770
|
// src/components/MessageBlockBuilder/BlockFieldsEditor.tsx
|
|
27705
|
-
var
|
|
27771
|
+
var import_icons45 = require("@octaviaflow/icons");
|
|
27706
27772
|
var import_react132 = require("react");
|
|
27707
27773
|
|
|
27708
27774
|
// src/components/MessageBlockBuilder/internal.ts
|
|
@@ -27969,7 +28035,7 @@ function ItemsEditor({ field, items, onChange, scopeId, tokenRegistry }) {
|
|
|
27969
28035
|
{
|
|
27970
28036
|
variant: "ghost",
|
|
27971
28037
|
size: "sm",
|
|
27972
|
-
leftIcon: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
|
|
28038
|
+
leftIcon: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(import_icons45.AddIcon, { size: "xs" }),
|
|
27973
28039
|
disabled: atMax,
|
|
27974
28040
|
onClick: () => onChange([...items, JSON.parse(JSON.stringify(field.itemDefaults))]),
|
|
27975
28041
|
children: [
|
|
@@ -28004,7 +28070,7 @@ function ItemsEditor({ field, items, onChange, scopeId, tokenRegistry }) {
|
|
|
28004
28070
|
"aria-label": `Move ${field.itemLabel} ${index + 1} up`,
|
|
28005
28071
|
disabled: index === 0,
|
|
28006
28072
|
onClick: () => move(index, -1),
|
|
28007
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
|
|
28073
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(import_icons45.ArrowUpIcon, { size: "xs", "aria-hidden": "true" })
|
|
28008
28074
|
}
|
|
28009
28075
|
) }),
|
|
28010
28076
|
/* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Tooltip, { content: `Move ${field.itemLabel.toLowerCase()} down`, children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
|
|
@@ -28015,7 +28081,7 @@ function ItemsEditor({ field, items, onChange, scopeId, tokenRegistry }) {
|
|
|
28015
28081
|
"aria-label": `Move ${field.itemLabel} ${index + 1} down`,
|
|
28016
28082
|
disabled: index === items.length - 1,
|
|
28017
28083
|
onClick: () => move(index, 1),
|
|
28018
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
|
|
28084
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(import_icons45.ArrowDownIcon, { size: "xs", "aria-hidden": "true" })
|
|
28019
28085
|
}
|
|
28020
28086
|
) }),
|
|
28021
28087
|
/* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Tooltip, { content: `Remove ${field.itemLabel.toLowerCase()}`, children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
|
|
@@ -28026,7 +28092,7 @@ function ItemsEditor({ field, items, onChange, scopeId, tokenRegistry }) {
|
|
|
28026
28092
|
"aria-label": `Remove ${field.itemLabel} ${index + 1}`,
|
|
28027
28093
|
disabled: atMin,
|
|
28028
28094
|
onClick: () => onChange(items.filter((_, i) => i !== index)),
|
|
28029
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
|
|
28095
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(import_icons45.TrashCanIcon, { size: "xs", "aria-hidden": "true" })
|
|
28030
28096
|
}
|
|
28031
28097
|
) })
|
|
28032
28098
|
] })
|
|
@@ -30631,7 +30697,7 @@ var messagePlatformAdapters = {
|
|
|
30631
30697
|
};
|
|
30632
30698
|
|
|
30633
30699
|
// src/components/MessageBlockBuilder/TokenPanel.tsx
|
|
30634
|
-
var
|
|
30700
|
+
var import_icons46 = require("@octaviaflow/icons");
|
|
30635
30701
|
var import_react134 = require("react");
|
|
30636
30702
|
var import_jsx_runtime117 = require("react/jsx-runtime");
|
|
30637
30703
|
function TokenPanel({
|
|
@@ -30672,7 +30738,7 @@ function TokenPanel({
|
|
|
30672
30738
|
className: "ods-message-block-builder__tokens-close",
|
|
30673
30739
|
"aria-label": "Close data references",
|
|
30674
30740
|
onClick: onClose,
|
|
30675
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
|
|
30741
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(import_icons46.CloseIcon, { size: "xs", "aria-hidden": "true" })
|
|
30676
30742
|
}
|
|
30677
30743
|
)
|
|
30678
30744
|
] }),
|
|
@@ -31070,12 +31136,12 @@ function MessageBlockBuilder({
|
|
|
31070
31136
|
setPaletteDropIndex(null);
|
|
31071
31137
|
},
|
|
31072
31138
|
children: [
|
|
31073
|
-
/* @__PURE__ */ (0, import_jsx_runtime118.jsx)("span", { className: `${CLS2}__palette-item-icon`, children: def.icon ?? /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
|
|
31139
|
+
/* @__PURE__ */ (0, import_jsx_runtime118.jsx)("span", { className: `${CLS2}__palette-item-icon`, children: def.icon ?? /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(import_icons47.AddIcon, { size: "xs" }) }),
|
|
31074
31140
|
/* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("span", { className: `${CLS2}__palette-item-text`, children: [
|
|
31075
31141
|
/* @__PURE__ */ (0, import_jsx_runtime118.jsx)("span", { className: `${CLS2}__palette-item-label`, children: def.label }),
|
|
31076
31142
|
def.description && /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("span", { className: `${CLS2}__palette-item-desc`, children: def.description })
|
|
31077
31143
|
] }),
|
|
31078
|
-
/* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
|
|
31144
|
+
/* @__PURE__ */ (0, import_jsx_runtime118.jsx)(import_icons47.AddIcon, { size: "xs", "aria-hidden": "true", className: `${CLS2}__palette-item-add` })
|
|
31079
31145
|
]
|
|
31080
31146
|
},
|
|
31081
31147
|
def.kind
|
|
@@ -31092,7 +31158,7 @@ function MessageBlockBuilder({
|
|
|
31092
31158
|
disabled: boundRef !== null,
|
|
31093
31159
|
options: [
|
|
31094
31160
|
{ value: "form", label: "Form" },
|
|
31095
|
-
{ value: "json", label: "JSON", icon: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
|
|
31161
|
+
{ value: "json", label: "JSON", icon: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(import_icons47.CodeIcon, { size: "xs" }) }
|
|
31096
31162
|
],
|
|
31097
31163
|
value: draft.mode,
|
|
31098
31164
|
onChange: switchMode
|
|
@@ -31105,7 +31171,7 @@ function MessageBlockBuilder({
|
|
|
31105
31171
|
variant: "secondary",
|
|
31106
31172
|
size: "sm",
|
|
31107
31173
|
pressed: tokensOpen,
|
|
31108
|
-
leftIcon: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
|
|
31174
|
+
leftIcon: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(import_icons47.DataConnectedIcon, { size: "xs" }),
|
|
31109
31175
|
onClick: () => setTokensOpen((prev) => !prev),
|
|
31110
31176
|
children: "Data refs"
|
|
31111
31177
|
}
|
|
@@ -31154,7 +31220,7 @@ function MessageBlockBuilder({
|
|
|
31154
31220
|
}
|
|
31155
31221
|
),
|
|
31156
31222
|
boundRef !== null ? /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("div", { className: `${CLS2}__refbound`, children: [
|
|
31157
|
-
/* @__PURE__ */ (0, import_jsx_runtime118.jsx)("span", { className: `${CLS2}__refbound-icon`, children: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
|
|
31223
|
+
/* @__PURE__ */ (0, import_jsx_runtime118.jsx)("span", { className: `${CLS2}__refbound-icon`, children: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(import_icons47.DataConnectedIcon, { "aria-hidden": "true" }) }),
|
|
31158
31224
|
/* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("div", { className: `${CLS2}__refbound-body`, children: [
|
|
31159
31225
|
/* @__PURE__ */ (0, import_jsx_runtime118.jsx)("p", { className: `${CLS2}__refbound-title`, children: "Entire message supplied by a data ref" }),
|
|
31160
31226
|
/* @__PURE__ */ (0, import_jsx_runtime118.jsx)("span", { className: `${CLS2}__pill`, title: boundRef, children: resolveTokenLabel?.(boundRef) ?? compactTokenLabel(boundRef) }),
|
|
@@ -31261,7 +31327,7 @@ function MessageBlockBuilder({
|
|
|
31261
31327
|
next.splice(index + 1, 0, cloneBlock(block));
|
|
31262
31328
|
setBlocks(next);
|
|
31263
31329
|
},
|
|
31264
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
|
|
31330
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(import_icons47.CopyIcon, { size: "xs", "aria-hidden": "true" })
|
|
31265
31331
|
}
|
|
31266
31332
|
) }),
|
|
31267
31333
|
/* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Tooltip, { content: "Remove block", children: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
|
|
@@ -31271,7 +31337,7 @@ function MessageBlockBuilder({
|
|
|
31271
31337
|
size: "sm",
|
|
31272
31338
|
"aria-label": `Remove ${def?.label ?? block.kind} block`,
|
|
31273
31339
|
onClick: () => setBlocks(draft.blocks.filter((b) => b.id !== block.id)),
|
|
31274
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
|
|
31340
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(import_icons47.TrashCanIcon, { size: "xs", "aria-hidden": "true" })
|
|
31275
31341
|
}
|
|
31276
31342
|
) })
|
|
31277
31343
|
] })
|
|
@@ -31366,7 +31432,7 @@ function MessageBlockBuilder({
|
|
|
31366
31432
|
MessageBlockBuilder.displayName = "MessageBlockBuilder";
|
|
31367
31433
|
|
|
31368
31434
|
// src/components/MetricCard/MetricCard.tsx
|
|
31369
|
-
var
|
|
31435
|
+
var import_icons48 = require("@octaviaflow/icons");
|
|
31370
31436
|
var import_react138 = require("react");
|
|
31371
31437
|
|
|
31372
31438
|
// src/components/CountUp/CountUp.tsx
|
|
@@ -31870,7 +31936,7 @@ var MetricCard = (0, import_react138.forwardRef)(
|
|
|
31870
31936
|
const trend = delta.trend ?? "neutral";
|
|
31871
31937
|
const direction = delta.direction ?? "positive";
|
|
31872
31938
|
const tone = resolveDeltaTone(trend, direction);
|
|
31873
|
-
const TrendIcon = trend === "up" ?
|
|
31939
|
+
const TrendIcon = trend === "up" ? import_icons48.ArrowUpIcon : trend === "down" ? import_icons48.ArrowDownIcon : import_icons48.SubtractIcon;
|
|
31874
31940
|
const trendLabel = trend === "up" ? "Up" : trend === "down" ? "Down" : "No change";
|
|
31875
31941
|
return /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(
|
|
31876
31942
|
"div",
|
|
@@ -31996,7 +32062,7 @@ MetricCard.displayName = "MetricCard";
|
|
|
31996
32062
|
var import_framer_motion28 = require("framer-motion");
|
|
31997
32063
|
var import_react139 = require("react");
|
|
31998
32064
|
var import_react_dom16 = require("react-dom");
|
|
31999
|
-
var
|
|
32065
|
+
var import_icons49 = require("@octaviaflow/icons");
|
|
32000
32066
|
var import_jsx_runtime122 = require("react/jsx-runtime");
|
|
32001
32067
|
var RESERVED_TAIL_PX = 64;
|
|
32002
32068
|
var TAGS_GAP = 6;
|
|
@@ -32315,7 +32381,7 @@ var MultiSelect = (0, import_react139.forwardRef)(
|
|
|
32315
32381
|
removeValue(val);
|
|
32316
32382
|
},
|
|
32317
32383
|
"aria-label": `Remove ${fullLabel}`,
|
|
32318
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
|
|
32384
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(import_icons49.CloseIcon, {})
|
|
32319
32385
|
}
|
|
32320
32386
|
)
|
|
32321
32387
|
] })
|
|
@@ -32344,7 +32410,7 @@ var MultiSelect = (0, import_react139.forwardRef)(
|
|
|
32344
32410
|
open && "ods-multiselect__chevron--open"
|
|
32345
32411
|
),
|
|
32346
32412
|
"aria-hidden": "true",
|
|
32347
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
|
|
32413
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(import_icons49.ChevronDownIcon, {})
|
|
32348
32414
|
}
|
|
32349
32415
|
),
|
|
32350
32416
|
selectedValues.length > 0 && !disabled && /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
|
|
@@ -32382,7 +32448,7 @@ var MultiSelect = (0, import_react139.forwardRef)(
|
|
|
32382
32448
|
transition: { duration: 0.15, ease: "easeOut" },
|
|
32383
32449
|
children: [
|
|
32384
32450
|
showSearch && /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("div", { className: "ods-multiselect__search", children: [
|
|
32385
|
-
/* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
|
|
32451
|
+
/* @__PURE__ */ (0, import_jsx_runtime122.jsx)(import_icons49.SearchIcon, { "aria-hidden": "true" }),
|
|
32386
32452
|
/* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
|
|
32387
32453
|
"input",
|
|
32388
32454
|
{
|
|
@@ -32543,7 +32609,7 @@ MultiSelect.displayName = "MultiSelect";
|
|
|
32543
32609
|
|
|
32544
32610
|
// src/components/NumberInput/NumberInput.tsx
|
|
32545
32611
|
var import_react140 = require("react");
|
|
32546
|
-
var
|
|
32612
|
+
var import_icons50 = require("@octaviaflow/icons");
|
|
32547
32613
|
var import_jsx_runtime123 = require("react/jsx-runtime");
|
|
32548
32614
|
var NumberInput = (0, import_react140.forwardRef)(
|
|
32549
32615
|
function NumberInput2({
|
|
@@ -32623,7 +32689,7 @@ var NumberInput = (0, import_react140.forwardRef)(
|
|
|
32623
32689
|
disabled: disabled || typeof min === "number" && value <= min,
|
|
32624
32690
|
"aria-label": "Decrease",
|
|
32625
32691
|
tabIndex: -1,
|
|
32626
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
|
|
32692
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(import_icons50.SubtractIcon, {})
|
|
32627
32693
|
}
|
|
32628
32694
|
),
|
|
32629
32695
|
prefix && /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("span", { className: "ods-num__prefix", "aria-hidden": "true", children: prefix }),
|
|
@@ -32657,7 +32723,7 @@ var NumberInput = (0, import_react140.forwardRef)(
|
|
|
32657
32723
|
disabled: disabled || typeof max === "number" && value >= max,
|
|
32658
32724
|
"aria-label": "Increase",
|
|
32659
32725
|
tabIndex: -1,
|
|
32660
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
|
|
32726
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(import_icons50.AddIcon, {})
|
|
32661
32727
|
}
|
|
32662
32728
|
)
|
|
32663
32729
|
] }),
|
|
@@ -32722,7 +32788,7 @@ function PageHeader({
|
|
|
32722
32788
|
}
|
|
32723
32789
|
|
|
32724
32790
|
// src/components/Pagination/Pagination.tsx
|
|
32725
|
-
var
|
|
32791
|
+
var import_icons51 = require("@octaviaflow/icons");
|
|
32726
32792
|
var import_react141 = require("react");
|
|
32727
32793
|
var import_jsx_runtime125 = require("react/jsx-runtime");
|
|
32728
32794
|
function buildPageRange(totalPages, current, siblingCount, boundaryCount) {
|
|
@@ -32860,7 +32926,7 @@ var Pagination = (0, import_react141.forwardRef)(
|
|
|
32860
32926
|
"aria-label": "First page",
|
|
32861
32927
|
disabled: disabled || isFirst,
|
|
32862
32928
|
onClick: handlePageBtn(1),
|
|
32863
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
|
|
32929
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(import_icons51.PageFirstIcon, { size: "sm", "aria-hidden": true })
|
|
32864
32930
|
}
|
|
32865
32931
|
),
|
|
32866
32932
|
showPrevNext && /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
|
|
@@ -32871,7 +32937,7 @@ var Pagination = (0, import_react141.forwardRef)(
|
|
|
32871
32937
|
"aria-label": "Previous page",
|
|
32872
32938
|
disabled: disabled || isFirst,
|
|
32873
32939
|
onClick: handlePageBtn(currentPage - 1),
|
|
32874
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
|
|
32940
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(import_icons51.ChevronLeftIcon, { size: "sm", "aria-hidden": true })
|
|
32875
32941
|
}
|
|
32876
32942
|
),
|
|
32877
32943
|
compact ? /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(
|
|
@@ -32924,7 +32990,7 @@ var Pagination = (0, import_react141.forwardRef)(
|
|
|
32924
32990
|
"aria-label": "Next page",
|
|
32925
32991
|
disabled: disabled || isLast,
|
|
32926
32992
|
onClick: handlePageBtn(currentPage + 1),
|
|
32927
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
|
|
32993
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(import_icons51.ChevronRightIcon, { size: "sm", "aria-hidden": true })
|
|
32928
32994
|
}
|
|
32929
32995
|
),
|
|
32930
32996
|
showFirstLast && /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
|
|
@@ -32935,7 +33001,7 @@ var Pagination = (0, import_react141.forwardRef)(
|
|
|
32935
33001
|
"aria-label": "Last page",
|
|
32936
33002
|
disabled: disabled || isLast,
|
|
32937
33003
|
onClick: handlePageBtn(totalPages),
|
|
32938
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
|
|
33004
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(import_icons51.PageLastIcon, { size: "sm", "aria-hidden": true })
|
|
32939
33005
|
}
|
|
32940
33006
|
)
|
|
32941
33007
|
] }),
|
|
@@ -33003,7 +33069,7 @@ var Pagination = (0, import_react141.forwardRef)(
|
|
|
33003
33069
|
Pagination.displayName = "Pagination";
|
|
33004
33070
|
|
|
33005
33071
|
// src/components/PipelineCard/PipelineCard.tsx
|
|
33006
|
-
var
|
|
33072
|
+
var import_icons52 = require("@octaviaflow/icons");
|
|
33007
33073
|
var import_framer_motion29 = require("framer-motion");
|
|
33008
33074
|
var import_react142 = require("react");
|
|
33009
33075
|
var import_jsx_runtime126 = require("react/jsx-runtime");
|
|
@@ -33302,7 +33368,7 @@ var PipelineCard = (0, import_react142.forwardRef)(
|
|
|
33302
33368
|
triggerClassName: "ods-pipeline-card__action-btn ods-pipeline-card__action-btn--icon",
|
|
33303
33369
|
align: overflowAlign,
|
|
33304
33370
|
"aria-label": overflowLabel,
|
|
33305
|
-
trigger: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("span", { "aria-hidden": "true", children: overflowIcon ?? /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
|
|
33371
|
+
trigger: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("span", { "aria-hidden": "true", children: overflowIcon ?? /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(import_icons52.OverflowMenuHorizontalIcon, { size: "sm" }) }),
|
|
33306
33372
|
items: overflowItems
|
|
33307
33373
|
}
|
|
33308
33374
|
) : onOverflow && /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
|
|
@@ -33315,7 +33381,7 @@ var PipelineCard = (0, import_react142.forwardRef)(
|
|
|
33315
33381
|
stop(e);
|
|
33316
33382
|
onOverflow(e);
|
|
33317
33383
|
},
|
|
33318
|
-
children: overflowIcon ?? /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
|
|
33384
|
+
children: overflowIcon ?? /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(import_icons52.OverflowMenuHorizontalIcon, { size: "sm", "aria-hidden": true })
|
|
33319
33385
|
}
|
|
33320
33386
|
)
|
|
33321
33387
|
]
|
|
@@ -33394,7 +33460,7 @@ var PipelineCard = (0, import_react142.forwardRef)(
|
|
|
33394
33460
|
PipelineCard.displayName = "PipelineCard";
|
|
33395
33461
|
|
|
33396
33462
|
// src/components/PlanCard/PlanCard.tsx
|
|
33397
|
-
var
|
|
33463
|
+
var import_icons53 = require("@octaviaflow/icons");
|
|
33398
33464
|
var import_react144 = require("react");
|
|
33399
33465
|
|
|
33400
33466
|
// src/components/PlanPicker/context.ts
|
|
@@ -33470,7 +33536,7 @@ var PlanCard = (0, import_react144.forwardRef)(
|
|
|
33470
33536
|
selected && "ods-plan-card__check--on"
|
|
33471
33537
|
),
|
|
33472
33538
|
"aria-hidden": "true",
|
|
33473
|
-
children: selected && /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
|
|
33539
|
+
children: selected && /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(import_icons53.CheckmarkIcon, { size: "xs" })
|
|
33474
33540
|
}
|
|
33475
33541
|
)
|
|
33476
33542
|
] })
|
|
@@ -33502,7 +33568,7 @@ var PlanCard = (0, import_react144.forwardRef)(
|
|
|
33502
33568
|
{
|
|
33503
33569
|
className: "ods-plan-card__feature-icon",
|
|
33504
33570
|
"aria-hidden": "true",
|
|
33505
|
-
children: customIcon ?? (included ? /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
|
|
33571
|
+
children: customIcon ?? (included ? /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(import_icons53.CheckmarkIcon, { size: "xs" }) : /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(import_icons53.CloseIcon, { size: "xs" }))
|
|
33506
33572
|
}
|
|
33507
33573
|
),
|
|
33508
33574
|
/* @__PURE__ */ (0, import_jsx_runtime127.jsx)("span", { className: "ods-plan-card__feature-text", children: text })
|
|
@@ -33715,7 +33781,7 @@ function Popover({
|
|
|
33715
33781
|
}
|
|
33716
33782
|
|
|
33717
33783
|
// src/components/PricingCard/PricingCard.tsx
|
|
33718
|
-
var
|
|
33784
|
+
var import_icons54 = require("@octaviaflow/icons");
|
|
33719
33785
|
var import_react147 = require("react");
|
|
33720
33786
|
var import_jsx_runtime130 = require("react/jsx-runtime");
|
|
33721
33787
|
function isStructuredFeature2(f) {
|
|
@@ -33804,7 +33870,7 @@ var PricingCard = (0, import_react147.forwardRef)(
|
|
|
33804
33870
|
included ? "ods-pricing__feature-icon--included" : "ods-pricing__feature-icon--excluded"
|
|
33805
33871
|
),
|
|
33806
33872
|
"aria-hidden": "true",
|
|
33807
|
-
children: customIcon ?? (included ? /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
|
|
33873
|
+
children: customIcon ?? (included ? /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(import_icons54.CheckmarkIcon, { size: "xs" }) : /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(import_icons54.CloseIcon, { size: "xs" }))
|
|
33808
33874
|
}
|
|
33809
33875
|
),
|
|
33810
33876
|
/* @__PURE__ */ (0, import_jsx_runtime130.jsx)("span", { className: "ods-pricing__feature-text", children: text })
|
|
@@ -33822,7 +33888,7 @@ var PricingCard = (0, import_react147.forwardRef)(
|
|
|
33822
33888
|
PricingCard.displayName = "PricingCard";
|
|
33823
33889
|
|
|
33824
33890
|
// src/components/ProductCard/ProductCard.tsx
|
|
33825
|
-
var
|
|
33891
|
+
var import_icons55 = require("@octaviaflow/icons");
|
|
33826
33892
|
var import_react148 = require("react");
|
|
33827
33893
|
var import_jsx_runtime131 = require("react/jsx-runtime");
|
|
33828
33894
|
function Stars({ value, max = 5, count }) {
|
|
@@ -33834,7 +33900,7 @@ function Stars({ value, max = 5, count }) {
|
|
|
33834
33900
|
children: [
|
|
33835
33901
|
/* @__PURE__ */ (0, import_jsx_runtime131.jsx)("span", { className: "ods-product-card__stars", "aria-hidden": "true", children: Array.from({ length: max }, (_, i) => {
|
|
33836
33902
|
const filled = i < Math.round(value);
|
|
33837
|
-
return filled ? /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
|
|
33903
|
+
return filled ? /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(import_icons55.StarFilledIcon, { size: "xs" }, i) : /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(import_icons55.StarIcon, { size: "xs" }, i);
|
|
33838
33904
|
}) }),
|
|
33839
33905
|
/* @__PURE__ */ (0, import_jsx_runtime131.jsx)("span", { className: "ods-product-card__rating-value", children: value.toFixed(1) }),
|
|
33840
33906
|
count !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("span", { className: "ods-product-card__rating-count", children: [
|
|
@@ -34053,7 +34119,7 @@ ProgressRing.displayName = "ProgressRing";
|
|
|
34053
34119
|
|
|
34054
34120
|
// src/components/PromptInput/PromptInput.tsx
|
|
34055
34121
|
var import_react150 = require("react");
|
|
34056
|
-
var
|
|
34122
|
+
var import_icons56 = require("@octaviaflow/icons");
|
|
34057
34123
|
var import_jsx_runtime133 = require("react/jsx-runtime");
|
|
34058
34124
|
var PromptInput = (0, import_react150.forwardRef)(
|
|
34059
34125
|
function PromptInput2({
|
|
@@ -34331,7 +34397,7 @@ var PromptInput = (0, import_react150.forwardRef)(
|
|
|
34331
34397
|
}
|
|
34332
34398
|
),
|
|
34333
34399
|
isDragOver && /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "ods-prompt-input__drop-overlay", "aria-hidden": "true", children: [
|
|
34334
|
-
/* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
|
|
34400
|
+
/* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_icons56.CloudUploadIcon, { size: "sm" }),
|
|
34335
34401
|
/* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { children: dropOverlayLabel })
|
|
34336
34402
|
] }),
|
|
34337
34403
|
attachments.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "ods-prompt-input__attachments", children: attachments.map((a) => {
|
|
@@ -34354,7 +34420,7 @@ var PromptInput = (0, import_react150.forwardRef)(
|
|
|
34354
34420
|
alt: "",
|
|
34355
34421
|
className: "ods-prompt-input__chip-thumb"
|
|
34356
34422
|
}
|
|
34357
|
-
) : /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
|
|
34423
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_icons56.AttachmentIcon, { size: "xs" })
|
|
34358
34424
|
}
|
|
34359
34425
|
),
|
|
34360
34426
|
/* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "ods-prompt-input__chip-label", children: a.name }),
|
|
@@ -34366,7 +34432,7 @@ var PromptInput = (0, import_react150.forwardRef)(
|
|
|
34366
34432
|
className: "ods-prompt-input__chip-remove",
|
|
34367
34433
|
onClick: () => onRemoveAttachment(a.id),
|
|
34368
34434
|
"aria-label": `Remove ${a.name}`,
|
|
34369
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
|
|
34435
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_icons56.CloseIcon, { size: "xs" })
|
|
34370
34436
|
}
|
|
34371
34437
|
)
|
|
34372
34438
|
]
|
|
@@ -34465,7 +34531,7 @@ var PromptInput = (0, import_react150.forwardRef)(
|
|
|
34465
34531
|
onClick: onStop,
|
|
34466
34532
|
"aria-label": "Stop generating",
|
|
34467
34533
|
children: [
|
|
34468
|
-
/* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
|
|
34534
|
+
/* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_icons56.StopFilledIcon, { size: "xs", tone: "inverse" }),
|
|
34469
34535
|
/* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { children: "Stop" })
|
|
34470
34536
|
]
|
|
34471
34537
|
}
|
|
@@ -34481,7 +34547,7 @@ var PromptInput = (0, import_react150.forwardRef)(
|
|
|
34481
34547
|
disabled: !canSubmit,
|
|
34482
34548
|
"aria-label": "Send",
|
|
34483
34549
|
children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
|
|
34484
|
-
|
|
34550
|
+
import_icons56.SendAltIcon,
|
|
34485
34551
|
{
|
|
34486
34552
|
size: "xs",
|
|
34487
34553
|
tone: canSubmit ? "inverse" : "muted"
|
|
@@ -34889,7 +34955,7 @@ RangeSlider.displayName = "RangeSlider";
|
|
|
34889
34955
|
|
|
34890
34956
|
// src/components/Rating/Rating.tsx
|
|
34891
34957
|
var import_react155 = require("react");
|
|
34892
|
-
var
|
|
34958
|
+
var import_icons57 = require("@octaviaflow/icons");
|
|
34893
34959
|
var import_jsx_runtime138 = require("react/jsx-runtime");
|
|
34894
34960
|
var Rating = (0, import_react155.forwardRef)(function Rating2({
|
|
34895
34961
|
value,
|
|
@@ -34910,9 +34976,9 @@ var Rating = (0, import_react155.forwardRef)(function Rating2({
|
|
|
34910
34976
|
const [hover, setHover] = (0, import_react155.useState)(null);
|
|
34911
34977
|
const display = hover ?? value;
|
|
34912
34978
|
const interactive = !readOnly && !disabled;
|
|
34913
|
-
const Empty = icon === "heart" ?
|
|
34914
|
-
const Half = icon === "heart" ?
|
|
34915
|
-
const Full = icon === "heart" ?
|
|
34979
|
+
const Empty = icon === "heart" ? import_icons57.FavoriteIcon : import_icons57.StarIcon;
|
|
34980
|
+
const Half = icon === "heart" ? import_icons57.FavoriteHalfIcon : import_icons57.StarHalfIcon;
|
|
34981
|
+
const Full = icon === "heart" ? import_icons57.FavoriteFilledIcon : import_icons57.StarFilledIcon;
|
|
34916
34982
|
const setValueClamped = (next) => {
|
|
34917
34983
|
if (!interactive) return;
|
|
34918
34984
|
const clamped = Math.max(0, Math.min(max, next));
|
|
@@ -35016,7 +35082,7 @@ Rating.displayName = "Rating";
|
|
|
35016
35082
|
|
|
35017
35083
|
// src/components/Rating/BinaryRating.tsx
|
|
35018
35084
|
var import_react156 = require("react");
|
|
35019
|
-
var
|
|
35085
|
+
var import_icons58 = require("@octaviaflow/icons");
|
|
35020
35086
|
var import_jsx_runtime139 = require("react/jsx-runtime");
|
|
35021
35087
|
var BinaryRating = (0, import_react156.forwardRef)(
|
|
35022
35088
|
function BinaryRating2({
|
|
@@ -35027,10 +35093,10 @@ var BinaryRating = (0, import_react156.forwardRef)(
|
|
|
35027
35093
|
disabled = false,
|
|
35028
35094
|
readOnly = false,
|
|
35029
35095
|
toggleable = true,
|
|
35030
|
-
upIcon = /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
|
|
35031
|
-
upIconFilled = /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
|
|
35032
|
-
downIcon = /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
|
|
35033
|
-
downIconFilled = /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
|
|
35096
|
+
upIcon = /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(import_icons58.ThumbsUpIcon, {}),
|
|
35097
|
+
upIconFilled = /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(import_icons58.ThumbsUpFilledIcon, {}),
|
|
35098
|
+
downIcon = /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(import_icons58.ThumbsDownIcon, {}),
|
|
35099
|
+
downIconFilled = /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(import_icons58.ThumbsDownFilledIcon, {}),
|
|
35034
35100
|
upLabel = "Like",
|
|
35035
35101
|
downLabel = "Dislike",
|
|
35036
35102
|
className,
|
|
@@ -36958,7 +37024,7 @@ Spotlight.displayName = "Spotlight";
|
|
|
36958
37024
|
|
|
36959
37025
|
// src/components/Stat/Stat.tsx
|
|
36960
37026
|
var import_react168 = require("react");
|
|
36961
|
-
var
|
|
37027
|
+
var import_icons59 = require("@octaviaflow/icons");
|
|
36962
37028
|
var import_jsx_runtime153 = require("react/jsx-runtime");
|
|
36963
37029
|
var Stat = (0, import_react168.forwardRef)(function Stat2({
|
|
36964
37030
|
label,
|
|
@@ -36972,7 +37038,7 @@ var Stat = (0, import_react168.forwardRef)(function Stat2({
|
|
|
36972
37038
|
className,
|
|
36973
37039
|
...rest
|
|
36974
37040
|
}, ref) {
|
|
36975
|
-
const TrendIcon = deltaTrend === "up" ?
|
|
37041
|
+
const TrendIcon = deltaTrend === "up" ? import_icons59.ArrowUpIcon : deltaTrend === "down" ? import_icons59.ArrowDownIcon : import_icons59.SubtractIcon;
|
|
36976
37042
|
return /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)(
|
|
36977
37043
|
"div",
|
|
36978
37044
|
{
|
|
@@ -37490,7 +37556,7 @@ Sankey.displayName = "Sankey";
|
|
|
37490
37556
|
|
|
37491
37557
|
// src/components/Table/Table.tsx
|
|
37492
37558
|
var import_react171 = require("react");
|
|
37493
|
-
var
|
|
37559
|
+
var import_icons60 = require("@octaviaflow/icons");
|
|
37494
37560
|
var import_jsx_runtime156 = require("react/jsx-runtime");
|
|
37495
37561
|
function TableInner({
|
|
37496
37562
|
columns,
|
|
@@ -37580,7 +37646,7 @@ function TableInner({
|
|
|
37580
37646
|
sortKey === col.key && "ods-table__sort-icon--active"
|
|
37581
37647
|
),
|
|
37582
37648
|
"aria-hidden": "true",
|
|
37583
|
-
children: sortKey === col.key ? sortDirection === "desc" ? /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(
|
|
37649
|
+
children: sortKey === col.key ? sortDirection === "desc" ? /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(import_icons60.CaretDownIcon, { size: "xs" }) : /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(import_icons60.CaretUpIcon, { size: "xs" }) : /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(import_icons60.CaretSortIcon, { size: "xs" })
|
|
37584
37650
|
}
|
|
37585
37651
|
)
|
|
37586
37652
|
] })
|
|
@@ -37649,7 +37715,7 @@ function TableRow({
|
|
|
37649
37715
|
"aria-label": expanded ? "Collapse row" : "Expand row",
|
|
37650
37716
|
"aria-expanded": expanded,
|
|
37651
37717
|
onClick: () => setExpanded(!expanded),
|
|
37652
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(
|
|
37718
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(import_icons60.CaretRightIcon, { size: "xs" })
|
|
37653
37719
|
}
|
|
37654
37720
|
) }),
|
|
37655
37721
|
columns.map((col) => /* @__PURE__ */ (0, import_jsx_runtime156.jsx)("td", { className: "ods-table__cell", children: col.render ? col.render(row[col.key], row, rowIndex) : row[col.key] }, col.key))
|
|
@@ -37842,7 +37908,7 @@ function ChevronSvg({ dir }) {
|
|
|
37842
37908
|
|
|
37843
37909
|
// src/components/TagsInput/TagsInput.tsx
|
|
37844
37910
|
var import_react173 = require("react");
|
|
37845
|
-
var
|
|
37911
|
+
var import_icons61 = require("@octaviaflow/icons");
|
|
37846
37912
|
var import_jsx_runtime158 = require("react/jsx-runtime");
|
|
37847
37913
|
var TagsInput = (0, import_react173.forwardRef)(
|
|
37848
37914
|
function TagsInput2({
|
|
@@ -37925,7 +37991,7 @@ var TagsInput = (0, import_react173.forwardRef)(
|
|
|
37925
37991
|
onClick: () => removeTag(i),
|
|
37926
37992
|
"aria-label": `Remove ${tag}`,
|
|
37927
37993
|
disabled,
|
|
37928
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(
|
|
37994
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(import_icons61.CloseIcon, { size: "xs" })
|
|
37929
37995
|
}
|
|
37930
37996
|
)
|
|
37931
37997
|
] }, `${tag}-${i}`)),
|
|
@@ -38200,7 +38266,7 @@ var TemplateCard = (0, import_react174.forwardRef)(function TemplateCard2({
|
|
|
38200
38266
|
TemplateCard.displayName = "TemplateCard";
|
|
38201
38267
|
|
|
38202
38268
|
// src/components/TestimonialCard/TestimonialCard.tsx
|
|
38203
|
-
var
|
|
38269
|
+
var import_icons62 = require("@octaviaflow/icons");
|
|
38204
38270
|
var import_react175 = require("react");
|
|
38205
38271
|
var import_jsx_runtime160 = require("react/jsx-runtime");
|
|
38206
38272
|
function isAuthorObject(v) {
|
|
@@ -38271,7 +38337,7 @@ var TestimonialCard = (0, import_react175.forwardRef)(
|
|
|
38271
38337
|
"aria-describedby": quoteId,
|
|
38272
38338
|
children: [
|
|
38273
38339
|
/* @__PURE__ */ (0, import_jsx_runtime160.jsxs)("div", { className: "ods-testimonial__head", children: [
|
|
38274
|
-
/* @__PURE__ */ (0, import_jsx_runtime160.jsx)("span", { className: "ods-testimonial__quote", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime160.jsx)(
|
|
38340
|
+
/* @__PURE__ */ (0, import_jsx_runtime160.jsx)("span", { className: "ods-testimonial__quote", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime160.jsx)(import_icons62.QuotesIcon, { size: "md" }) }),
|
|
38275
38341
|
logo && /* @__PURE__ */ (0, import_jsx_runtime160.jsx)("span", { className: "ods-testimonial__logo", "aria-hidden": "true", children: logo })
|
|
38276
38342
|
] }),
|
|
38277
38343
|
/* @__PURE__ */ (0, import_jsx_runtime160.jsx)("blockquote", { id: quoteId, className: "ods-testimonial__text", children: quote }),
|
|
@@ -38283,13 +38349,13 @@ var TestimonialCard = (0, import_react175.forwardRef)(
|
|
|
38283
38349
|
"aria-label": `${rating} out of 5 stars`,
|
|
38284
38350
|
children: Array.from({ length: 5 }).map(
|
|
38285
38351
|
(_, i) => i < Math.round(rating) ? /* @__PURE__ */ (0, import_jsx_runtime160.jsx)(
|
|
38286
|
-
|
|
38352
|
+
import_icons62.StarFilledIcon,
|
|
38287
38353
|
{
|
|
38288
38354
|
size: "xs",
|
|
38289
38355
|
className: "ods-testimonial__star ods-testimonial__star--on"
|
|
38290
38356
|
},
|
|
38291
38357
|
i
|
|
38292
|
-
) : /* @__PURE__ */ (0, import_jsx_runtime160.jsx)(
|
|
38358
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime160.jsx)(import_icons62.StarIcon, { size: "xs", className: "ods-testimonial__star" }, i)
|
|
38293
38359
|
)
|
|
38294
38360
|
}
|
|
38295
38361
|
),
|
|
@@ -38379,7 +38445,7 @@ Timeline.displayName = "Timeline";
|
|
|
38379
38445
|
// src/components/TimePicker/TimePicker.tsx
|
|
38380
38446
|
var import_react177 = require("react");
|
|
38381
38447
|
var import_react_dom21 = require("react-dom");
|
|
38382
|
-
var
|
|
38448
|
+
var import_icons63 = require("@octaviaflow/icons");
|
|
38383
38449
|
var import_jsx_runtime162 = require("react/jsx-runtime");
|
|
38384
38450
|
var pad = (n) => n.toString().padStart(2, "0");
|
|
38385
38451
|
function format(v, use24h, showSeconds) {
|
|
@@ -38670,7 +38736,7 @@ var TimePicker = (0, import_react177.forwardRef)(
|
|
|
38670
38736
|
"aria-describedby": describedBy,
|
|
38671
38737
|
"aria-invalid": error ? true : void 0,
|
|
38672
38738
|
children: [
|
|
38673
|
-
/* @__PURE__ */ (0, import_jsx_runtime162.jsx)("span", { className: "ods-timepicker__trigger-icon", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime162.jsx)(
|
|
38739
|
+
/* @__PURE__ */ (0, import_jsx_runtime162.jsx)("span", { className: "ods-timepicker__trigger-icon", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime162.jsx)(import_icons63.TimeIcon, { size: "xs" }) }),
|
|
38674
38740
|
/* @__PURE__ */ (0, import_jsx_runtime162.jsx)("span", { className: "ods-timepicker__value", children: format(value, use24h, showSeconds) }),
|
|
38675
38741
|
/* @__PURE__ */ (0, import_jsx_runtime162.jsx)(
|
|
38676
38742
|
"span",
|
|
@@ -38680,7 +38746,7 @@ var TimePicker = (0, import_react177.forwardRef)(
|
|
|
38680
38746
|
open && "ods-timepicker__chev--open"
|
|
38681
38747
|
),
|
|
38682
38748
|
"aria-hidden": "true",
|
|
38683
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime162.jsx)(
|
|
38749
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime162.jsx)(import_icons63.ChevronDownIcon, { size: "xs" })
|
|
38684
38750
|
}
|
|
38685
38751
|
)
|
|
38686
38752
|
]
|
|
@@ -38743,7 +38809,7 @@ var TimePicker = (0, import_react177.forwardRef)(
|
|
|
38743
38809
|
className: "ods-timepicker__step",
|
|
38744
38810
|
onClick: () => stepBy(seg, 1),
|
|
38745
38811
|
"aria-label": `${seg} up`,
|
|
38746
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime162.jsx)(
|
|
38812
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime162.jsx)(import_icons63.CaretUpIcon, { size: "xs" })
|
|
38747
38813
|
}
|
|
38748
38814
|
),
|
|
38749
38815
|
/* @__PURE__ */ (0, import_jsx_runtime162.jsx)("span", { className: "ods-timepicker__col-val", children: pad(
|
|
@@ -38756,7 +38822,7 @@ var TimePicker = (0, import_react177.forwardRef)(
|
|
|
38756
38822
|
className: "ods-timepicker__step",
|
|
38757
38823
|
onClick: () => stepBy(seg, -1),
|
|
38758
38824
|
"aria-label": `${seg} down`,
|
|
38759
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime162.jsx)(
|
|
38825
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime162.jsx)(import_icons63.CaretDownIcon, { size: "xs" })
|
|
38760
38826
|
}
|
|
38761
38827
|
)
|
|
38762
38828
|
] }),
|
|
@@ -38785,7 +38851,7 @@ TimePicker.displayName = "TimePicker";
|
|
|
38785
38851
|
|
|
38786
38852
|
// src/components/TimezonePicker/TimezonePicker.tsx
|
|
38787
38853
|
var import_react178 = require("react");
|
|
38788
|
-
var
|
|
38854
|
+
var import_icons64 = require("@octaviaflow/icons");
|
|
38789
38855
|
var import_jsx_runtime163 = require("react/jsx-runtime");
|
|
38790
38856
|
var DEFAULT_TZS = [
|
|
38791
38857
|
{ iana: "America/Los_Angeles", label: "Pacific Time", offset: "UTC\u22128" },
|
|
@@ -38960,7 +39026,7 @@ var TimezonePicker = (0, import_react178.forwardRef)(
|
|
|
38960
39026
|
"aria-describedby": describedBy,
|
|
38961
39027
|
"aria-invalid": error ? true : void 0,
|
|
38962
39028
|
children: [
|
|
38963
|
-
/* @__PURE__ */ (0, import_jsx_runtime163.jsx)("span", { className: "ods-tzpicker__trigger-icon", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime163.jsx)(
|
|
39029
|
+
/* @__PURE__ */ (0, import_jsx_runtime163.jsx)("span", { className: "ods-tzpicker__trigger-icon", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime163.jsx)(import_icons64.GlobeIcon, { size: "xs" }) }),
|
|
38964
39030
|
/* @__PURE__ */ (0, import_jsx_runtime163.jsx)("span", { className: "ods-tzpicker__info", children: selected ? /* @__PURE__ */ (0, import_jsx_runtime163.jsxs)(import_jsx_runtime163.Fragment, { children: [
|
|
38965
39031
|
/* @__PURE__ */ (0, import_jsx_runtime163.jsx)("span", { className: "ods-tzpicker__name", children: selected.label }),
|
|
38966
39032
|
/* @__PURE__ */ (0, import_jsx_runtime163.jsxs)("span", { className: "ods-tzpicker__meta", children: [
|
|
@@ -38978,7 +39044,7 @@ var TimezonePicker = (0, import_react178.forwardRef)(
|
|
|
38978
39044
|
open && "ods-tzpicker__chev--open"
|
|
38979
39045
|
),
|
|
38980
39046
|
"aria-hidden": "true",
|
|
38981
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime163.jsx)(
|
|
39047
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime163.jsx)(import_icons64.ChevronDownIcon, { size: "xs" })
|
|
38982
39048
|
}
|
|
38983
39049
|
)
|
|
38984
39050
|
]
|
|
@@ -38993,7 +39059,7 @@ var TimezonePicker = (0, import_react178.forwardRef)(
|
|
|
38993
39059
|
onKeyDown: handlePopoverKey,
|
|
38994
39060
|
children: [
|
|
38995
39061
|
/* @__PURE__ */ (0, import_jsx_runtime163.jsxs)("div", { className: "ods-tzpicker__search", children: [
|
|
38996
|
-
/* @__PURE__ */ (0, import_jsx_runtime163.jsx)("span", { className: "ods-tzpicker__search-icon", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime163.jsx)(
|
|
39062
|
+
/* @__PURE__ */ (0, import_jsx_runtime163.jsx)("span", { className: "ods-tzpicker__search-icon", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime163.jsx)(import_icons64.SearchIcon, { size: "xs" }) }),
|
|
38997
39063
|
/* @__PURE__ */ (0, import_jsx_runtime163.jsx)(
|
|
38998
39064
|
"input",
|
|
38999
39065
|
{
|
|
@@ -39050,7 +39116,7 @@ var TimezonePicker = (0, import_react178.forwardRef)(
|
|
|
39050
39116
|
{
|
|
39051
39117
|
className: "ods-tzpicker__opt-check",
|
|
39052
39118
|
"aria-hidden": "true",
|
|
39053
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime163.jsx)(
|
|
39119
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime163.jsx)(import_icons64.CheckmarkIcon, { size: "xs" })
|
|
39054
39120
|
}
|
|
39055
39121
|
)
|
|
39056
39122
|
]
|
|
@@ -39625,17 +39691,17 @@ function ToolbarSpacer() {
|
|
|
39625
39691
|
|
|
39626
39692
|
// src/components/ToolCard/ToolCard.tsx
|
|
39627
39693
|
var import_react181 = require("react");
|
|
39628
|
-
var
|
|
39694
|
+
var import_icons65 = require("@octaviaflow/icons");
|
|
39629
39695
|
var import_jsx_runtime167 = require("react/jsx-runtime");
|
|
39630
39696
|
var CATEGORY_GLYPH = {
|
|
39631
|
-
search: /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(
|
|
39632
|
-
database: /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(
|
|
39633
|
-
web: /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(
|
|
39634
|
-
code: /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(
|
|
39635
|
-
file: /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(
|
|
39636
|
-
api: /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(
|
|
39637
|
-
ai: /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(
|
|
39638
|
-
custom: /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(
|
|
39697
|
+
search: /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(import_icons65.SearchIcon, { size: "xs" }),
|
|
39698
|
+
database: /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(import_icons65.DataBaseIcon, { size: "xs" }),
|
|
39699
|
+
web: /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(import_icons65.GlobeIcon, { size: "xs" }),
|
|
39700
|
+
code: /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(import_icons65.CodeIcon, { size: "xs" }),
|
|
39701
|
+
file: /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(import_icons65.DocumentIcon, { size: "xs" }),
|
|
39702
|
+
api: /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(import_icons65.ApiIcon, { size: "xs" }),
|
|
39703
|
+
ai: /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(import_icons65.MagicWandIcon, { size: "xs" }),
|
|
39704
|
+
custom: /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(import_icons65.ExtensionsIcon, { size: "xs" })
|
|
39639
39705
|
};
|
|
39640
39706
|
var ToolCard = (0, import_react181.forwardRef)(
|
|
39641
39707
|
function ToolCard2({
|
|
@@ -39830,14 +39896,14 @@ function TopBar({
|
|
|
39830
39896
|
// src/components/TraceStep/TraceStep.tsx
|
|
39831
39897
|
var import_framer_motion38 = require("framer-motion");
|
|
39832
39898
|
var import_react182 = require("react");
|
|
39833
|
-
var
|
|
39899
|
+
var import_icons66 = require("@octaviaflow/icons");
|
|
39834
39900
|
var import_jsx_runtime169 = require("react/jsx-runtime");
|
|
39835
39901
|
var DEFAULT_KIND_GLYPH = {
|
|
39836
|
-
thought: /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(
|
|
39837
|
-
tool: /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(
|
|
39838
|
-
input: /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(
|
|
39839
|
-
output: /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(
|
|
39840
|
-
error: /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(
|
|
39902
|
+
thought: /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(import_icons66.IdeaIcon, { size: "xs" }),
|
|
39903
|
+
tool: /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(import_icons66.BuildToolIcon, { size: "xs" }),
|
|
39904
|
+
input: /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(import_icons66.ConnectionReceiveIcon, { size: "xs" }),
|
|
39905
|
+
output: /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(import_icons66.ConnectionSendIcon, { size: "xs" }),
|
|
39906
|
+
error: /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(import_icons66.WarningAltIcon, { size: "xs" })
|
|
39841
39907
|
};
|
|
39842
39908
|
var FALLBACK_GLYPH = DEFAULT_KIND_GLYPH.thought;
|
|
39843
39909
|
var TraceStep = (0, import_react182.forwardRef)(
|
|
@@ -39901,7 +39967,7 @@ var TraceStep = (0, import_react182.forwardRef)(
|
|
|
39901
39967
|
initial: disableAnimation ? false : { scale: 0.6, opacity: 0 },
|
|
39902
39968
|
animate: { scale: 1, opacity: 1 },
|
|
39903
39969
|
transition: { duration: 0.2, ease: [0.16, 1, 0.3, 1] },
|
|
39904
|
-
children: status === "running" ? /* @__PURE__ */ (0, import_jsx_runtime169.jsx)("span", { className: "ods-trace-step__spin", children: /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(
|
|
39970
|
+
children: status === "running" ? /* @__PURE__ */ (0, import_jsx_runtime169.jsx)("span", { className: "ods-trace-step__spin", children: /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(import_icons66.CircleDashIcon, { size: "xs" }) }) : resolvedGlyph
|
|
39905
39971
|
}
|
|
39906
39972
|
),
|
|
39907
39973
|
!isLast && /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(
|
|
@@ -39944,7 +40010,7 @@ var TraceStep = (0, import_react182.forwardRef)(
|
|
|
39944
40010
|
title: tool,
|
|
39945
40011
|
"aria-label": `Tool: ${tool}`,
|
|
39946
40012
|
children: [
|
|
39947
|
-
/* @__PURE__ */ (0, import_jsx_runtime169.jsx)("span", { className: "ods-trace-step__tool-icon", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(
|
|
40013
|
+
/* @__PURE__ */ (0, import_jsx_runtime169.jsx)("span", { className: "ods-trace-step__tool-icon", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(import_icons66.BuildToolIcon, { size: "xs" }) }),
|
|
39948
40014
|
tool
|
|
39949
40015
|
]
|
|
39950
40016
|
}
|
|
@@ -39977,7 +40043,7 @@ var TraceStep = (0, import_react182.forwardRef)(
|
|
|
39977
40043
|
"aria-hidden": "true",
|
|
39978
40044
|
animate: { rotate: open ? 180 : 0 },
|
|
39979
40045
|
transition: { duration: 0.18, ease: [0.16, 1, 0.3, 1] },
|
|
39980
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(
|
|
40046
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(import_icons66.CaretDownIcon, { size: "xs" })
|
|
39981
40047
|
}
|
|
39982
40048
|
)
|
|
39983
40049
|
]
|
|
@@ -41878,7 +41944,7 @@ function cursorFor(corner) {
|
|
|
41878
41944
|
}
|
|
41879
41945
|
|
|
41880
41946
|
// src/workflow/components/kinds/BaseNode.tsx
|
|
41881
|
-
var
|
|
41947
|
+
var import_icons67 = require("@octaviaflow/icons");
|
|
41882
41948
|
var import_react192 = require("react");
|
|
41883
41949
|
var import_jsx_runtime176 = require("react/jsx-runtime");
|
|
41884
41950
|
function BaseNode({
|
|
@@ -41945,7 +42011,7 @@ function BaseNode({
|
|
|
41945
42011
|
"aria-label": "Delete node",
|
|
41946
42012
|
"data-flow-no-drag": "true",
|
|
41947
42013
|
title: "Delete node",
|
|
41948
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
|
|
42014
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(import_icons67.TrashCanIcon, { size: 16, "aria-hidden": true })
|
|
41949
42015
|
}
|
|
41950
42016
|
)
|
|
41951
42017
|
] }),
|
|
@@ -43864,7 +43930,7 @@ function DefaultEmptyState() {
|
|
|
43864
43930
|
}
|
|
43865
43931
|
|
|
43866
43932
|
// src/components/WorkflowHeader/WorkflowHeader.tsx
|
|
43867
|
-
var
|
|
43933
|
+
var import_icons68 = require("@octaviaflow/icons");
|
|
43868
43934
|
|
|
43869
43935
|
// src/hooks/useWorkflowRuntime.ts
|
|
43870
43936
|
var import_react195 = require("react");
|
|
@@ -43955,7 +44021,7 @@ function WorkflowHeader({
|
|
|
43955
44021
|
onClick: onBack,
|
|
43956
44022
|
"aria-label": `Back to ${typeof parentLabel === "string" ? parentLabel : "previous"}`,
|
|
43957
44023
|
children: [
|
|
43958
|
-
/* @__PURE__ */ (0, import_jsx_runtime180.jsx)(
|
|
44024
|
+
/* @__PURE__ */ (0, import_jsx_runtime180.jsx)(import_icons68.ChevronLeftIcon, { size: "sm" }),
|
|
43959
44025
|
/* @__PURE__ */ (0, import_jsx_runtime180.jsx)("span", { className: "ods-workflow-header__back-label", children: parentLabel }),
|
|
43960
44026
|
/* @__PURE__ */ (0, import_jsx_runtime180.jsx)("span", { className: "ods-workflow-header__back-separator", "aria-hidden": "true", children: "/" })
|
|
43961
44027
|
]
|
|
@@ -43994,14 +44060,14 @@ function WorkflowHeader({
|
|
|
43994
44060
|
title: saveState === "error" ? saveError ?? void 0 : void 0,
|
|
43995
44061
|
children: [
|
|
43996
44062
|
saveState === "saving" ? /* @__PURE__ */ (0, import_jsx_runtime180.jsx)("span", { className: "ods-workflow-header__save-spinner", "aria-hidden": "true" }) : saveState === "error" ? /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(
|
|
43997
|
-
|
|
44063
|
+
import_icons68.WarningAltIcon,
|
|
43998
44064
|
{
|
|
43999
44065
|
size: "sm",
|
|
44000
44066
|
className: "ods-workflow-header__save-icon",
|
|
44001
44067
|
"aria-hidden": "true"
|
|
44002
44068
|
}
|
|
44003
44069
|
) : /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(
|
|
44004
|
-
|
|
44070
|
+
import_icons68.CheckmarkIcon,
|
|
44005
44071
|
{
|
|
44006
44072
|
size: "sm",
|
|
44007
44073
|
className: "ods-workflow-header__save-icon",
|
|
@@ -44042,7 +44108,7 @@ function WorkflowHeader({
|
|
|
44042
44108
|
size: "sm",
|
|
44043
44109
|
pressed: !!isConsoleOpen,
|
|
44044
44110
|
"aria-label": isConsoleOpen ? "Hide execution console" : "Show execution console",
|
|
44045
|
-
leftIcon: /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(
|
|
44111
|
+
leftIcon: /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(import_icons68.TerminalIcon, { size: "sm" }),
|
|
44046
44112
|
onClick: onToggleConsole,
|
|
44047
44113
|
children: "Console"
|
|
44048
44114
|
}
|
|
@@ -44054,7 +44120,7 @@ function WorkflowHeader({
|
|
|
44054
44120
|
variant: "ghost",
|
|
44055
44121
|
size: "sm",
|
|
44056
44122
|
"aria-label": runtime ? `Stop execution (running ${runtime})` : "Stop execution",
|
|
44057
|
-
leftIcon: /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(
|
|
44123
|
+
leftIcon: /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(import_icons68.StopFilledAltIcon, { size: "sm", className: "ods-workflow-header__stop-glyph" }),
|
|
44058
44124
|
onClick: onStop,
|
|
44059
44125
|
children: /* @__PURE__ */ (0, import_jsx_runtime180.jsxs)("span", { className: "ods-workflow-header__stop-label", children: [
|
|
44060
44126
|
/* @__PURE__ */ (0, import_jsx_runtime180.jsx)("span", { children: "Stop" }),
|
|
@@ -44070,7 +44136,7 @@ function WorkflowHeader({
|
|
|
44070
44136
|
variant: "primary",
|
|
44071
44137
|
size: "sm",
|
|
44072
44138
|
"aria-label": "Run workflow",
|
|
44073
|
-
leftIcon: /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(
|
|
44139
|
+
leftIcon: /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(import_icons68.PlayFilledAltIcon, { size: "sm" }),
|
|
44074
44140
|
onClick: onRun,
|
|
44075
44141
|
children: "Run"
|
|
44076
44142
|
}
|
|
@@ -44082,7 +44148,7 @@ function WorkflowHeader({
|
|
|
44082
44148
|
align: "end",
|
|
44083
44149
|
triggerClassName: "ods-workflow-header__menu-trigger",
|
|
44084
44150
|
...menuProps,
|
|
44085
|
-
trigger: menuTrigger ?? /* @__PURE__ */ (0, import_jsx_runtime180.jsx)("span", { "aria-hidden": "true", className: "ods-workflow-header__menu-icon", children: /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(
|
|
44151
|
+
trigger: menuTrigger ?? /* @__PURE__ */ (0, import_jsx_runtime180.jsx)("span", { "aria-hidden": "true", className: "ods-workflow-header__menu-icon", children: /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(import_icons68.OverflowMenuVerticalIcon, { size: "sm" }) }),
|
|
44086
44152
|
items: menuItems
|
|
44087
44153
|
}
|
|
44088
44154
|
))
|
|
@@ -44092,7 +44158,7 @@ function WorkflowHeader({
|
|
|
44092
44158
|
}
|
|
44093
44159
|
|
|
44094
44160
|
// src/components/WorkflowHeader/WorkflowHeaderExpanded.tsx
|
|
44095
|
-
var
|
|
44161
|
+
var import_icons69 = require("@octaviaflow/icons");
|
|
44096
44162
|
var import_jsx_runtime181 = require("react/jsx-runtime");
|
|
44097
44163
|
function WorkflowHeaderExpanded({
|
|
44098
44164
|
name,
|
|
@@ -44137,7 +44203,7 @@ function WorkflowHeaderExpanded({
|
|
|
44137
44203
|
onClick: onBack,
|
|
44138
44204
|
"aria-label": `Back to ${typeof parentLabel === "string" ? parentLabel : "previous"}`,
|
|
44139
44205
|
children: [
|
|
44140
|
-
/* @__PURE__ */ (0, import_jsx_runtime181.jsx)(
|
|
44206
|
+
/* @__PURE__ */ (0, import_jsx_runtime181.jsx)(import_icons69.ChevronLeftIcon, { size: "sm" }),
|
|
44141
44207
|
/* @__PURE__ */ (0, import_jsx_runtime181.jsx)("span", { children: parentLabel }),
|
|
44142
44208
|
/* @__PURE__ */ (0, import_jsx_runtime181.jsx)("span", { "aria-hidden": "true", className: "ods-workflow-header-expanded__back-sep", children: "/" })
|
|
44143
44209
|
]
|
|
@@ -44176,7 +44242,7 @@ function WorkflowHeaderExpanded({
|
|
|
44176
44242
|
size: "sm",
|
|
44177
44243
|
pressed: !!isConsoleOpen,
|
|
44178
44244
|
"aria-label": isConsoleOpen ? "Hide execution console" : "Show execution console",
|
|
44179
|
-
leftIcon: /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(
|
|
44245
|
+
leftIcon: /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(import_icons69.TerminalIcon, { size: "sm" }),
|
|
44180
44246
|
onClick: onToggleConsole,
|
|
44181
44247
|
children: "Console"
|
|
44182
44248
|
}
|
|
@@ -44189,7 +44255,7 @@ function WorkflowHeaderExpanded({
|
|
|
44189
44255
|
size: "sm",
|
|
44190
44256
|
"aria-label": runtime ? `Stop execution (running ${runtime})` : "Stop execution",
|
|
44191
44257
|
leftIcon: /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(
|
|
44192
|
-
|
|
44258
|
+
import_icons69.StopFilledAltIcon,
|
|
44193
44259
|
{
|
|
44194
44260
|
size: "sm",
|
|
44195
44261
|
className: "ods-workflow-header-expanded__stop-glyph"
|
|
@@ -44210,7 +44276,7 @@ function WorkflowHeaderExpanded({
|
|
|
44210
44276
|
variant: "primary",
|
|
44211
44277
|
size: "sm",
|
|
44212
44278
|
"aria-label": "Run workflow",
|
|
44213
|
-
leftIcon: /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(
|
|
44279
|
+
leftIcon: /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(import_icons69.PlayFilledAltIcon, { size: "sm" }),
|
|
44214
44280
|
onClick: onRun,
|
|
44215
44281
|
children: "Run"
|
|
44216
44282
|
}
|
|
@@ -44226,7 +44292,7 @@ function WorkflowHeaderExpanded({
|
|
|
44226
44292
|
{
|
|
44227
44293
|
variant: "ghost",
|
|
44228
44294
|
size: "sm",
|
|
44229
|
-
leftIcon: /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(
|
|
44295
|
+
leftIcon: /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(import_icons69.OverflowMenuVerticalIcon, { size: "sm" })
|
|
44230
44296
|
}
|
|
44231
44297
|
),
|
|
44232
44298
|
items: menuItems
|