@intlayer/design-system 3.2.1 → 3.3.2
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/.vite/manifest.json +22 -86
- package/dist/Form-CQpKjeW6.js +301 -0
- package/dist/Form-CQpKjeW6.js.map +1 -0
- package/dist/components/Auth/ChangePasswordForm/ChangePasswordForm.cjs +14 -0
- package/dist/components/Auth/ChangePasswordForm/ChangePasswordForm.cjs.map +1 -1
- package/dist/components/Auth/ChangePasswordForm/ChangePasswordForm.d.ts.map +1 -1
- package/dist/components/Auth/ChangePasswordForm/ChangePasswordForm.mjs +15 -1
- package/dist/components/Auth/ChangePasswordForm/ChangePasswordForm.mjs.map +1 -1
- package/dist/components/Auth/ResetPasswordForm/ResetPasswordForm.mjs +1 -1
- package/dist/components/Auth/SignInForm/SignInForm.mjs +1 -1
- package/dist/components/Auth/SignUpForm/SignUpForm.mjs +1 -1
- package/dist/components/Button/Button.d.ts +2 -2
- package/dist/components/Command/index.d.ts +9 -9
- package/dist/components/Container/index.d.ts +2 -2
- package/dist/components/DictionaryEditor/ValidDictionaryChangeButtons.mjs +1 -1
- package/dist/components/DictionaryFieldEditor/DictionariesSelector/DictionariesSelector.cjs +1 -6
- package/dist/components/DictionaryFieldEditor/DictionariesSelector/DictionariesSelector.cjs.map +1 -1
- package/dist/components/DictionaryFieldEditor/DictionariesSelector/DictionariesSelector.mjs +2 -7
- package/dist/components/DictionaryFieldEditor/DictionariesSelector/DictionariesSelector.mjs.map +1 -1
- package/dist/components/DictionaryFieldEditor/DictionaryCreationForm/DictionaryCreationForm.cjs +2 -7
- package/dist/components/DictionaryFieldEditor/DictionaryCreationForm/DictionaryCreationForm.cjs.map +1 -1
- package/dist/components/DictionaryFieldEditor/DictionaryCreationForm/DictionaryCreationForm.mjs +3 -8
- package/dist/components/DictionaryFieldEditor/DictionaryCreationForm/DictionaryCreationForm.mjs.map +1 -1
- package/dist/components/DictionaryFieldEditor/DictionaryCreationForm/dictionaryFormSchema.d.ts +2 -2
- package/dist/components/DictionaryFieldEditor/DictionaryDetails/DictionaryDetailsForm.cjs +2 -7
- package/dist/components/DictionaryFieldEditor/DictionaryDetails/DictionaryDetailsForm.cjs.map +1 -1
- package/dist/components/DictionaryFieldEditor/DictionaryDetails/DictionaryDetailsForm.mjs +3 -8
- package/dist/components/DictionaryFieldEditor/DictionaryDetails/DictionaryDetailsForm.mjs.map +1 -1
- package/dist/components/DictionaryFieldEditor/DictionaryDetails/DictionaryDetailsSchema.d.ts +4 -4
- package/dist/components/DictionaryFieldEditor/DictionaryFieldEditor.cjs +1 -6
- package/dist/components/DictionaryFieldEditor/DictionaryFieldEditor.cjs.map +1 -1
- package/dist/components/DictionaryFieldEditor/DictionaryFieldEditor.mjs +2 -7
- package/dist/components/DictionaryFieldEditor/DictionaryFieldEditor.mjs.map +1 -1
- package/dist/components/DictionaryFieldEditor/EditorView/EditorView.cjs +1 -6
- package/dist/components/DictionaryFieldEditor/EditorView/EditorView.cjs.map +1 -1
- package/dist/components/DictionaryFieldEditor/EditorView/EditorView.mjs +2 -7
- package/dist/components/DictionaryFieldEditor/EditorView/EditorView.mjs.map +1 -1
- package/dist/components/DictionaryFieldEditor/EditorView/TextEditor.cjs +1 -6
- package/dist/components/DictionaryFieldEditor/EditorView/TextEditor.cjs.map +1 -1
- package/dist/components/DictionaryFieldEditor/EditorView/TextEditor.mjs +2 -7
- package/dist/components/DictionaryFieldEditor/EditorView/TextEditor.mjs.map +1 -1
- package/dist/components/DictionaryFieldEditor/NavigationView/NavigationViewNode.cjs +1 -6
- package/dist/components/DictionaryFieldEditor/NavigationView/NavigationViewNode.cjs.map +1 -1
- package/dist/components/DictionaryFieldEditor/NavigationView/NavigationViewNode.mjs +2 -7
- package/dist/components/DictionaryFieldEditor/NavigationView/NavigationViewNode.mjs.map +1 -1
- package/dist/components/DictionaryFieldEditor/NodeTypeSelector.cjs +1 -6
- package/dist/components/DictionaryFieldEditor/NodeTypeSelector.cjs.map +1 -1
- package/dist/components/DictionaryFieldEditor/NodeTypeSelector.mjs +2 -7
- package/dist/components/DictionaryFieldEditor/NodeTypeSelector.mjs.map +1 -1
- package/dist/components/DictionaryFieldEditor/SaveForm/SaveForm.mjs +1 -1
- package/dist/components/Form/Form.mjs +1 -1
- package/dist/components/Form/elements/CheckboxElement.mjs +1 -1
- package/dist/components/Form/elements/EditableFieldInputElement.mjs +1 -1
- package/dist/components/Form/elements/EditableFieldTextAreaElement.mjs +2 -2
- package/dist/components/Form/elements/FormElement.mjs +2 -2
- package/dist/components/Form/elements/InputElement.mjs +1 -1
- package/dist/components/Form/elements/InputPasswordElement.mjs +2 -2
- package/dist/components/Form/elements/MultiselectElement.mjs +1 -1
- package/dist/components/Form/elements/SelectElement.mjs +1 -1
- package/dist/components/Form/elements/SwitchSelectorElement.mjs +1 -1
- package/dist/components/Form/elements/TextAreaElement.mjs +1 -1
- package/dist/components/Form/elements/index.mjs +4 -4
- package/dist/components/Form/index.mjs +1 -1
- package/dist/components/Form/layout/FormItemLayout.mjs +2 -2
- package/dist/components/Form/layout/index.mjs +2 -2
- package/dist/components/Input/Checkbox.d.ts +1 -1
- package/dist/components/Modal/Modal.cjs +1 -6
- package/dist/components/Modal/Modal.cjs.map +1 -1
- package/dist/components/Modal/Modal.mjs +1 -6
- package/dist/components/Modal/Modal.mjs.map +1 -1
- package/dist/components/Navbar/MobileNavbar.cjs +1 -6
- package/dist/components/Navbar/MobileNavbar.cjs.map +1 -1
- package/dist/components/Navbar/MobileNavbar.mjs +1 -6
- package/dist/components/Navbar/MobileNavbar.mjs.map +1 -1
- package/dist/components/Navbar/index.cjs +1 -6
- package/dist/components/Navbar/index.cjs.map +1 -1
- package/dist/components/Navbar/index.mjs +1 -6
- package/dist/components/Navbar/index.mjs.map +1 -1
- package/dist/components/Select/Multiselect.d.ts +2 -2
- package/dist/components/SwitchSelector/index.cjs +1 -6
- package/dist/components/SwitchSelector/index.cjs.map +1 -1
- package/dist/components/SwitchSelector/index.mjs +1 -6
- package/dist/components/SwitchSelector/index.mjs.map +1 -1
- package/dist/components/TabSelector/TabSelector.cjs +1 -6
- package/dist/components/TabSelector/TabSelector.cjs.map +1 -1
- package/dist/components/TabSelector/TabSelector.mjs +1 -6
- package/dist/components/TabSelector/TabSelector.mjs.map +1 -1
- package/dist/components/Tag/index.cjs +2 -1
- package/dist/components/Tag/index.cjs.map +1 -1
- package/dist/components/Tag/index.d.ts +2 -2
- package/dist/components/Tag/index.d.ts.map +1 -1
- package/dist/components/Tag/index.mjs +2 -1
- package/dist/components/Tag/index.mjs.map +1 -1
- package/dist/components/index.mjs +1 -1
- package/dist/hooks/index.cjs +1 -0
- package/dist/hooks/index.cjs.map +1 -1
- package/dist/hooks/index.mjs +2 -1
- package/dist/hooks/intlayerAPIHooks.cjs +13 -2
- package/dist/hooks/intlayerAPIHooks.cjs.map +1 -1
- package/dist/hooks/intlayerAPIHooks.d.ts +1 -0
- package/dist/hooks/intlayerAPIHooks.d.ts.map +1 -1
- package/dist/hooks/intlayerAPIHooks.mjs +13 -2
- package/dist/hooks/intlayerAPIHooks.mjs.map +1 -1
- package/dist/hooks/useAsync/useAsync.cjs +1 -1
- package/dist/hooks/useAsync/useAsync.cjs.map +1 -1
- package/dist/hooks/useAsync/useAsync.mjs +1 -1
- package/dist/hooks/useAsync/useAsync.mjs.map +1 -1
- package/dist/hooks/useIntlayerAPI.d.ts +1 -0
- package/dist/hooks/useIntlayerAPI.d.ts.map +1 -1
- package/dist/hooks/usePersistedStore.cjs +3 -2
- package/dist/hooks/usePersistedStore.cjs.map +1 -1
- package/dist/hooks/usePersistedStore.d.ts.map +1 -1
- package/dist/hooks/usePersistedStore.mjs +3 -2
- package/dist/hooks/usePersistedStore.mjs.map +1 -1
- package/dist/libs/intlayer-api/auth.cjs +3 -3
- package/dist/libs/intlayer-api/auth.cjs.map +1 -1
- package/dist/libs/intlayer-api/auth.d.ts +2 -1
- package/dist/libs/intlayer-api/auth.d.ts.map +1 -1
- package/dist/libs/intlayer-api/auth.mjs +3 -3
- package/dist/libs/intlayer-api/auth.mjs.map +1 -1
- package/dist/libs/intlayer-api/dictionary.cjs +3 -3
- package/dist/libs/intlayer-api/dictionary.cjs.map +1 -1
- package/dist/libs/intlayer-api/dictionary.d.ts +2 -1
- package/dist/libs/intlayer-api/dictionary.d.ts.map +1 -1
- package/dist/libs/intlayer-api/dictionary.mjs +3 -3
- package/dist/libs/intlayer-api/dictionary.mjs.map +1 -1
- package/dist/libs/intlayer-api/index.cjs +7 -7
- package/dist/libs/intlayer-api/index.cjs.map +1 -1
- package/dist/libs/intlayer-api/index.d.ts +4 -1
- package/dist/libs/intlayer-api/index.d.ts.map +1 -1
- package/dist/libs/intlayer-api/index.mjs +7 -7
- package/dist/libs/intlayer-api/index.mjs.map +1 -1
- package/dist/libs/intlayer-api/organization.cjs +3 -2
- package/dist/libs/intlayer-api/organization.cjs.map +1 -1
- package/dist/libs/intlayer-api/organization.d.ts +2 -1
- package/dist/libs/intlayer-api/organization.d.ts.map +1 -1
- package/dist/libs/intlayer-api/organization.mjs +3 -2
- package/dist/libs/intlayer-api/organization.mjs.map +1 -1
- package/dist/libs/intlayer-api/project.cjs +3 -3
- package/dist/libs/intlayer-api/project.cjs.map +1 -1
- package/dist/libs/intlayer-api/project.d.ts +2 -1
- package/dist/libs/intlayer-api/project.d.ts.map +1 -1
- package/dist/libs/intlayer-api/project.mjs +3 -3
- package/dist/libs/intlayer-api/project.mjs.map +1 -1
- package/dist/libs/intlayer-api/stripe.cjs +13 -4
- package/dist/libs/intlayer-api/stripe.cjs.map +1 -1
- package/dist/libs/intlayer-api/stripe.d.ts +3 -1
- package/dist/libs/intlayer-api/stripe.d.ts.map +1 -1
- package/dist/libs/intlayer-api/stripe.mjs +13 -4
- package/dist/libs/intlayer-api/stripe.mjs.map +1 -1
- package/dist/libs/intlayer-api/user.cjs +3 -3
- package/dist/libs/intlayer-api/user.cjs.map +1 -1
- package/dist/libs/intlayer-api/user.d.ts +2 -1
- package/dist/libs/intlayer-api/user.d.ts.map +1 -1
- package/dist/libs/intlayer-api/user.mjs +3 -3
- package/dist/libs/intlayer-api/user.mjs.map +1 -1
- package/dist/tailwind.css +1 -1
- package/package.json +14 -14
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { j as jsxRuntimeExports } from "../../../jsx-runtime-BgSF1HG2.js";
|
|
2
2
|
import { useForm } from "../../Form/FormBase.mjs";
|
|
3
3
|
import "../../Form/FormField.mjs";
|
|
4
|
-
import { F as Form } from "../../../Form-
|
|
4
|
+
import { F as Form } from "../../../Form-CQpKjeW6.js";
|
|
5
|
+
import { useUser } from "../useUser/index.mjs";
|
|
5
6
|
import { getChangePasswordSchema } from "./ChangePasswordSchema.mjs";
|
|
6
7
|
import { getChangePasswordContent } from "./index.content.mjs";
|
|
7
8
|
const ChangePasswordForm = ({
|
|
@@ -16,6 +17,7 @@ const ChangePasswordForm = ({
|
|
|
16
17
|
changePasswordButton,
|
|
17
18
|
backToHomeButton
|
|
18
19
|
} = getChangePasswordContent();
|
|
20
|
+
const { user } = useUser();
|
|
19
21
|
const ChangePasswordSchema = getChangePasswordSchema();
|
|
20
22
|
const { form, isSubmitting, isSubmitted, isValid } = useForm(ChangePasswordSchema);
|
|
21
23
|
return /* @__PURE__ */ jsxRuntimeExports.jsxs(
|
|
@@ -29,6 +31,18 @@ const ChangePasswordForm = ({
|
|
|
29
31
|
...form,
|
|
30
32
|
children: [
|
|
31
33
|
/* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-y-6", children: [
|
|
34
|
+
/* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
35
|
+
Form.Input,
|
|
36
|
+
{
|
|
37
|
+
type: "text",
|
|
38
|
+
name: "email",
|
|
39
|
+
value: user?.email ?? "",
|
|
40
|
+
autoComplete: "username email",
|
|
41
|
+
disabled: true,
|
|
42
|
+
hidden: true,
|
|
43
|
+
className: "hidden"
|
|
44
|
+
}
|
|
45
|
+
),
|
|
32
46
|
/* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
33
47
|
Form.InputPassword,
|
|
34
48
|
{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChangePasswordForm.mjs","sources":["../../../../src/components/Auth/ChangePasswordForm/ChangePasswordForm.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { Form, useForm } from '../../Form';\nimport {\n getChangePasswordSchema,\n type ChangePassword,\n} from './ChangePasswordSchema';\nimport { getChangePasswordContent } from './index.content';\n\ntype ChangePasswordFormProps = {\n onSubmitSuccess: (data: ChangePassword) => Promise<void>;\n onClickBackToHome: () => void;\n onSubmitError?: (error: Error) => void;\n};\n\nexport const ChangePasswordForm: FC<ChangePasswordFormProps> = ({\n onSubmitSuccess,\n onSubmitError,\n onClickBackToHome,\n}) => {\n const {\n currentPasswordInput,\n newPasswordInput,\n confirmPasswordInput,\n changePasswordButton,\n backToHomeButton,\n } = getChangePasswordContent();\n const ChangePasswordSchema = getChangePasswordSchema();\n\n const { form, isSubmitting, isSubmitted, isValid } =\n useForm(ChangePasswordSchema);\n\n return (\n <Form\n schema={ChangePasswordSchema}\n onSubmitSuccess={onSubmitSuccess}\n onSubmitError={onSubmitError}\n autoComplete\n className=\"gap-y-0\"\n {...form}\n >\n <div className=\"flex flex-col gap-y-6\">\n <Form.InputPassword\n name=\"currentPassword\"\n label={currentPasswordInput.label}\n placeholder={currentPasswordInput.placeholder}\n autoComplete=\"current-password\"\n isRequired\n />\n <Form.InputPassword\n name=\"newPassword\"\n label={newPasswordInput.label}\n placeholder={newPasswordInput.placeholder}\n autoComplete=\"new-password\"\n isRequired\n />\n <Form.InputPassword\n name=\"newPasswordConfirmation\"\n label={confirmPasswordInput.label}\n placeholder={confirmPasswordInput.placeholder}\n autoComplete=\"new-password\"\n isRequired\n />\n </div>\n\n <Form.Button\n className=\"mt-12 w-full\"\n type=\"submit\"\n color=\"text\"\n isLoading={isSubmitting}\n disabled={!isValid}\n variant={isSubmitted ? 'outline' : 'default'}\n label={changePasswordButton.ariaLabel}\n >\n {changePasswordButton.text}\n </Form.Button>\n {isSubmitted && (\n <Form.Button\n className=\"mt-4 w-full\"\n label={backToHomeButton.ariaLabel}\n onClick={onClickBackToHome}\n >\n {backToHomeButton.text}\n </Form.Button>\n )}\n </Form>\n );\n};\n"],"names":["jsxs","jsx"],"mappings":"
|
|
1
|
+
{"version":3,"file":"ChangePasswordForm.mjs","sources":["../../../../src/components/Auth/ChangePasswordForm/ChangePasswordForm.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { Form, useForm } from '../../Form';\nimport { useUser } from '../useUser';\nimport {\n getChangePasswordSchema,\n type ChangePassword,\n} from './ChangePasswordSchema';\nimport { getChangePasswordContent } from './index.content';\n\ntype ChangePasswordFormProps = {\n onSubmitSuccess: (data: ChangePassword) => Promise<void>;\n onClickBackToHome: () => void;\n onSubmitError?: (error: Error) => void;\n};\n\nexport const ChangePasswordForm: FC<ChangePasswordFormProps> = ({\n onSubmitSuccess,\n onSubmitError,\n onClickBackToHome,\n}) => {\n const {\n currentPasswordInput,\n newPasswordInput,\n confirmPasswordInput,\n changePasswordButton,\n backToHomeButton,\n } = getChangePasswordContent();\n const { user } = useUser();\n const ChangePasswordSchema = getChangePasswordSchema();\n\n const { form, isSubmitting, isSubmitted, isValid } =\n useForm(ChangePasswordSchema);\n\n return (\n <Form\n schema={ChangePasswordSchema}\n onSubmitSuccess={onSubmitSuccess}\n onSubmitError={onSubmitError}\n autoComplete\n className=\"gap-y-0\"\n {...form}\n >\n <div className=\"flex flex-col gap-y-6\">\n <Form.Input\n type=\"text\"\n name=\"email\"\n value={user?.email ?? ''}\n autoComplete=\"username email\"\n disabled\n hidden\n className=\"hidden\"\n />\n <Form.InputPassword\n name=\"currentPassword\"\n label={currentPasswordInput.label}\n placeholder={currentPasswordInput.placeholder}\n autoComplete=\"current-password\"\n isRequired\n />\n <Form.InputPassword\n name=\"newPassword\"\n label={newPasswordInput.label}\n placeholder={newPasswordInput.placeholder}\n autoComplete=\"new-password\"\n isRequired\n />\n <Form.InputPassword\n name=\"newPasswordConfirmation\"\n label={confirmPasswordInput.label}\n placeholder={confirmPasswordInput.placeholder}\n autoComplete=\"new-password\"\n isRequired\n />\n </div>\n\n <Form.Button\n className=\"mt-12 w-full\"\n type=\"submit\"\n color=\"text\"\n isLoading={isSubmitting}\n disabled={!isValid}\n variant={isSubmitted ? 'outline' : 'default'}\n label={changePasswordButton.ariaLabel}\n >\n {changePasswordButton.text}\n </Form.Button>\n {isSubmitted && (\n <Form.Button\n className=\"mt-4 w-full\"\n label={backToHomeButton.ariaLabel}\n onClick={onClickBackToHome}\n >\n {backToHomeButton.text}\n </Form.Button>\n )}\n </Form>\n );\n};\n"],"names":["jsxs","jsx"],"mappings":";;;;;;;AAeO,MAAM,qBAAkD,CAAC;AAAA,EAC9D;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACE,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE,yBAAyB;AACvB,QAAA,EAAE,SAAS;AACjB,QAAM,uBAAuB;AAE7B,QAAM,EAAE,MAAM,cAAc,aAAa,YACvC,QAAQ,oBAAoB;AAG5B,SAAAA,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,QAAQ;AAAA,MACR;AAAA,MACA;AAAA,MACA,cAAY;AAAA,MACZ,WAAU;AAAA,MACT,GAAG;AAAA,MAEJ,UAAA;AAAA,QAACA,kCAAAA,KAAA,OAAA,EAAI,WAAU,yBACb,UAAA;AAAA,UAAAC,kCAAA;AAAA,YAAC,KAAK;AAAA,YAAL;AAAA,cACC,MAAK;AAAA,cACL,MAAK;AAAA,cACL,OAAO,MAAM,SAAS;AAAA,cACtB,cAAa;AAAA,cACb,UAAQ;AAAA,cACR,QAAM;AAAA,cACN,WAAU;AAAA,YAAA;AAAA,UACZ;AAAA,UACAA,kCAAA;AAAA,YAAC,KAAK;AAAA,YAAL;AAAA,cACC,MAAK;AAAA,cACL,OAAO,qBAAqB;AAAA,cAC5B,aAAa,qBAAqB;AAAA,cAClC,cAAa;AAAA,cACb,YAAU;AAAA,YAAA;AAAA,UACZ;AAAA,UACAA,kCAAA;AAAA,YAAC,KAAK;AAAA,YAAL;AAAA,cACC,MAAK;AAAA,cACL,OAAO,iBAAiB;AAAA,cACxB,aAAa,iBAAiB;AAAA,cAC9B,cAAa;AAAA,cACb,YAAU;AAAA,YAAA;AAAA,UACZ;AAAA,UACAA,kCAAA;AAAA,YAAC,KAAK;AAAA,YAAL;AAAA,cACC,MAAK;AAAA,cACL,OAAO,qBAAqB;AAAA,cAC5B,aAAa,qBAAqB;AAAA,cAClC,cAAa;AAAA,cACb,YAAU;AAAA,YAAA;AAAA,UACZ;AAAA,QAAA,GACF;AAAA,QAEAA,kCAAA;AAAA,UAAC,KAAK;AAAA,UAAL;AAAA,YACC,WAAU;AAAA,YACV,MAAK;AAAA,YACL,OAAM;AAAA,YACN,WAAW;AAAA,YACX,UAAU,CAAC;AAAA,YACX,SAAS,cAAc,YAAY;AAAA,YACnC,OAAO,qBAAqB;AAAA,YAE3B,UAAqB,qBAAA;AAAA,UAAA;AAAA,QACxB;AAAA,QACC,eACCA,kCAAA;AAAA,UAAC,KAAK;AAAA,UAAL;AAAA,YACC,WAAU;AAAA,YACV,OAAO,iBAAiB;AAAA,YACxB,SAAS;AAAA,YAER,UAAiB,iBAAA;AAAA,UAAA;AAAA,QACpB;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;"}
|
|
@@ -3,7 +3,7 @@ import { j as jsxRuntimeExports } from "../../../jsx-runtime-BgSF1HG2.js";
|
|
|
3
3
|
import { useState, useEffect } from "react";
|
|
4
4
|
import { useForm } from "../../Form/FormBase.mjs";
|
|
5
5
|
import "../../Form/FormField.mjs";
|
|
6
|
-
import { F as Form } from "../../../Form-
|
|
6
|
+
import { F as Form } from "../../../Form-CQpKjeW6.js";
|
|
7
7
|
import { getResetPasswordContent } from "./index.content.mjs";
|
|
8
8
|
import { getResetPasswordSchema } from "./ResetPasswordSchema.mjs";
|
|
9
9
|
const ResetPasswordForm = ({
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { j as jsxRuntimeExports } from "../../../jsx-runtime-BgSF1HG2.js";
|
|
3
3
|
import { useForm } from "../../Form/FormBase.mjs";
|
|
4
4
|
import "../../Form/FormField.mjs";
|
|
5
|
-
import { F as Form } from "../../../Form-
|
|
5
|
+
import { F as Form } from "../../../Form-CQpKjeW6.js";
|
|
6
6
|
import { ExternalsLoginButtons } from "../ExternalsLoginButtons/ExternalsLoginButtons.mjs";
|
|
7
7
|
import { getSignInContent } from "./index.content.mjs";
|
|
8
8
|
import { getSignInSchema } from "./SignInSchema.mjs";
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { j as jsxRuntimeExports } from "../../../jsx-runtime-BgSF1HG2.js";
|
|
3
3
|
import { useForm } from "../../Form/FormBase.mjs";
|
|
4
4
|
import "../../Form/FormField.mjs";
|
|
5
|
-
import { F as Form } from "../../../Form-
|
|
5
|
+
import { F as Form } from "../../../Form-CQpKjeW6.js";
|
|
6
6
|
import { getSignUpContent } from "./index.content.mjs";
|
|
7
7
|
import { getSignUpSchema } from "./SignUpSchema.mjs";
|
|
8
8
|
const SignUpForm = ({
|
|
@@ -4,8 +4,8 @@ import { ButtonHTMLAttributes, DetailedHTMLProps, FC } from 'react';
|
|
|
4
4
|
declare const buttonVariants: (props?: ({
|
|
5
5
|
size?: "sm" | "md" | "lg" | "xl" | "icon-sm" | "icon-md" | "icon-lg" | "icon-xl" | null | undefined;
|
|
6
6
|
variant?: "default" | "link" | "none" | "outline" | "invisible-link" | "hoverable" | null | undefined;
|
|
7
|
-
color?: "
|
|
8
|
-
textAlign?: "left" | "
|
|
7
|
+
color?: "text" | "error" | "primary" | "secondary" | "destructive" | "neutral" | "light" | "dark" | "text-inverse" | "success" | "custom" | null | undefined;
|
|
8
|
+
textAlign?: "left" | "right" | "center" | null | undefined;
|
|
9
9
|
isFullWidth?: boolean | null | undefined;
|
|
10
10
|
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
11
11
|
export type ButtonProps = DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> & VariantProps<typeof buttonVariants> & {
|
|
@@ -6,7 +6,7 @@ export declare const CommandRoot: import('react').ForwardRefExoticComponent<Omit
|
|
|
6
6
|
ref?: React.Ref<HTMLDivElement>;
|
|
7
7
|
} & {
|
|
8
8
|
asChild?: boolean;
|
|
9
|
-
}, "key" |
|
|
9
|
+
}, "key" | keyof HTMLAttributes<HTMLDivElement> | "asChild"> & {
|
|
10
10
|
label?: string;
|
|
11
11
|
shouldFilter?: boolean;
|
|
12
12
|
filter?: (value: string, search: string, keywords?: string[]) => number;
|
|
@@ -40,7 +40,7 @@ export declare const Command: {
|
|
|
40
40
|
ref?: React.Ref<HTMLInputElement>;
|
|
41
41
|
} & {
|
|
42
42
|
asChild?: boolean;
|
|
43
|
-
}, "key" |
|
|
43
|
+
}, "key" | keyof import('react').InputHTMLAttributes<HTMLInputElement> | "asChild">, "onChange" | "type" | "value"> & {
|
|
44
44
|
value?: string;
|
|
45
45
|
onValueChange?: (search: string) => void;
|
|
46
46
|
} & import('react').RefAttributes<HTMLInputElement>, "ref"> & import('react').RefAttributes<HTMLInputElement>>;
|
|
@@ -50,7 +50,7 @@ export declare const Command: {
|
|
|
50
50
|
ref?: React.Ref<HTMLDivElement>;
|
|
51
51
|
} & {
|
|
52
52
|
asChild?: boolean;
|
|
53
|
-
}, "key" |
|
|
53
|
+
}, "key" | keyof HTMLAttributes<HTMLDivElement> | "asChild"> & {
|
|
54
54
|
label?: string;
|
|
55
55
|
} & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
56
56
|
Empty: import('react').ForwardRefExoticComponent<Omit<{
|
|
@@ -59,14 +59,14 @@ export declare const Command: {
|
|
|
59
59
|
ref?: React.Ref<HTMLDivElement>;
|
|
60
60
|
} & {
|
|
61
61
|
asChild?: boolean;
|
|
62
|
-
}, "key" |
|
|
62
|
+
}, "key" | keyof HTMLAttributes<HTMLDivElement> | "asChild"> & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
63
63
|
Group: import('react').ForwardRefExoticComponent<Omit<{
|
|
64
64
|
children?: React.ReactNode;
|
|
65
65
|
} & Omit<Pick<Pick<import('react').DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof HTMLAttributes<HTMLDivElement>> & {
|
|
66
66
|
ref?: React.Ref<HTMLDivElement>;
|
|
67
67
|
} & {
|
|
68
68
|
asChild?: boolean;
|
|
69
|
-
}, "key" |
|
|
69
|
+
}, "key" | keyof HTMLAttributes<HTMLDivElement> | "asChild">, "heading" | "value"> & {
|
|
70
70
|
heading?: React.ReactNode;
|
|
71
71
|
value?: string;
|
|
72
72
|
forceMount?: boolean;
|
|
@@ -75,7 +75,7 @@ export declare const Command: {
|
|
|
75
75
|
ref?: React.Ref<HTMLDivElement>;
|
|
76
76
|
} & {
|
|
77
77
|
asChild?: boolean;
|
|
78
|
-
}, "key" |
|
|
78
|
+
}, "key" | keyof HTMLAttributes<HTMLDivElement> | "asChild"> & {
|
|
79
79
|
alwaysRender?: boolean;
|
|
80
80
|
} & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
81
81
|
Item: import('react').ForwardRefExoticComponent<Omit<{
|
|
@@ -84,7 +84,7 @@ export declare const Command: {
|
|
|
84
84
|
ref?: React.Ref<HTMLDivElement>;
|
|
85
85
|
} & {
|
|
86
86
|
asChild?: boolean;
|
|
87
|
-
}, "key" |
|
|
87
|
+
}, "key" | keyof HTMLAttributes<HTMLDivElement> | "asChild">, "onSelect" | "disabled" | "value"> & {
|
|
88
88
|
disabled?: boolean;
|
|
89
89
|
onSelect?: (value: string) => void;
|
|
90
90
|
value?: string;
|
|
@@ -101,7 +101,7 @@ export declare const Command: {
|
|
|
101
101
|
ref?: React.Ref<HTMLDivElement>;
|
|
102
102
|
} & {
|
|
103
103
|
asChild?: boolean;
|
|
104
|
-
}, "key" |
|
|
104
|
+
}, "key" | keyof HTMLAttributes<HTMLDivElement> | "asChild"> & {
|
|
105
105
|
label?: string;
|
|
106
106
|
shouldFilter?: boolean;
|
|
107
107
|
filter?: (value: string, search: string, keywords?: string[]) => number;
|
|
@@ -118,7 +118,7 @@ export declare const Command: {
|
|
|
118
118
|
ref?: React.Ref<HTMLDivElement>;
|
|
119
119
|
} & {
|
|
120
120
|
asChild?: boolean;
|
|
121
|
-
}, "key" |
|
|
121
|
+
}, "key" | keyof HTMLAttributes<HTMLDivElement> | "asChild"> & {
|
|
122
122
|
label?: string;
|
|
123
123
|
shouldFilter?: boolean;
|
|
124
124
|
filter?: (value: string, search: string, keywords?: string[]) => number;
|
|
@@ -4,7 +4,7 @@ declare const containerVariants: (props?: ({
|
|
|
4
4
|
roundedSize?: "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full" | null | undefined;
|
|
5
5
|
transparency?: "none" | "sm" | "md" | "lg" | "xl" | "full" | null | undefined;
|
|
6
6
|
padding?: "none" | "sm" | "md" | "lg" | "xl" | null | undefined;
|
|
7
|
-
separator?: "
|
|
7
|
+
separator?: "without" | "x" | "y" | "both" | null | undefined;
|
|
8
8
|
border?: "none" | "with" | null | undefined;
|
|
9
9
|
background?: "none" | "with" | null | undefined;
|
|
10
10
|
gap?: "none" | "sm" | "md" | "lg" | "xl" | "2xl" | null | undefined;
|
|
@@ -17,7 +17,7 @@ export declare const Container: import('react').ForwardRefExoticComponent<Omit<V
|
|
|
17
17
|
roundedSize?: "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full" | null | undefined;
|
|
18
18
|
transparency?: "none" | "sm" | "md" | "lg" | "xl" | "full" | null | undefined;
|
|
19
19
|
padding?: "none" | "sm" | "md" | "lg" | "xl" | null | undefined;
|
|
20
|
-
separator?: "
|
|
20
|
+
separator?: "without" | "x" | "y" | "both" | null | undefined;
|
|
21
21
|
border?: "none" | "with" | null | undefined;
|
|
22
22
|
background?: "none" | "with" | null | undefined;
|
|
23
23
|
gap?: "none" | "sm" | "md" | "lg" | "xl" | "2xl" | null | undefined;
|
|
@@ -10,7 +10,7 @@ import "@intlayer/dictionaries-entry";
|
|
|
10
10
|
import "deepmerge";
|
|
11
11
|
import { useForm } from "../Form/FormBase.mjs";
|
|
12
12
|
import "../Form/FormField.mjs";
|
|
13
|
-
import { F as Form } from "../../Form-
|
|
13
|
+
import { F as Form } from "../../Form-CQpKjeW6.js";
|
|
14
14
|
import { useEditedContentStore } from "./useEditedContentStore.mjs";
|
|
15
15
|
import { validDictionaryChangeButtonsContent } from "./validDictionaryChangeButtons.content.mjs";
|
|
16
16
|
import { getValidDictionaryChangeButtonsSchemaSchema } from "./validDictionaryChangeButtonsSchema.mjs";
|
|
@@ -6,12 +6,7 @@ const require$$0 = require("react");
|
|
|
6
6
|
const reactIntlayer = require("react-intlayer");
|
|
7
7
|
require("../../../hooks/useScrollBlockage/useScrollBlockageStore.cjs");
|
|
8
8
|
require("../../../hooks/useAsync/useAsyncStateStore.cjs");
|
|
9
|
-
require("../../../libs/intlayer-api/
|
|
10
|
-
require("../../../libs/intlayer-api/dictionary.cjs");
|
|
11
|
-
require("../../../libs/intlayer-api/organization.cjs");
|
|
12
|
-
require("../../../libs/intlayer-api/project.cjs");
|
|
13
|
-
require("../../../libs/intlayer-api/stripe.cjs");
|
|
14
|
-
require("../../../libs/intlayer-api/user.cjs");
|
|
9
|
+
require("../../../libs/intlayer-api/index.cjs");
|
|
15
10
|
require("@intlayer/config/client");
|
|
16
11
|
require("../../Toaster/Toast.cjs");
|
|
17
12
|
const hooks_useGetAllDictionaries = require("../../../hooks/useGetAllDictionaries.cjs");
|
package/dist/components/DictionaryFieldEditor/DictionariesSelector/DictionariesSelector.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DictionariesSelector.cjs","sources":["../../../../src/components/DictionaryFieldEditor/DictionariesSelector/DictionariesSelector.tsx"],"sourcesContent":["'use client';\n\nimport { useMemo, type FC } from 'react';\n// @ts-ignore react-intlayer not build yet\nimport { useDictionary } from 'react-intlayer';\nimport { useGetAllDictionaries } from '../../../hooks';\nimport { useEditionPanelStore } from '../../DictionaryEditor';\nimport { Loader } from '../../Loader';\nimport { DictionaryFieldEditor } from '../DictionaryFieldEditor';\nimport { dictionariesSelectorContent } from './dictionariesSelector.content';\n\ntype DictionariesSelectorProps = {\n onClickDictionaryList: () => void;\n};\n\nexport const DictionariesSelector: FC<DictionariesSelectorProps> = ({\n onClickDictionaryList,\n}) => {\n const { online, locale, isLoading } = useGetAllDictionaries();\n const { focusedContent } = useEditionPanelStore((s) => ({\n focusedContent: s.focusedContent,\n }));\n const { noDictionaryMessage, dictionaryNotFoundMessage } = useDictionary(\n dictionariesSelectorContent\n );\n const dictionary = useMemo(\n () =>\n focusedContent?.dictionaryId\n ? (online?.[focusedContent?.dictionaryId] ??\n locale?.[focusedContent?.dictionaryId])\n : null,\n [online, locale, focusedContent?.dictionaryId]\n );\n\n if (isLoading) return <Loader />;\n\n if (!focusedContent?.dictionaryId) return noDictionaryMessage;\n\n if (!dictionary) return dictionaryNotFoundMessage;\n\n return (\n <DictionaryFieldEditor\n dictionary={dictionary}\n onClickDictionaryList={onClickDictionaryList}\n />\n );\n};\n"],"names":["useGetAllDictionaries","useEditionPanelStore","useDictionary","dictionariesSelectorContent","useMemo","jsx","Loader","DictionaryFieldEditor"],"mappings":"
|
|
1
|
+
{"version":3,"file":"DictionariesSelector.cjs","sources":["../../../../src/components/DictionaryFieldEditor/DictionariesSelector/DictionariesSelector.tsx"],"sourcesContent":["'use client';\n\nimport { useMemo, type FC } from 'react';\n// @ts-ignore react-intlayer not build yet\nimport { useDictionary } from 'react-intlayer';\nimport { useGetAllDictionaries } from '../../../hooks';\nimport { useEditionPanelStore } from '../../DictionaryEditor';\nimport { Loader } from '../../Loader';\nimport { DictionaryFieldEditor } from '../DictionaryFieldEditor';\nimport { dictionariesSelectorContent } from './dictionariesSelector.content';\n\ntype DictionariesSelectorProps = {\n onClickDictionaryList: () => void;\n};\n\nexport const DictionariesSelector: FC<DictionariesSelectorProps> = ({\n onClickDictionaryList,\n}) => {\n const { online, locale, isLoading } = useGetAllDictionaries();\n const { focusedContent } = useEditionPanelStore((s) => ({\n focusedContent: s.focusedContent,\n }));\n const { noDictionaryMessage, dictionaryNotFoundMessage } = useDictionary(\n dictionariesSelectorContent\n );\n const dictionary = useMemo(\n () =>\n focusedContent?.dictionaryId\n ? (online?.[focusedContent?.dictionaryId] ??\n locale?.[focusedContent?.dictionaryId])\n : null,\n [online, locale, focusedContent?.dictionaryId]\n );\n\n if (isLoading) return <Loader />;\n\n if (!focusedContent?.dictionaryId) return noDictionaryMessage;\n\n if (!dictionary) return dictionaryNotFoundMessage;\n\n return (\n <DictionaryFieldEditor\n dictionary={dictionary}\n onClickDictionaryList={onClickDictionaryList}\n />\n );\n};\n"],"names":["useGetAllDictionaries","useEditionPanelStore","useDictionary","dictionariesSelectorContent","useMemo","jsx","Loader","DictionaryFieldEditor"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeO,MAAM,uBAAsD,CAAC;AAAA,EAClE;AACF,MAAM;AACJ,QAAM,EAAE,QAAQ,QAAQ,cAAcA,4BAAsB,sBAAA;AAC5D,QAAM,EAAE,eAAA,IAAmBC,iDAAA,qBAAqB,CAAC,OAAO;AAAA,IACtD,gBAAgB,EAAE;AAAA,EAClB,EAAA;AACI,QAAA,EAAE,qBAAqB,0BAAA,IAA8BC,cAAA;AAAA,IACzDC,mFAAA;AAAA,EAAA;AAEF,QAAM,aAAaC,WAAA;AAAA,IACjB,MACE,gBAAgB,eACX,SAAS,gBAAgB,YAAY,KACtC,SAAS,gBAAgB,YAAY,IACrC;AAAA,IACN,CAAC,QAAQ,QAAQ,gBAAgB,YAAY;AAAA,EAAA;AAG3C,MAAA,UAAkB,QAAAC,2BAAAA,kBAAAA,IAACC,wBAAO,QAAA,CAAA,CAAA;AAE1B,MAAA,CAAC,gBAAgB,aAAqB,QAAA;AAEtC,MAAA,CAAC,WAAmB,QAAA;AAGtB,SAAAD,2BAAA,kBAAA;AAAA,IAACE,uDAAA;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,IAAA;AAAA,EAAA;AAGN;;"}
|
|
@@ -4,12 +4,7 @@ import { useMemo } from "react";
|
|
|
4
4
|
import { useDictionary } from "react-intlayer";
|
|
5
5
|
import "../../../hooks/useScrollBlockage/useScrollBlockageStore.mjs";
|
|
6
6
|
import "../../../hooks/useAsync/useAsyncStateStore.mjs";
|
|
7
|
-
import "../../../libs/intlayer-api/
|
|
8
|
-
import "../../../libs/intlayer-api/dictionary.mjs";
|
|
9
|
-
import "../../../libs/intlayer-api/organization.mjs";
|
|
10
|
-
import "../../../libs/intlayer-api/project.mjs";
|
|
11
|
-
import "../../../libs/intlayer-api/stripe.mjs";
|
|
12
|
-
import "../../../libs/intlayer-api/user.mjs";
|
|
7
|
+
import "../../../libs/intlayer-api/index.mjs";
|
|
13
8
|
import "@intlayer/config/client";
|
|
14
9
|
import "../../Toaster/Toast.mjs";
|
|
15
10
|
import { useGetAllDictionaries } from "../../../hooks/useGetAllDictionaries.mjs";
|
|
@@ -24,7 +19,7 @@ import "../../EditableField/EditableFieldInput.mjs";
|
|
|
24
19
|
import "../../EditableField/EditableFieldTextArea.mjs";
|
|
25
20
|
import "../../Form/FormBase.mjs";
|
|
26
21
|
import "../../Form/FormField.mjs";
|
|
27
|
-
import "../../../Form-
|
|
22
|
+
import "../../../Form-CQpKjeW6.js";
|
|
28
23
|
import "../../DictionaryEditor/validDictionaryChangeButtons.content.mjs";
|
|
29
24
|
import "zod";
|
|
30
25
|
import { Loader } from "../../Loader/index.mjs";
|
package/dist/components/DictionaryFieldEditor/DictionariesSelector/DictionariesSelector.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DictionariesSelector.mjs","sources":["../../../../src/components/DictionaryFieldEditor/DictionariesSelector/DictionariesSelector.tsx"],"sourcesContent":["'use client';\n\nimport { useMemo, type FC } from 'react';\n// @ts-ignore react-intlayer not build yet\nimport { useDictionary } from 'react-intlayer';\nimport { useGetAllDictionaries } from '../../../hooks';\nimport { useEditionPanelStore } from '../../DictionaryEditor';\nimport { Loader } from '../../Loader';\nimport { DictionaryFieldEditor } from '../DictionaryFieldEditor';\nimport { dictionariesSelectorContent } from './dictionariesSelector.content';\n\ntype DictionariesSelectorProps = {\n onClickDictionaryList: () => void;\n};\n\nexport const DictionariesSelector: FC<DictionariesSelectorProps> = ({\n onClickDictionaryList,\n}) => {\n const { online, locale, isLoading } = useGetAllDictionaries();\n const { focusedContent } = useEditionPanelStore((s) => ({\n focusedContent: s.focusedContent,\n }));\n const { noDictionaryMessage, dictionaryNotFoundMessage } = useDictionary(\n dictionariesSelectorContent\n );\n const dictionary = useMemo(\n () =>\n focusedContent?.dictionaryId\n ? (online?.[focusedContent?.dictionaryId] ??\n locale?.[focusedContent?.dictionaryId])\n : null,\n [online, locale, focusedContent?.dictionaryId]\n );\n\n if (isLoading) return <Loader />;\n\n if (!focusedContent?.dictionaryId) return noDictionaryMessage;\n\n if (!dictionary) return dictionaryNotFoundMessage;\n\n return (\n <DictionaryFieldEditor\n dictionary={dictionary}\n onClickDictionaryList={onClickDictionaryList}\n />\n );\n};\n"],"names":["jsx"],"mappings":"
|
|
1
|
+
{"version":3,"file":"DictionariesSelector.mjs","sources":["../../../../src/components/DictionaryFieldEditor/DictionariesSelector/DictionariesSelector.tsx"],"sourcesContent":["'use client';\n\nimport { useMemo, type FC } from 'react';\n// @ts-ignore react-intlayer not build yet\nimport { useDictionary } from 'react-intlayer';\nimport { useGetAllDictionaries } from '../../../hooks';\nimport { useEditionPanelStore } from '../../DictionaryEditor';\nimport { Loader } from '../../Loader';\nimport { DictionaryFieldEditor } from '../DictionaryFieldEditor';\nimport { dictionariesSelectorContent } from './dictionariesSelector.content';\n\ntype DictionariesSelectorProps = {\n onClickDictionaryList: () => void;\n};\n\nexport const DictionariesSelector: FC<DictionariesSelectorProps> = ({\n onClickDictionaryList,\n}) => {\n const { online, locale, isLoading } = useGetAllDictionaries();\n const { focusedContent } = useEditionPanelStore((s) => ({\n focusedContent: s.focusedContent,\n }));\n const { noDictionaryMessage, dictionaryNotFoundMessage } = useDictionary(\n dictionariesSelectorContent\n );\n const dictionary = useMemo(\n () =>\n focusedContent?.dictionaryId\n ? (online?.[focusedContent?.dictionaryId] ??\n locale?.[focusedContent?.dictionaryId])\n : null,\n [online, locale, focusedContent?.dictionaryId]\n );\n\n if (isLoading) return <Loader />;\n\n if (!focusedContent?.dictionaryId) return noDictionaryMessage;\n\n if (!dictionary) return dictionaryNotFoundMessage;\n\n return (\n <DictionaryFieldEditor\n dictionary={dictionary}\n onClickDictionaryList={onClickDictionaryList}\n />\n );\n};\n"],"names":["jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAeO,MAAM,uBAAsD,CAAC;AAAA,EAClE;AACF,MAAM;AACJ,QAAM,EAAE,QAAQ,QAAQ,cAAc,sBAAsB;AAC5D,QAAM,EAAE,eAAA,IAAmB,qBAAqB,CAAC,OAAO;AAAA,IACtD,gBAAgB,EAAE;AAAA,EAClB,EAAA;AACI,QAAA,EAAE,qBAAqB,0BAAA,IAA8B;AAAA,IACzD;AAAA,EAAA;AAEF,QAAM,aAAa;AAAA,IACjB,MACE,gBAAgB,eACX,SAAS,gBAAgB,YAAY,KACtC,SAAS,gBAAgB,YAAY,IACrC;AAAA,IACN,CAAC,QAAQ,QAAQ,gBAAgB,YAAY;AAAA,EAAA;AAG3C,MAAA,UAAkB,QAAAA,kCAAAA,IAAC,QAAO,CAAA,CAAA;AAE1B,MAAA,CAAC,gBAAgB,aAAqB,QAAA;AAEtC,MAAA,CAAC,WAAmB,QAAA;AAGtB,SAAAA,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,IAAA;AAAA,EAAA;AAGN;"}
|
package/dist/components/DictionaryFieldEditor/DictionaryCreationForm/DictionaryCreationForm.cjs
CHANGED
|
@@ -4,12 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
|
4
4
|
const jsxRuntime = require("../../../jsx-runtime-DvCoRj5u.cjs");
|
|
5
5
|
const reactIntlayer = require("react-intlayer");
|
|
6
6
|
const hooks_intlayerAPIHooks = require("../../../hooks/intlayerAPIHooks.cjs");
|
|
7
|
-
require("../../../libs/intlayer-api/
|
|
8
|
-
require("../../../libs/intlayer-api/dictionary.cjs");
|
|
9
|
-
require("../../../libs/intlayer-api/organization.cjs");
|
|
10
|
-
require("../../../libs/intlayer-api/project.cjs");
|
|
11
|
-
require("../../../libs/intlayer-api/stripe.cjs");
|
|
12
|
-
require("../../../libs/intlayer-api/user.cjs");
|
|
7
|
+
require("../../../libs/intlayer-api/index.cjs");
|
|
13
8
|
require("../../Button/Button.cjs");
|
|
14
9
|
const components_Form_FormBase = require("../../Form/FormBase.cjs");
|
|
15
10
|
require("../../Form/FormField.cjs");
|
|
@@ -20,8 +15,8 @@ require("../../../hooks/useScrollBlockage/useScrollBlockageStore.cjs");
|
|
|
20
15
|
require("../../../hooks/useAsync/useAsyncStateStore.cjs");
|
|
21
16
|
require("@intlayer/dictionaries-entry");
|
|
22
17
|
require("deepmerge");
|
|
23
|
-
require("../../Modal/Modal.cjs");
|
|
24
18
|
const components_Auth_useAuth_index = require("../../Auth/useAuth/index.cjs");
|
|
19
|
+
require("../../Modal/Modal.cjs");
|
|
25
20
|
require("clsx");
|
|
26
21
|
require("tailwind-merge");
|
|
27
22
|
const components_Select_Multiselect = require("../../Select/Multiselect.cjs");
|
package/dist/components/DictionaryFieldEditor/DictionaryCreationForm/DictionaryCreationForm.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DictionaryCreationForm.cjs","sources":["../../../../src/components/DictionaryFieldEditor/DictionaryCreationForm/DictionaryCreationForm.tsx"],"sourcesContent":["'use client';\n\nimport { type FC } from 'react';\n// @ts-ignore react-intlayer not build yet\nimport { useDictionary } from 'react-intlayer';\nimport {\n useAddDictionary,\n useGetProjects,\n} from '../../../hooks/intlayerAPIHooks';\nimport { useAuth } from '../../Auth';\nimport { Form, useForm } from '../../Form';\nimport { MultiSelect } from '../../Select';\nimport { dictionaryFormContent } from './dictionaryCreationForm.content';\nimport {\n getDictionarySchema,\n type DictionaryFormData,\n} from './dictionaryFormSchema';\n\nexport const DictionaryCreationForm: FC = () => {\n const { session } = useAuth();\n const { project } = session ?? {};\n const { addDictionary } = useAddDictionary();\n const { data: projects } = useGetProjects();\n const DictionarySchema = getDictionarySchema(String(project?._id));\n const { form, isSubmitting } = useForm(DictionarySchema);\n const { keyInput, createDictionaryButton, projectInput } = useDictionary(\n dictionaryFormContent\n );\n\n const onSubmitSuccess = async (data: DictionaryFormData) => {\n await addDictionary(data);\n };\n\n return (\n <Form\n schema={DictionarySchema}\n onSubmitSuccess={onSubmitSuccess}\n className=\"w-full max-w-[400px]\"\n {...form}\n >\n <Form.Input\n name=\"key\"\n label={keyInput.label}\n placeholder={keyInput.placeholder.value}\n isRequired\n />\n\n <Form.MultiSelect name=\"projectIds\" label={projectInput.label.value}>\n <MultiSelect.Trigger\n getBadgeValue={(value) =>\n projects?.data?.find((project) => String(project._id) === value)\n ?.name ?? value\n }\n >\n <MultiSelect.Input placeholder={projectInput.placeholder.value} />\n </MultiSelect.Trigger>\n <MultiSelect.Content>\n <MultiSelect.List>\n {projects?.data?.map((project) => (\n <MultiSelect.Item\n key={String(project._id)}\n value={String(project._id)}\n >\n {project.name}\n </MultiSelect.Item>\n ))}\n </MultiSelect.List>\n </MultiSelect.Content>\n </Form.MultiSelect>\n\n <Form.Button\n className=\"ml-auto mt-12\"\n type=\"submit\"\n color=\"text\"\n isLoading={isSubmitting}\n label={createDictionaryButton.ariaLabel.value}\n >\n {createDictionaryButton.text}\n </Form.Button>\n </Form>\n );\n};\n"],"names":["useAuth","useAddDictionary","useGetProjects","getDictionarySchema","useForm","useDictionary","dictionaryFormContent","jsxs","Form","jsx","MultiSelect","project"],"mappings":"
|
|
1
|
+
{"version":3,"file":"DictionaryCreationForm.cjs","sources":["../../../../src/components/DictionaryFieldEditor/DictionaryCreationForm/DictionaryCreationForm.tsx"],"sourcesContent":["'use client';\n\nimport { type FC } from 'react';\n// @ts-ignore react-intlayer not build yet\nimport { useDictionary } from 'react-intlayer';\nimport {\n useAddDictionary,\n useGetProjects,\n} from '../../../hooks/intlayerAPIHooks';\nimport { useAuth } from '../../Auth';\nimport { Form, useForm } from '../../Form';\nimport { MultiSelect } from '../../Select';\nimport { dictionaryFormContent } from './dictionaryCreationForm.content';\nimport {\n getDictionarySchema,\n type DictionaryFormData,\n} from './dictionaryFormSchema';\n\nexport const DictionaryCreationForm: FC = () => {\n const { session } = useAuth();\n const { project } = session ?? {};\n const { addDictionary } = useAddDictionary();\n const { data: projects } = useGetProjects();\n const DictionarySchema = getDictionarySchema(String(project?._id));\n const { form, isSubmitting } = useForm(DictionarySchema);\n const { keyInput, createDictionaryButton, projectInput } = useDictionary(\n dictionaryFormContent\n );\n\n const onSubmitSuccess = async (data: DictionaryFormData) => {\n await addDictionary(data);\n };\n\n return (\n <Form\n schema={DictionarySchema}\n onSubmitSuccess={onSubmitSuccess}\n className=\"w-full max-w-[400px]\"\n {...form}\n >\n <Form.Input\n name=\"key\"\n label={keyInput.label}\n placeholder={keyInput.placeholder.value}\n isRequired\n />\n\n <Form.MultiSelect name=\"projectIds\" label={projectInput.label.value}>\n <MultiSelect.Trigger\n getBadgeValue={(value) =>\n projects?.data?.find((project) => String(project._id) === value)\n ?.name ?? value\n }\n >\n <MultiSelect.Input placeholder={projectInput.placeholder.value} />\n </MultiSelect.Trigger>\n <MultiSelect.Content>\n <MultiSelect.List>\n {projects?.data?.map((project) => (\n <MultiSelect.Item\n key={String(project._id)}\n value={String(project._id)}\n >\n {project.name}\n </MultiSelect.Item>\n ))}\n </MultiSelect.List>\n </MultiSelect.Content>\n </Form.MultiSelect>\n\n <Form.Button\n className=\"ml-auto mt-12\"\n type=\"submit\"\n color=\"text\"\n isLoading={isSubmitting}\n label={createDictionaryButton.ariaLabel.value}\n >\n {createDictionaryButton.text}\n </Form.Button>\n </Form>\n );\n};\n"],"names":["useAuth","useAddDictionary","useGetProjects","getDictionarySchema","useForm","useDictionary","dictionaryFormContent","jsxs","Form","jsx","MultiSelect","project"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAkBO,MAAM,yBAA6B,MAAM;AACxC,QAAA,EAAE,YAAYA,8BAAAA;AACpB,QAAM,EAAE,QAAA,IAAY,WAAW;AACzB,QAAA,EAAE,kBAAkBC,uBAAAA;AAC1B,QAAM,EAAE,MAAM,SAAS,IAAIC,uBAAe,eAAA;AAC1C,QAAM,mBAAmBC,6EAAAA,oBAAoB,OAAO,SAAS,GAAG,CAAC;AACjE,QAAM,EAAE,MAAM,aAAa,IAAIC,iCAAQ,gBAAgB;AACvD,QAAM,EAAE,UAAU,wBAAwB,aAAiB,IAAAC,cAAA;AAAA,IACzDC,uFAAA;AAAA,EAAA;AAGI,QAAA,kBAAkB,OAAO,SAA6B;AAC1D,UAAM,cAAc,IAAI;AAAA,EAAA;AAIxB,SAAAC,2BAAA,kBAAA;AAAA,IAACC,sCAAA;AAAA,IAAA;AAAA,MACC,QAAQ;AAAA,MACR;AAAA,MACA,WAAU;AAAA,MACT,GAAG;AAAA,MAEJ,UAAA;AAAA,QAAAC,2BAAA,kBAAA;AAAA,UAACD,sCAAAA,KAAK;AAAA,UAAL;AAAA,YACC,MAAK;AAAA,YACL,OAAO,SAAS;AAAA,YAChB,aAAa,SAAS,YAAY;AAAA,YAClC,YAAU;AAAA,UAAA;AAAA,QACZ;AAAA,QAEAD,2BAAAA,kBAAAA,KAACC,2CAAK,aAAL,EAAiB,MAAK,cAAa,OAAO,aAAa,MAAM,OAC5D,UAAA;AAAA,UAAAC,2BAAA,kBAAA;AAAA,YAACC,8BAAAA,YAAY;AAAA,YAAZ;AAAA,cACC,eAAe,CAAC,UACd,UAAU,MAAM,KAAK,CAACC,aAAY,OAAOA,SAAQ,GAAG,MAAM,KAAK,GAC3D,QAAQ;AAAA,cAGd,2DAACD,8BAAAA,YAAY,OAAZ,EAAkB,aAAa,aAAa,YAAY,OAAO;AAAA,YAAA;AAAA,UAClE;AAAA,UACCD,2BAAAA,kBAAAA,IAAAC,8BAAAA,YAAY,SAAZ,EACC,UAACD,2BAAA,kBAAA,IAAAC,8BAAA,YAAY,MAAZ,EACE,UAAU,UAAA,MAAM,IAAI,CAACC,aACpBF,2BAAA,kBAAA;AAAA,YAACC,8BAAAA,YAAY;AAAA,YAAZ;AAAA,cAEC,OAAO,OAAOC,SAAQ,GAAG;AAAA,cAExB,UAAAA,SAAQ;AAAA,YAAA;AAAA,YAHJ,OAAOA,SAAQ,GAAG;AAAA,UAAA,CAK1B,GACH,EACF,CAAA;AAAA,QAAA,GACF;AAAA,QAEAF,2BAAA,kBAAA;AAAA,UAACD,sCAAAA,KAAK;AAAA,UAAL;AAAA,YACC,WAAU;AAAA,YACV,MAAK;AAAA,YACL,OAAM;AAAA,YACN,WAAW;AAAA,YACX,OAAO,uBAAuB,UAAU;AAAA,YAEvC,UAAuB,uBAAA;AAAA,UAAA;AAAA,QAC1B;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;;"}
|
package/dist/components/DictionaryFieldEditor/DictionaryCreationForm/DictionaryCreationForm.mjs
CHANGED
|
@@ -2,24 +2,19 @@
|
|
|
2
2
|
import { j as jsxRuntimeExports } from "../../../jsx-runtime-BgSF1HG2.js";
|
|
3
3
|
import { useDictionary } from "react-intlayer";
|
|
4
4
|
import { useAddDictionary, useGetProjects } from "../../../hooks/intlayerAPIHooks.mjs";
|
|
5
|
-
import "../../../libs/intlayer-api/
|
|
6
|
-
import "../../../libs/intlayer-api/dictionary.mjs";
|
|
7
|
-
import "../../../libs/intlayer-api/organization.mjs";
|
|
8
|
-
import "../../../libs/intlayer-api/project.mjs";
|
|
9
|
-
import "../../../libs/intlayer-api/stripe.mjs";
|
|
10
|
-
import "../../../libs/intlayer-api/user.mjs";
|
|
5
|
+
import "../../../libs/intlayer-api/index.mjs";
|
|
11
6
|
import "../../Button/Button.mjs";
|
|
12
7
|
import { useForm } from "../../Form/FormBase.mjs";
|
|
13
8
|
import "../../Form/FormField.mjs";
|
|
14
|
-
import { F as Form } from "../../../Form-
|
|
9
|
+
import { F as Form } from "../../../Form-CQpKjeW6.js";
|
|
15
10
|
import "zod";
|
|
16
11
|
import "react";
|
|
17
12
|
import "../../../hooks/useScrollBlockage/useScrollBlockageStore.mjs";
|
|
18
13
|
import "../../../hooks/useAsync/useAsyncStateStore.mjs";
|
|
19
14
|
import "@intlayer/dictionaries-entry";
|
|
20
15
|
import "deepmerge";
|
|
21
|
-
import "../../Modal/Modal.mjs";
|
|
22
16
|
import { useAuth } from "../../Auth/useAuth/index.mjs";
|
|
17
|
+
import "../../Modal/Modal.mjs";
|
|
23
18
|
import "clsx";
|
|
24
19
|
import "tailwind-merge";
|
|
25
20
|
import { MultiSelect } from "../../Select/Multiselect.mjs";
|
package/dist/components/DictionaryFieldEditor/DictionaryCreationForm/DictionaryCreationForm.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DictionaryCreationForm.mjs","sources":["../../../../src/components/DictionaryFieldEditor/DictionaryCreationForm/DictionaryCreationForm.tsx"],"sourcesContent":["'use client';\n\nimport { type FC } from 'react';\n// @ts-ignore react-intlayer not build yet\nimport { useDictionary } from 'react-intlayer';\nimport {\n useAddDictionary,\n useGetProjects,\n} from '../../../hooks/intlayerAPIHooks';\nimport { useAuth } from '../../Auth';\nimport { Form, useForm } from '../../Form';\nimport { MultiSelect } from '../../Select';\nimport { dictionaryFormContent } from './dictionaryCreationForm.content';\nimport {\n getDictionarySchema,\n type DictionaryFormData,\n} from './dictionaryFormSchema';\n\nexport const DictionaryCreationForm: FC = () => {\n const { session } = useAuth();\n const { project } = session ?? {};\n const { addDictionary } = useAddDictionary();\n const { data: projects } = useGetProjects();\n const DictionarySchema = getDictionarySchema(String(project?._id));\n const { form, isSubmitting } = useForm(DictionarySchema);\n const { keyInput, createDictionaryButton, projectInput } = useDictionary(\n dictionaryFormContent\n );\n\n const onSubmitSuccess = async (data: DictionaryFormData) => {\n await addDictionary(data);\n };\n\n return (\n <Form\n schema={DictionarySchema}\n onSubmitSuccess={onSubmitSuccess}\n className=\"w-full max-w-[400px]\"\n {...form}\n >\n <Form.Input\n name=\"key\"\n label={keyInput.label}\n placeholder={keyInput.placeholder.value}\n isRequired\n />\n\n <Form.MultiSelect name=\"projectIds\" label={projectInput.label.value}>\n <MultiSelect.Trigger\n getBadgeValue={(value) =>\n projects?.data?.find((project) => String(project._id) === value)\n ?.name ?? value\n }\n >\n <MultiSelect.Input placeholder={projectInput.placeholder.value} />\n </MultiSelect.Trigger>\n <MultiSelect.Content>\n <MultiSelect.List>\n {projects?.data?.map((project) => (\n <MultiSelect.Item\n key={String(project._id)}\n value={String(project._id)}\n >\n {project.name}\n </MultiSelect.Item>\n ))}\n </MultiSelect.List>\n </MultiSelect.Content>\n </Form.MultiSelect>\n\n <Form.Button\n className=\"ml-auto mt-12\"\n type=\"submit\"\n color=\"text\"\n isLoading={isSubmitting}\n label={createDictionaryButton.ariaLabel.value}\n >\n {createDictionaryButton.text}\n </Form.Button>\n </Form>\n );\n};\n"],"names":["jsxs","jsx","project"],"mappings":"
|
|
1
|
+
{"version":3,"file":"DictionaryCreationForm.mjs","sources":["../../../../src/components/DictionaryFieldEditor/DictionaryCreationForm/DictionaryCreationForm.tsx"],"sourcesContent":["'use client';\n\nimport { type FC } from 'react';\n// @ts-ignore react-intlayer not build yet\nimport { useDictionary } from 'react-intlayer';\nimport {\n useAddDictionary,\n useGetProjects,\n} from '../../../hooks/intlayerAPIHooks';\nimport { useAuth } from '../../Auth';\nimport { Form, useForm } from '../../Form';\nimport { MultiSelect } from '../../Select';\nimport { dictionaryFormContent } from './dictionaryCreationForm.content';\nimport {\n getDictionarySchema,\n type DictionaryFormData,\n} from './dictionaryFormSchema';\n\nexport const DictionaryCreationForm: FC = () => {\n const { session } = useAuth();\n const { project } = session ?? {};\n const { addDictionary } = useAddDictionary();\n const { data: projects } = useGetProjects();\n const DictionarySchema = getDictionarySchema(String(project?._id));\n const { form, isSubmitting } = useForm(DictionarySchema);\n const { keyInput, createDictionaryButton, projectInput } = useDictionary(\n dictionaryFormContent\n );\n\n const onSubmitSuccess = async (data: DictionaryFormData) => {\n await addDictionary(data);\n };\n\n return (\n <Form\n schema={DictionarySchema}\n onSubmitSuccess={onSubmitSuccess}\n className=\"w-full max-w-[400px]\"\n {...form}\n >\n <Form.Input\n name=\"key\"\n label={keyInput.label}\n placeholder={keyInput.placeholder.value}\n isRequired\n />\n\n <Form.MultiSelect name=\"projectIds\" label={projectInput.label.value}>\n <MultiSelect.Trigger\n getBadgeValue={(value) =>\n projects?.data?.find((project) => String(project._id) === value)\n ?.name ?? value\n }\n >\n <MultiSelect.Input placeholder={projectInput.placeholder.value} />\n </MultiSelect.Trigger>\n <MultiSelect.Content>\n <MultiSelect.List>\n {projects?.data?.map((project) => (\n <MultiSelect.Item\n key={String(project._id)}\n value={String(project._id)}\n >\n {project.name}\n </MultiSelect.Item>\n ))}\n </MultiSelect.List>\n </MultiSelect.Content>\n </Form.MultiSelect>\n\n <Form.Button\n className=\"ml-auto mt-12\"\n type=\"submit\"\n color=\"text\"\n isLoading={isSubmitting}\n label={createDictionaryButton.ariaLabel.value}\n >\n {createDictionaryButton.text}\n </Form.Button>\n </Form>\n );\n};\n"],"names":["jsxs","jsx","project"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAkBO,MAAM,yBAA6B,MAAM;AACxC,QAAA,EAAE,YAAY;AACpB,QAAM,EAAE,QAAA,IAAY,WAAW;AACzB,QAAA,EAAE,kBAAkB;AAC1B,QAAM,EAAE,MAAM,SAAS,IAAI,eAAe;AAC1C,QAAM,mBAAmB,oBAAoB,OAAO,SAAS,GAAG,CAAC;AACjE,QAAM,EAAE,MAAM,aAAa,IAAI,QAAQ,gBAAgB;AACvD,QAAM,EAAE,UAAU,wBAAwB,aAAiB,IAAA;AAAA,IACzD;AAAA,EAAA;AAGI,QAAA,kBAAkB,OAAO,SAA6B;AAC1D,UAAM,cAAc,IAAI;AAAA,EAAA;AAIxB,SAAAA,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,QAAQ;AAAA,MACR;AAAA,MACA,WAAU;AAAA,MACT,GAAG;AAAA,MAEJ,UAAA;AAAA,QAAAC,kCAAA;AAAA,UAAC,KAAK;AAAA,UAAL;AAAA,YACC,MAAK;AAAA,YACL,OAAO,SAAS;AAAA,YAChB,aAAa,SAAS,YAAY;AAAA,YAClC,YAAU;AAAA,UAAA;AAAA,QACZ;AAAA,QAEAD,kCAAAA,KAAC,KAAK,aAAL,EAAiB,MAAK,cAAa,OAAO,aAAa,MAAM,OAC5D,UAAA;AAAA,UAAAC,kCAAA;AAAA,YAAC,YAAY;AAAA,YAAZ;AAAA,cACC,eAAe,CAAC,UACd,UAAU,MAAM,KAAK,CAACC,aAAY,OAAOA,SAAQ,GAAG,MAAM,KAAK,GAC3D,QAAQ;AAAA,cAGd,gDAAC,YAAY,OAAZ,EAAkB,aAAa,aAAa,YAAY,OAAO;AAAA,YAAA;AAAA,UAClE;AAAA,UACCD,kCAAAA,IAAA,YAAY,SAAZ,EACC,UAACA,kCAAA,IAAA,YAAY,MAAZ,EACE,UAAU,UAAA,MAAM,IAAI,CAACC,aACpBD,kCAAA;AAAA,YAAC,YAAY;AAAA,YAAZ;AAAA,cAEC,OAAO,OAAOC,SAAQ,GAAG;AAAA,cAExB,UAAAA,SAAQ;AAAA,YAAA;AAAA,YAHJ,OAAOA,SAAQ,GAAG;AAAA,UAAA,CAK1B,GACH,EACF,CAAA;AAAA,QAAA,GACF;AAAA,QAEAD,kCAAA;AAAA,UAAC,KAAK;AAAA,UAAL;AAAA,YACC,WAAU;AAAA,YACV,MAAK;AAAA,YACL,OAAM;AAAA,YACN,WAAW;AAAA,YACX,OAAO,uBAAuB,UAAU;AAAA,YAEvC,UAAuB,uBAAA;AAAA,UAAA;AAAA,QAC1B;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}
|
package/dist/components/DictionaryFieldEditor/DictionaryCreationForm/dictionaryFormSchema.d.ts
CHANGED
|
@@ -3,11 +3,11 @@ export declare const getDictionarySchema: (projectId: string) => z.ZodObject<{
|
|
|
3
3
|
key: z.ZodDefault<z.ZodString>;
|
|
4
4
|
projectIds: z.ZodDefault<z.ZodArray<z.ZodString, "many">>;
|
|
5
5
|
}, "strip", z.ZodTypeAny, {
|
|
6
|
-
projectIds: string[];
|
|
7
6
|
key: string;
|
|
7
|
+
projectIds: string[];
|
|
8
8
|
}, {
|
|
9
|
-
projectIds?: string[] | undefined;
|
|
10
9
|
key?: string | undefined;
|
|
10
|
+
projectIds?: string[] | undefined;
|
|
11
11
|
}>;
|
|
12
12
|
export type DictionaryFormData = z.infer<ReturnType<typeof getDictionarySchema>>;
|
|
13
13
|
//# sourceMappingURL=dictionaryFormSchema.d.ts.map
|
|
@@ -11,19 +11,14 @@ const hooks_intlayerAPIHooks = require("../../../hooks/intlayerAPIHooks.cjs");
|
|
|
11
11
|
require("@intlayer/dictionaries-entry");
|
|
12
12
|
require("deepmerge");
|
|
13
13
|
const utils_cn = require("../../../utils/cn.cjs");
|
|
14
|
-
require("../../../libs/intlayer-api/
|
|
15
|
-
require("../../../libs/intlayer-api/dictionary.cjs");
|
|
16
|
-
require("../../../libs/intlayer-api/organization.cjs");
|
|
17
|
-
require("../../../libs/intlayer-api/project.cjs");
|
|
18
|
-
require("../../../libs/intlayer-api/stripe.cjs");
|
|
19
|
-
require("../../../libs/intlayer-api/user.cjs");
|
|
14
|
+
require("../../../libs/intlayer-api/index.cjs");
|
|
20
15
|
require("../../Button/Button.cjs");
|
|
21
16
|
const components_Form_FormBase = require("../../Form/FormBase.cjs");
|
|
22
17
|
require("../../Form/FormField.cjs");
|
|
23
18
|
const components_Form_layout_FormItemLayout = require("../../../Form-DERuauvB.cjs");
|
|
24
19
|
require("zod");
|
|
25
|
-
require("../../Modal/Modal.cjs");
|
|
26
20
|
const components_Auth_useAuth_index = require("../../Auth/useAuth/index.cjs");
|
|
21
|
+
require("../../Modal/Modal.cjs");
|
|
27
22
|
const components_Select_Multiselect = require("../../Select/Multiselect.cjs");
|
|
28
23
|
require("../../Select/Select.cjs");
|
|
29
24
|
const components_DictionaryFieldEditor_DictionaryDetails_dictionaryDetails_content = require("./dictionaryDetails.content.cjs");
|
package/dist/components/DictionaryFieldEditor/DictionaryDetails/DictionaryDetailsForm.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DictionaryDetailsForm.cjs","sources":["../../../../src/components/DictionaryFieldEditor/DictionaryDetails/DictionaryDetailsForm.tsx"],"sourcesContent":["'use client';\n\nimport { Dictionary as DistantDictionary } from '@intlayer/backend';\nimport { Dictionary } from '@intlayer/core';\nimport { ArrowUpFromLine, Save } from 'lucide-react';\nimport { type FC, useEffect } from 'react';\n// @ts-ignore react-intlayer not build yet\nimport { useDictionary } from 'react-intlayer';\nimport { useGetProjects, usePushDictionaries } from '../../../hooks';\nimport { cn } from '../../../utils/cn';\nimport { useAuth } from '../../Auth';\nimport { Form, useForm } from '../../Form';\nimport { MultiSelect } from '../../Select';\nimport { dictionaryDetailsContent } from './dictionaryDetails.content';\nimport {\n getDictionaryDetailsSchema,\n DictionaryDetailsFormData,\n} from './DictionaryDetailsSchema';\n\ntype DictionaryDetailsProps = {\n dictionary: Dictionary;\n};\n\nexport const DictionaryDetailsForm: FC<DictionaryDetailsProps> = ({\n dictionary,\n}) => {\n const { session } = useAuth();\n const { project } = session ?? {};\n const { pushDictionaries } = usePushDictionaries();\n const { data: projects } = useGetProjects();\n\n const DictionaryDetailsSchema = getDictionaryDetailsSchema(\n String(project?._id)\n );\n const { form, isSubmitting } = useForm(DictionaryDetailsSchema, {\n defaultValues: dictionary,\n });\n const {\n titleInput,\n keyInput,\n descriptionInput,\n publishButton,\n saveButton,\n projectInput,\n } = useDictionary(dictionaryDetailsContent);\n\n useEffect(() => {\n form.reset(dictionary);\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [dictionary, form?.reset]);\n\n const isFormEdited = form.formState.isDirty;\n const isLocalDictionary =\n typeof (dictionary as DistantDictionary)?._id === 'undefined';\n\n const onSubmitSuccess = async (data: DictionaryDetailsFormData) => {\n await pushDictionaries([\n {\n ...dictionary,\n ...data,\n },\n ]);\n };\n\n return (\n <Form\n className=\"flex size-full flex-1 flex-col gap-8\"\n {...form}\n schema={DictionaryDetailsSchema}\n onSubmitSuccess={onSubmitSuccess}\n >\n <div className=\"flex size-full flex-1 gap-8 max-md:flex-col\">\n <Form.EditableFieldInput\n name=\"title\"\n label={titleInput.label.value}\n placeholder={titleInput.placeholder.value}\n description={titleInput.description.value}\n disabled={isSubmitting}\n />\n <Form.EditableFieldInput\n name=\"key\"\n label={keyInput.label.value}\n placeholder={keyInput.label.value}\n description={keyInput.description.value}\n disabled={isSubmitting}\n required\n />\n </div>\n\n <Form.EditableFieldTextArea\n name=\"description\"\n label={descriptionInput.label.value}\n placeholder={descriptionInput.placeholder.value}\n description={descriptionInput.description.value}\n disabled={isSubmitting}\n />\n\n <Form.MultiSelect\n name=\"projectIds\"\n label={projectInput.label.value}\n description={projectInput.description.value}\n >\n <MultiSelect.Trigger\n getBadgeValue={(value) =>\n projects?.data?.find((project) => String(project._id) === value)\n ?.name ?? value\n }\n >\n <MultiSelect.Input placeholder={projectInput.placeholder.value} />\n </MultiSelect.Trigger>\n <MultiSelect.Content>\n <MultiSelect.List>\n {projects?.data?.map((project) => (\n <MultiSelect.Item\n key={String(project._id)}\n value={String(project._id)}\n >\n {project.name}\n </MultiSelect.Item>\n ))}\n </MultiSelect.List>\n </MultiSelect.Content>\n </Form.MultiSelect>\n\n {isLocalDictionary ? (\n <Form.Button\n type=\"submit\"\n label={publishButton.label.value}\n disabled={isSubmitting || !isFormEdited}\n Icon={ArrowUpFromLine}\n isFullWidth={false}\n color=\"text\"\n isLoading={isSubmitting}\n className=\"ml-auto\"\n >\n {publishButton.text}\n </Form.Button>\n ) : (\n <Form.Button\n type=\"submit\"\n label={saveButton.label.value}\n disabled={isSubmitting}\n isFullWidth={false}\n className={cn('ml-auto', isFormEdited ? '' : 'invisible')}\n Icon={Save}\n color=\"text\"\n isLoading={isSubmitting}\n >\n {saveButton.text}\n </Form.Button>\n )}\n </Form>\n );\n};\n"],"names":["useAuth","usePushDictionaries","useGetProjects","getDictionaryDetailsSchema","useForm","useDictionary","dictionaryDetailsContent","useEffect","jsxs","Form","jsx","MultiSelect","project","ArrowUpFromLine","cn","Save"],"mappings":"
|
|
1
|
+
{"version":3,"file":"DictionaryDetailsForm.cjs","sources":["../../../../src/components/DictionaryFieldEditor/DictionaryDetails/DictionaryDetailsForm.tsx"],"sourcesContent":["'use client';\n\nimport { Dictionary as DistantDictionary } from '@intlayer/backend';\nimport { Dictionary } from '@intlayer/core';\nimport { ArrowUpFromLine, Save } from 'lucide-react';\nimport { type FC, useEffect } from 'react';\n// @ts-ignore react-intlayer not build yet\nimport { useDictionary } from 'react-intlayer';\nimport { useGetProjects, usePushDictionaries } from '../../../hooks';\nimport { cn } from '../../../utils/cn';\nimport { useAuth } from '../../Auth';\nimport { Form, useForm } from '../../Form';\nimport { MultiSelect } from '../../Select';\nimport { dictionaryDetailsContent } from './dictionaryDetails.content';\nimport {\n getDictionaryDetailsSchema,\n DictionaryDetailsFormData,\n} from './DictionaryDetailsSchema';\n\ntype DictionaryDetailsProps = {\n dictionary: Dictionary;\n};\n\nexport const DictionaryDetailsForm: FC<DictionaryDetailsProps> = ({\n dictionary,\n}) => {\n const { session } = useAuth();\n const { project } = session ?? {};\n const { pushDictionaries } = usePushDictionaries();\n const { data: projects } = useGetProjects();\n\n const DictionaryDetailsSchema = getDictionaryDetailsSchema(\n String(project?._id)\n );\n const { form, isSubmitting } = useForm(DictionaryDetailsSchema, {\n defaultValues: dictionary,\n });\n const {\n titleInput,\n keyInput,\n descriptionInput,\n publishButton,\n saveButton,\n projectInput,\n } = useDictionary(dictionaryDetailsContent);\n\n useEffect(() => {\n form.reset(dictionary);\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [dictionary, form?.reset]);\n\n const isFormEdited = form.formState.isDirty;\n const isLocalDictionary =\n typeof (dictionary as DistantDictionary)?._id === 'undefined';\n\n const onSubmitSuccess = async (data: DictionaryDetailsFormData) => {\n await pushDictionaries([\n {\n ...dictionary,\n ...data,\n },\n ]);\n };\n\n return (\n <Form\n className=\"flex size-full flex-1 flex-col gap-8\"\n {...form}\n schema={DictionaryDetailsSchema}\n onSubmitSuccess={onSubmitSuccess}\n >\n <div className=\"flex size-full flex-1 gap-8 max-md:flex-col\">\n <Form.EditableFieldInput\n name=\"title\"\n label={titleInput.label.value}\n placeholder={titleInput.placeholder.value}\n description={titleInput.description.value}\n disabled={isSubmitting}\n />\n <Form.EditableFieldInput\n name=\"key\"\n label={keyInput.label.value}\n placeholder={keyInput.label.value}\n description={keyInput.description.value}\n disabled={isSubmitting}\n required\n />\n </div>\n\n <Form.EditableFieldTextArea\n name=\"description\"\n label={descriptionInput.label.value}\n placeholder={descriptionInput.placeholder.value}\n description={descriptionInput.description.value}\n disabled={isSubmitting}\n />\n\n <Form.MultiSelect\n name=\"projectIds\"\n label={projectInput.label.value}\n description={projectInput.description.value}\n >\n <MultiSelect.Trigger\n getBadgeValue={(value) =>\n projects?.data?.find((project) => String(project._id) === value)\n ?.name ?? value\n }\n >\n <MultiSelect.Input placeholder={projectInput.placeholder.value} />\n </MultiSelect.Trigger>\n <MultiSelect.Content>\n <MultiSelect.List>\n {projects?.data?.map((project) => (\n <MultiSelect.Item\n key={String(project._id)}\n value={String(project._id)}\n >\n {project.name}\n </MultiSelect.Item>\n ))}\n </MultiSelect.List>\n </MultiSelect.Content>\n </Form.MultiSelect>\n\n {isLocalDictionary ? (\n <Form.Button\n type=\"submit\"\n label={publishButton.label.value}\n disabled={isSubmitting || !isFormEdited}\n Icon={ArrowUpFromLine}\n isFullWidth={false}\n color=\"text\"\n isLoading={isSubmitting}\n className=\"ml-auto\"\n >\n {publishButton.text}\n </Form.Button>\n ) : (\n <Form.Button\n type=\"submit\"\n label={saveButton.label.value}\n disabled={isSubmitting}\n isFullWidth={false}\n className={cn('ml-auto', isFormEdited ? '' : 'invisible')}\n Icon={Save}\n color=\"text\"\n isLoading={isSubmitting}\n >\n {saveButton.text}\n </Form.Button>\n )}\n </Form>\n );\n};\n"],"names":["useAuth","usePushDictionaries","useGetProjects","getDictionaryDetailsSchema","useForm","useDictionary","dictionaryDetailsContent","useEffect","jsxs","Form","jsx","MultiSelect","project","ArrowUpFromLine","cn","Save"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAuBO,MAAM,wBAAoD,CAAC;AAAA,EAChE;AACF,MAAM;AACE,QAAA,EAAE,YAAYA,8BAAAA;AACpB,QAAM,EAAE,QAAA,IAAY,WAAW;AACzB,QAAA,EAAE,qBAAqBC,uBAAAA;AAC7B,QAAM,EAAE,MAAM,SAAS,IAAIC,uBAAe,eAAA;AAE1C,QAAM,0BAA0BC,2EAAA;AAAA,IAC9B,OAAO,SAAS,GAAG;AAAA,EAAA;AAErB,QAAM,EAAE,MAAM,iBAAiBC,yBAAAA,QAAQ,yBAAyB;AAAA,IAC9D,eAAe;AAAA,EAAA,CAChB;AACK,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACEC,cAAAA,cAAcC,6EAAAA,wBAAwB;AAE1CC,aAAAA,UAAU,MAAM;AACd,SAAK,MAAM,UAAU;AAAA,EAEpB,GAAA,CAAC,YAAY,MAAM,KAAK,CAAC;AAEtB,QAAA,eAAe,KAAK,UAAU;AAC9B,QAAA,oBACJ,OAAQ,YAAkC,QAAQ;AAE9C,QAAA,kBAAkB,OAAO,SAAoC;AACjE,UAAM,iBAAiB;AAAA,MACrB;AAAA,QACE,GAAG;AAAA,QACH,GAAG;AAAA,MACL;AAAA,IAAA,CACD;AAAA,EAAA;AAID,SAAAC,2BAAA,kBAAA;AAAA,IAACC,sCAAA;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACT,GAAG;AAAA,MACJ,QAAQ;AAAA,MACR;AAAA,MAEA,UAAA;AAAA,QAACD,2BAAAA,kBAAAA,KAAA,OAAA,EAAI,WAAU,+CACb,UAAA;AAAA,UAAAE,2BAAA,kBAAA;AAAA,YAACD,sCAAAA,KAAK;AAAA,YAAL;AAAA,cACC,MAAK;AAAA,cACL,OAAO,WAAW,MAAM;AAAA,cACxB,aAAa,WAAW,YAAY;AAAA,cACpC,aAAa,WAAW,YAAY;AAAA,cACpC,UAAU;AAAA,YAAA;AAAA,UACZ;AAAA,UACAC,2BAAA,kBAAA;AAAA,YAACD,sCAAAA,KAAK;AAAA,YAAL;AAAA,cACC,MAAK;AAAA,cACL,OAAO,SAAS,MAAM;AAAA,cACtB,aAAa,SAAS,MAAM;AAAA,cAC5B,aAAa,SAAS,YAAY;AAAA,cAClC,UAAU;AAAA,cACV,UAAQ;AAAA,YAAA;AAAA,UACV;AAAA,QAAA,GACF;AAAA,QAEAC,2BAAA,kBAAA;AAAA,UAACD,sCAAAA,KAAK;AAAA,UAAL;AAAA,YACC,MAAK;AAAA,YACL,OAAO,iBAAiB,MAAM;AAAA,YAC9B,aAAa,iBAAiB,YAAY;AAAA,YAC1C,aAAa,iBAAiB,YAAY;AAAA,YAC1C,UAAU;AAAA,UAAA;AAAA,QACZ;AAAA,QAEAD,2BAAA,kBAAA;AAAA,UAACC,sCAAAA,KAAK;AAAA,UAAL;AAAA,YACC,MAAK;AAAA,YACL,OAAO,aAAa,MAAM;AAAA,YAC1B,aAAa,aAAa,YAAY;AAAA,YAEtC,UAAA;AAAA,cAAAC,2BAAA,kBAAA;AAAA,gBAACC,8BAAAA,YAAY;AAAA,gBAAZ;AAAA,kBACC,eAAe,CAAC,UACd,UAAU,MAAM,KAAK,CAACC,aAAY,OAAOA,SAAQ,GAAG,MAAM,KAAK,GAC3D,QAAQ;AAAA,kBAGd,2DAACD,8BAAAA,YAAY,OAAZ,EAAkB,aAAa,aAAa,YAAY,OAAO;AAAA,gBAAA;AAAA,cAClE;AAAA,cACCD,2BAAAA,kBAAAA,IAAAC,8BAAAA,YAAY,SAAZ,EACC,UAACD,2BAAA,kBAAA,IAAAC,8BAAA,YAAY,MAAZ,EACE,UAAU,UAAA,MAAM,IAAI,CAACC,aACpBF,2BAAA,kBAAA;AAAA,gBAACC,8BAAAA,YAAY;AAAA,gBAAZ;AAAA,kBAEC,OAAO,OAAOC,SAAQ,GAAG;AAAA,kBAExB,UAAAA,SAAQ;AAAA,gBAAA;AAAA,gBAHJ,OAAOA,SAAQ,GAAG;AAAA,cAAA,CAK1B,GACH,EACF,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACF;AAAA,QAEC,oBACCF,2BAAA,kBAAA;AAAA,UAACD,sCAAAA,KAAK;AAAA,UAAL;AAAA,YACC,MAAK;AAAA,YACL,OAAO,cAAc,MAAM;AAAA,YAC3B,UAAU,gBAAgB,CAAC;AAAA,YAC3B,MAAMI,YAAA;AAAA,YACN,aAAa;AAAA,YACb,OAAM;AAAA,YACN,WAAW;AAAA,YACX,WAAU;AAAA,YAET,UAAc,cAAA;AAAA,UAAA;AAAA,QAAA,IAGjBH,2BAAA,kBAAA;AAAA,UAACD,sCAAAA,KAAK;AAAA,UAAL;AAAA,YACC,MAAK;AAAA,YACL,OAAO,WAAW,MAAM;AAAA,YACxB,UAAU;AAAA,YACV,aAAa;AAAA,YACb,WAAWK,SAAAA,GAAG,WAAW,eAAe,KAAK,WAAW;AAAA,YACxD,MAAMC,YAAA;AAAA,YACN,OAAM;AAAA,YACN,WAAW;AAAA,YAEV,UAAW,WAAA;AAAA,UAAA;AAAA,QACd;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;;"}
|
|
@@ -9,19 +9,14 @@ import { usePushDictionaries, useGetProjects } from "../../../hooks/intlayerAPIH
|
|
|
9
9
|
import "@intlayer/dictionaries-entry";
|
|
10
10
|
import "deepmerge";
|
|
11
11
|
import { cn } from "../../../utils/cn.mjs";
|
|
12
|
-
import "../../../libs/intlayer-api/
|
|
13
|
-
import "../../../libs/intlayer-api/dictionary.mjs";
|
|
14
|
-
import "../../../libs/intlayer-api/organization.mjs";
|
|
15
|
-
import "../../../libs/intlayer-api/project.mjs";
|
|
16
|
-
import "../../../libs/intlayer-api/stripe.mjs";
|
|
17
|
-
import "../../../libs/intlayer-api/user.mjs";
|
|
12
|
+
import "../../../libs/intlayer-api/index.mjs";
|
|
18
13
|
import "../../Button/Button.mjs";
|
|
19
14
|
import { useForm } from "../../Form/FormBase.mjs";
|
|
20
15
|
import "../../Form/FormField.mjs";
|
|
21
|
-
import { F as Form } from "../../../Form-
|
|
16
|
+
import { F as Form } from "../../../Form-CQpKjeW6.js";
|
|
22
17
|
import "zod";
|
|
23
|
-
import "../../Modal/Modal.mjs";
|
|
24
18
|
import { useAuth } from "../../Auth/useAuth/index.mjs";
|
|
19
|
+
import "../../Modal/Modal.mjs";
|
|
25
20
|
import { MultiSelect } from "../../Select/Multiselect.mjs";
|
|
26
21
|
import "../../Select/Select.mjs";
|
|
27
22
|
import { dictionaryDetailsContent } from "./dictionaryDetails.content.mjs";
|
package/dist/components/DictionaryFieldEditor/DictionaryDetails/DictionaryDetailsForm.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DictionaryDetailsForm.mjs","sources":["../../../../src/components/DictionaryFieldEditor/DictionaryDetails/DictionaryDetailsForm.tsx"],"sourcesContent":["'use client';\n\nimport { Dictionary as DistantDictionary } from '@intlayer/backend';\nimport { Dictionary } from '@intlayer/core';\nimport { ArrowUpFromLine, Save } from 'lucide-react';\nimport { type FC, useEffect } from 'react';\n// @ts-ignore react-intlayer not build yet\nimport { useDictionary } from 'react-intlayer';\nimport { useGetProjects, usePushDictionaries } from '../../../hooks';\nimport { cn } from '../../../utils/cn';\nimport { useAuth } from '../../Auth';\nimport { Form, useForm } from '../../Form';\nimport { MultiSelect } from '../../Select';\nimport { dictionaryDetailsContent } from './dictionaryDetails.content';\nimport {\n getDictionaryDetailsSchema,\n DictionaryDetailsFormData,\n} from './DictionaryDetailsSchema';\n\ntype DictionaryDetailsProps = {\n dictionary: Dictionary;\n};\n\nexport const DictionaryDetailsForm: FC<DictionaryDetailsProps> = ({\n dictionary,\n}) => {\n const { session } = useAuth();\n const { project } = session ?? {};\n const { pushDictionaries } = usePushDictionaries();\n const { data: projects } = useGetProjects();\n\n const DictionaryDetailsSchema = getDictionaryDetailsSchema(\n String(project?._id)\n );\n const { form, isSubmitting } = useForm(DictionaryDetailsSchema, {\n defaultValues: dictionary,\n });\n const {\n titleInput,\n keyInput,\n descriptionInput,\n publishButton,\n saveButton,\n projectInput,\n } = useDictionary(dictionaryDetailsContent);\n\n useEffect(() => {\n form.reset(dictionary);\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [dictionary, form?.reset]);\n\n const isFormEdited = form.formState.isDirty;\n const isLocalDictionary =\n typeof (dictionary as DistantDictionary)?._id === 'undefined';\n\n const onSubmitSuccess = async (data: DictionaryDetailsFormData) => {\n await pushDictionaries([\n {\n ...dictionary,\n ...data,\n },\n ]);\n };\n\n return (\n <Form\n className=\"flex size-full flex-1 flex-col gap-8\"\n {...form}\n schema={DictionaryDetailsSchema}\n onSubmitSuccess={onSubmitSuccess}\n >\n <div className=\"flex size-full flex-1 gap-8 max-md:flex-col\">\n <Form.EditableFieldInput\n name=\"title\"\n label={titleInput.label.value}\n placeholder={titleInput.placeholder.value}\n description={titleInput.description.value}\n disabled={isSubmitting}\n />\n <Form.EditableFieldInput\n name=\"key\"\n label={keyInput.label.value}\n placeholder={keyInput.label.value}\n description={keyInput.description.value}\n disabled={isSubmitting}\n required\n />\n </div>\n\n <Form.EditableFieldTextArea\n name=\"description\"\n label={descriptionInput.label.value}\n placeholder={descriptionInput.placeholder.value}\n description={descriptionInput.description.value}\n disabled={isSubmitting}\n />\n\n <Form.MultiSelect\n name=\"projectIds\"\n label={projectInput.label.value}\n description={projectInput.description.value}\n >\n <MultiSelect.Trigger\n getBadgeValue={(value) =>\n projects?.data?.find((project) => String(project._id) === value)\n ?.name ?? value\n }\n >\n <MultiSelect.Input placeholder={projectInput.placeholder.value} />\n </MultiSelect.Trigger>\n <MultiSelect.Content>\n <MultiSelect.List>\n {projects?.data?.map((project) => (\n <MultiSelect.Item\n key={String(project._id)}\n value={String(project._id)}\n >\n {project.name}\n </MultiSelect.Item>\n ))}\n </MultiSelect.List>\n </MultiSelect.Content>\n </Form.MultiSelect>\n\n {isLocalDictionary ? (\n <Form.Button\n type=\"submit\"\n label={publishButton.label.value}\n disabled={isSubmitting || !isFormEdited}\n Icon={ArrowUpFromLine}\n isFullWidth={false}\n color=\"text\"\n isLoading={isSubmitting}\n className=\"ml-auto\"\n >\n {publishButton.text}\n </Form.Button>\n ) : (\n <Form.Button\n type=\"submit\"\n label={saveButton.label.value}\n disabled={isSubmitting}\n isFullWidth={false}\n className={cn('ml-auto', isFormEdited ? '' : 'invisible')}\n Icon={Save}\n color=\"text\"\n isLoading={isSubmitting}\n >\n {saveButton.text}\n </Form.Button>\n )}\n </Form>\n );\n};\n"],"names":["jsxs","jsx","project"],"mappings":"
|
|
1
|
+
{"version":3,"file":"DictionaryDetailsForm.mjs","sources":["../../../../src/components/DictionaryFieldEditor/DictionaryDetails/DictionaryDetailsForm.tsx"],"sourcesContent":["'use client';\n\nimport { Dictionary as DistantDictionary } from '@intlayer/backend';\nimport { Dictionary } from '@intlayer/core';\nimport { ArrowUpFromLine, Save } from 'lucide-react';\nimport { type FC, useEffect } from 'react';\n// @ts-ignore react-intlayer not build yet\nimport { useDictionary } from 'react-intlayer';\nimport { useGetProjects, usePushDictionaries } from '../../../hooks';\nimport { cn } from '../../../utils/cn';\nimport { useAuth } from '../../Auth';\nimport { Form, useForm } from '../../Form';\nimport { MultiSelect } from '../../Select';\nimport { dictionaryDetailsContent } from './dictionaryDetails.content';\nimport {\n getDictionaryDetailsSchema,\n DictionaryDetailsFormData,\n} from './DictionaryDetailsSchema';\n\ntype DictionaryDetailsProps = {\n dictionary: Dictionary;\n};\n\nexport const DictionaryDetailsForm: FC<DictionaryDetailsProps> = ({\n dictionary,\n}) => {\n const { session } = useAuth();\n const { project } = session ?? {};\n const { pushDictionaries } = usePushDictionaries();\n const { data: projects } = useGetProjects();\n\n const DictionaryDetailsSchema = getDictionaryDetailsSchema(\n String(project?._id)\n );\n const { form, isSubmitting } = useForm(DictionaryDetailsSchema, {\n defaultValues: dictionary,\n });\n const {\n titleInput,\n keyInput,\n descriptionInput,\n publishButton,\n saveButton,\n projectInput,\n } = useDictionary(dictionaryDetailsContent);\n\n useEffect(() => {\n form.reset(dictionary);\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [dictionary, form?.reset]);\n\n const isFormEdited = form.formState.isDirty;\n const isLocalDictionary =\n typeof (dictionary as DistantDictionary)?._id === 'undefined';\n\n const onSubmitSuccess = async (data: DictionaryDetailsFormData) => {\n await pushDictionaries([\n {\n ...dictionary,\n ...data,\n },\n ]);\n };\n\n return (\n <Form\n className=\"flex size-full flex-1 flex-col gap-8\"\n {...form}\n schema={DictionaryDetailsSchema}\n onSubmitSuccess={onSubmitSuccess}\n >\n <div className=\"flex size-full flex-1 gap-8 max-md:flex-col\">\n <Form.EditableFieldInput\n name=\"title\"\n label={titleInput.label.value}\n placeholder={titleInput.placeholder.value}\n description={titleInput.description.value}\n disabled={isSubmitting}\n />\n <Form.EditableFieldInput\n name=\"key\"\n label={keyInput.label.value}\n placeholder={keyInput.label.value}\n description={keyInput.description.value}\n disabled={isSubmitting}\n required\n />\n </div>\n\n <Form.EditableFieldTextArea\n name=\"description\"\n label={descriptionInput.label.value}\n placeholder={descriptionInput.placeholder.value}\n description={descriptionInput.description.value}\n disabled={isSubmitting}\n />\n\n <Form.MultiSelect\n name=\"projectIds\"\n label={projectInput.label.value}\n description={projectInput.description.value}\n >\n <MultiSelect.Trigger\n getBadgeValue={(value) =>\n projects?.data?.find((project) => String(project._id) === value)\n ?.name ?? value\n }\n >\n <MultiSelect.Input placeholder={projectInput.placeholder.value} />\n </MultiSelect.Trigger>\n <MultiSelect.Content>\n <MultiSelect.List>\n {projects?.data?.map((project) => (\n <MultiSelect.Item\n key={String(project._id)}\n value={String(project._id)}\n >\n {project.name}\n </MultiSelect.Item>\n ))}\n </MultiSelect.List>\n </MultiSelect.Content>\n </Form.MultiSelect>\n\n {isLocalDictionary ? (\n <Form.Button\n type=\"submit\"\n label={publishButton.label.value}\n disabled={isSubmitting || !isFormEdited}\n Icon={ArrowUpFromLine}\n isFullWidth={false}\n color=\"text\"\n isLoading={isSubmitting}\n className=\"ml-auto\"\n >\n {publishButton.text}\n </Form.Button>\n ) : (\n <Form.Button\n type=\"submit\"\n label={saveButton.label.value}\n disabled={isSubmitting}\n isFullWidth={false}\n className={cn('ml-auto', isFormEdited ? '' : 'invisible')}\n Icon={Save}\n color=\"text\"\n isLoading={isSubmitting}\n >\n {saveButton.text}\n </Form.Button>\n )}\n </Form>\n );\n};\n"],"names":["jsxs","jsx","project"],"mappings":"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"}
|
package/dist/components/DictionaryFieldEditor/DictionaryDetails/DictionaryDetailsSchema.d.ts
CHANGED
|
@@ -5,15 +5,15 @@ export declare const getDictionaryDetailsSchema: (projectId: string) => z.ZodObj
|
|
|
5
5
|
description: z.ZodOptional<z.ZodString>;
|
|
6
6
|
projectIds: z.ZodDefault<z.ZodArray<z.ZodString, "many">>;
|
|
7
7
|
}, "strip", z.ZodTypeAny, {
|
|
8
|
-
projectIds: string[];
|
|
9
8
|
key: string;
|
|
10
|
-
|
|
9
|
+
projectIds: string[];
|
|
11
10
|
title?: string | undefined;
|
|
11
|
+
description?: string | undefined;
|
|
12
12
|
}, {
|
|
13
|
+
title?: string | undefined;
|
|
14
|
+
key?: string | undefined;
|
|
13
15
|
description?: string | undefined;
|
|
14
16
|
projectIds?: string[] | undefined;
|
|
15
|
-
key?: string | undefined;
|
|
16
|
-
title?: string | undefined;
|
|
17
17
|
}>;
|
|
18
18
|
export type DictionaryDetailsFormData = z.infer<ReturnType<typeof getDictionaryDetailsSchema>>;
|
|
19
19
|
//# sourceMappingURL=DictionaryDetailsSchema.d.ts.map
|
|
@@ -16,12 +16,7 @@ require("../EditableField/EditableFieldInput.cjs");
|
|
|
16
16
|
require("../EditableField/EditableFieldTextArea.cjs");
|
|
17
17
|
require("../../hooks/useScrollBlockage/useScrollBlockageStore.cjs");
|
|
18
18
|
require("../../hooks/useAsync/useAsyncStateStore.cjs");
|
|
19
|
-
require("../../libs/intlayer-api/
|
|
20
|
-
require("../../libs/intlayer-api/dictionary.cjs");
|
|
21
|
-
require("../../libs/intlayer-api/organization.cjs");
|
|
22
|
-
require("../../libs/intlayer-api/project.cjs");
|
|
23
|
-
require("../../libs/intlayer-api/stripe.cjs");
|
|
24
|
-
require("../../libs/intlayer-api/user.cjs");
|
|
19
|
+
require("../../libs/intlayer-api/index.cjs");
|
|
25
20
|
require("@intlayer/config/client");
|
|
26
21
|
require("../Toaster/Toast.cjs");
|
|
27
22
|
require("@intlayer/dictionaries-entry");
|