payload-intl 1.2.1 → 1.2.3

package/dist/components/actions/Move.d.ts

@@ -1,2 +0,0 @@
-export declare function Move(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=Move.d.ts.map

package/dist/components/actions/Move.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Move.d.ts","sourceRoot":"","sources":["../../../src/components/actions/Move.tsx"],"names":[],"mappings":"AAQA,wBAAgB,IAAI,4CA4BnB"}

package/dist/components/actions/Move.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/actions/Move.tsx"],"sourcesContent":["import { Button } from '@payloadcms/ui';\nimport { IconBraces } from '@tabler/icons-react';\nimport { get } from 'lodash-es';\n\nimport { useMessagesForm } from '@/components/MessageFormContext';\n\nimport styles from './Move.module.css';\n\nexport function Move() {\n  const { getValues, setValue, locales } = useMessagesForm();\n  const handleMove = () => {\n    const sourcePath = prompt('Source path');\n    if (!sourcePath) {\n      return;\n    }\n    const targetPath = prompt('Target path');\n    if (!targetPath) {\n      return;\n    }\n\n    locales.forEach((locale) => {\n      const sourceValue = get(getValues(), [locale, sourcePath].join('.'));\n      setValue([locale, targetPath].join('.'), sourceValue);\n    });\n  };\n  return (\n    <Button\n      buttonStyle=\"subtle\"\n      className={styles.button}\n      icon={<IconBraces className={styles.icon} />}\n      iconPosition=\"left\"\n      onClick={handleMove}\n    >\n      Copy\n    </Button>\n  );\n}\n"],"names":["Button","IconBraces","get","useMessagesForm","styles","Move","getValues","setValue","locales","handleMove","sourcePath","prompt","targetPath","forEach","locale","sourceValue","join","buttonStyle","className","button","icon","iconPosition","onClick"],"mappings":";AAAA,SAASA,MAAM,QAAQ,iBAAiB;AACxC,SAASC,UAAU,QAAQ,sBAAsB;AACjD,SAASC,GAAG,QAAQ,YAAY;AAEhC,SAASC,eAAe,QAAQ,kCAAkC;AAElE,OAAOC,YAAY,oBAAoB;AAEvC,OAAO,SAASC;IACd,MAAM,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,OAAO,EAAE,GAAGL;IACzC,MAAMM,aAAa;QACjB,MAAMC,aAAaC,OAAO;QAC1B,IAAI,CAACD,YAAY;YACf;QACF;QACA,MAAME,aAAaD,OAAO;QAC1B,IAAI,CAACC,YAAY;YACf;QACF;QAEAJ,QAAQK,OAAO,CAAC,CAACC;YACf,MAAMC,cAAcb,IAAII,aAAa;gBAACQ;gBAAQJ;aAAW,CAACM,IAAI,CAAC;YAC/DT,SAAS;gBAACO;gBAAQF;aAAW,CAACI,IAAI,CAAC,MAAMD;QAC3C;IACF;IACA,qBACE,KAACf;QACCiB,aAAY;QACZC,WAAWd,OAAOe,MAAM;QACxBC,oBAAM,KAACnB;YAAWiB,WAAWd,OAAOgB,IAAI;;QACxCC,cAAa;QACbC,SAASb;kBACV;;AAIL"}

package/dist/components/inputs/InputWrapper.d.ts

@@ -1,8 +0,0 @@
-import type { FieldError } from 'react-hook-form';
-export interface InputWrapperProps {
-    label?: string;
-    error: FieldError | undefined;
-    className?: string;
-}
-export declare function InputWrapper({ label, error, className, children, }: React.PropsWithChildren<InputWrapperProps>): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=InputWrapper.d.ts.map

package/dist/components/inputs/InputWrapper.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"InputWrapper.d.ts","sourceRoot":"","sources":["../../../src/components/inputs/InputWrapper.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAIlD,MAAM,WAAW,iBAAiB;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,UAAU,GAAG,SAAS,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,KAAK,EACL,SAAS,EACT,QAAQ,GACT,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,2CAkB5C"}

package/dist/components/inputs/InputWrapper.js

@@ -1,34 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { FieldLabel } from '@payloadcms/ui';
-import styles from './InputWrapper.module.css';
-export function InputWrapper({ label, error, className, children }) {
-    return /*#__PURE__*/ _jsxs("div", {
-        className: [
-            styles.wrapper,
-            className
-        ].filter(Boolean).join(' '),
-        children: [
-            /*#__PURE__*/ _jsxs("fieldset", {
-                className: [
-                    styles.fieldset,
-                    error ? styles.fieldsetError : undefined
-                ].filter(Boolean).join(' '),
-                children: [
-                    label && /*#__PURE__*/ _jsx("legend", {
-                        className: styles.legend,
-                        children: /*#__PURE__*/ _jsx(FieldLabel, {
-                            label: label
-                        })
-                    }),
-                    children
-                ]
-            }),
-            /*#__PURE__*/ _jsx("p", {
-                className: styles.errorMessage,
-                children: error?.message
-            })
-        ]
-    });
-}
-
-//# sourceMappingURL=InputWrapper.js.map

package/dist/components/inputs/InputWrapper.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/inputs/InputWrapper.tsx"],"sourcesContent":["import { FieldLabel } from '@payloadcms/ui';\nimport type { FieldError } from 'react-hook-form';\n\nimport styles from './InputWrapper.module.css';\n\nexport interface InputWrapperProps {\n  label?: string;\n  error: FieldError | undefined;\n  className?: string;\n}\n\nexport function InputWrapper({\n  label,\n  error,\n  className,\n  children,\n}: React.PropsWithChildren<InputWrapperProps>) {\n  return (\n    <div className={[styles.wrapper, className].filter(Boolean).join(' ')}>\n      <fieldset\n        className={[styles.fieldset, error ? styles.fieldsetError : undefined]\n          .filter(Boolean)\n          .join(' ')}\n      >\n        {label && (\n          <legend className={styles.legend}>\n            <FieldLabel label={label} />\n          </legend>\n        )}\n        {children}\n      </fieldset>\n      <p className={styles.errorMessage}>{error?.message}</p>\n    </div>\n  );\n}\n"],"names":["FieldLabel","styles","InputWrapper","label","error","className","children","div","wrapper","filter","Boolean","join","fieldset","fieldsetError","undefined","legend","p","errorMessage","message"],"mappings":";AAAA,SAASA,UAAU,QAAQ,iBAAiB;AAG5C,OAAOC,YAAY,4BAA4B;AAQ/C,OAAO,SAASC,aAAa,EAC3BC,KAAK,EACLC,KAAK,EACLC,SAAS,EACTC,QAAQ,EACmC;IAC3C,qBACE,MAACC;QAAIF,WAAW;YAACJ,OAAOO,OAAO;YAAEH;SAAU,CAACI,MAAM,CAACC,SAASC,IAAI,CAAC;;0BAC/D,MAACC;gBACCP,WAAW;oBAACJ,OAAOW,QAAQ;oBAAER,QAAQH,OAAOY,aAAa,GAAGC;iBAAU,CACnEL,MAAM,CAACC,SACPC,IAAI,CAAC;;oBAEPR,uBACC,KAACY;wBAAOV,WAAWJ,OAAOc,MAAM;kCAC9B,cAAA,KAACf;4BAAWG,OAAOA;;;oBAGtBG;;;0BAEH,KAACU;gBAAEX,WAAWJ,OAAOgB,YAAY;0BAAGb,OAAOc;;;;AAGjD"}

package/dist/components/inputs/variables/editors/DateVariableEditor.d.ts

@@ -1,10 +0,0 @@
-import type { DateElement } from '../../../../types';
-export interface DateVariableEditorProps {
-    name: string;
-    element: DateElement | undefined;
-    ref: React.Ref<{
-        getValue: () => string;
-    }>;
-}
-export declare function DateVariableEditor({ ref }: DateVariableEditorProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=DateVariableEditor.d.ts.map

package/dist/components/inputs/variables/editors/DateVariableEditor.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DateVariableEditor.d.ts","sourceRoot":"","sources":["../../../../../src/components/inputs/variables/editors/DateVariableEditor.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C,MAAM,WAAW,uBAAuB;IACtC,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,WAAW,GAAG,SAAS,CAAC;IACjC,GAAG,EAAE,KAAK,CAAC,GAAG,CAAC;QAAE,QAAQ,EAAE,MAAM,MAAM,CAAA;KAAE,CAAC,CAAC;CAC5C;AAED,wBAAgB,kBAAkB,CAAC,EAAE,GAAG,EAAE,EAAE,uBAAuB,2CASlE"}

package/dist/components/inputs/variables/editors/DateVariableEditor.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/components/inputs/variables/editors/DateVariableEditor.tsx"],"sourcesContent":["import { useImperativeHandle } from 'react';\nimport type { DateElement } from '@/types';\n\nexport interface DateVariableEditorProps {\n  name: string;\n  element: DateElement | undefined;\n  ref: React.Ref<{ getValue: () => string }>;\n}\n\nexport function DateVariableEditor({ ref }: DateVariableEditorProps) {\n  useImperativeHandle(ref, () => ({\n    getValue: () => {\n      // TODO\n      return '';\n    },\n  }));\n\n  return <>DateElementEditor</>;\n}\n"],"names":["useImperativeHandle","DateVariableEditor","ref","getValue"],"mappings":";AAAA,SAASA,mBAAmB,QAAQ,QAAQ;AAS5C,OAAO,SAASC,mBAAmB,EAAEC,GAAG,EAA2B;IACjEF,oBAAoBE,KAAK,IAAO,CAAA;YAC9BC,UAAU;gBACR,OAAO;gBACP,OAAO;YACT;QACF,CAAA;IAEA,qBAAO;kBAAE;;AACX"}

package/dist/components/inputs/variables/editors/TimeVariableEditor.d.ts

@@ -1,10 +0,0 @@
-import type { TimeElement } from '../../../../types';
-export interface TimeElementEditorProps {
-    name: string;
-    element: TimeElement | undefined;
-    ref: React.Ref<{
-        getValue: () => string;
-    }>;
-}
-export declare function TimeElementEditor({ ref }: TimeElementEditorProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=TimeVariableEditor.d.ts.map

package/dist/components/inputs/variables/editors/TimeVariableEditor.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TimeVariableEditor.d.ts","sourceRoot":"","sources":["../../../../../src/components/inputs/variables/editors/TimeVariableEditor.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,WAAW,GAAG,SAAS,CAAC;IACjC,GAAG,EAAE,KAAK,CAAC,GAAG,CAAC;QAAE,QAAQ,EAAE,MAAM,MAAM,CAAA;KAAE,CAAC,CAAC;CAC5C;AAED,wBAAgB,iBAAiB,CAAC,EAAE,GAAG,EAAE,EAAE,sBAAsB,2CAShE"}

package/dist/components/inputs/variables/editors/TimeVariableEditor.js

@@ -1,15 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import { useImperativeHandle } from 'react';
-export function TimeElementEditor({ ref }) {
-    useImperativeHandle(ref, ()=>({
-            getValue: ()=>{
-                // TODO
-                return '';
-            }
-        }));
-    return /*#__PURE__*/ _jsx(_Fragment, {
-        children: "TimeElementEditor"
-    });
-}
-
-//# sourceMappingURL=TimeVariableEditor.js.map

package/dist/components/inputs/variables/editors/TimeVariableEditor.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/components/inputs/variables/editors/TimeVariableEditor.tsx"],"sourcesContent":["import { useImperativeHandle } from 'react';\nimport type { TimeElement } from '@/types';\n\nexport interface TimeElementEditorProps {\n  name: string;\n  element: TimeElement | undefined;\n  ref: React.Ref<{ getValue: () => string }>;\n}\n\nexport function TimeElementEditor({ ref }: TimeElementEditorProps) {\n  useImperativeHandle(ref, () => ({\n    getValue: () => {\n      // TODO\n      return '';\n    },\n  }));\n\n  return <>TimeElementEditor</>;\n}\n"],"names":["useImperativeHandle","TimeElementEditor","ref","getValue"],"mappings":";AAAA,SAASA,mBAAmB,QAAQ,QAAQ;AAS5C,OAAO,SAASC,kBAAkB,EAAEC,GAAG,EAA0B;IAC/DF,oBAAoBE,KAAK,IAAO,CAAA;YAC9BC,UAAU;gBACR,OAAO;gBACP,OAAO;YACT;QACF,CAAA;IAEA,qBAAO;kBAAE;;AACX"}

package/dist/components/inputs/variables/pickers/NumericVariablePicker.d.ts

@@ -1,7 +0,0 @@
-import type { NumberElement, PluralElement } from '../../../../types';
-export interface NumericVariablePickerProps {
-    element: NumberElement | PluralElement;
-    onUpdate: (value: string) => void;
-}
-export declare function NumericVariablePicker({ element, onUpdate, }: NumericVariablePickerProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=NumericVariablePicker.d.ts.map

package/dist/components/inputs/variables/pickers/NumericVariablePicker.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/components/inputs/variables/pickers/NumericVariablePicker.tsx"],"sourcesContent":["import { ToggleGroup } from 'radix-ui';\nimport { useEffect, useRef, useState } from 'react';\nimport type { NumberElement, PluralElement } from '@/types';\n\nimport { isNumberElement, isPluralElement } from '@/utils/guards';\n\nimport { PluralVariableEditor } from '../editors/PluralVariableEditor';\nimport styles from './NumericVariablePicker.module.css';\n\nconst NUMERIC_TYPES = [\n  'number',\n  'plural',\n  // \"selectordinal\"\n] as const;\n\ntype NumericType = (typeof NUMERIC_TYPES)[number];\n\nexport interface NumericVariablePickerProps {\n  element: NumberElement | PluralElement;\n  onUpdate: (value: string) => void;\n}\n\nexport function NumericVariablePicker({\n  element,\n  onUpdate,\n}: NumericVariablePickerProps) {\n  const [type, setType] = useState<NumericType | undefined>(() => {\n    if (isNumberElement(element)) return 'number';\n    if (isPluralElement(element)) return 'plural';\n    return undefined;\n  });\n  const getValueRef = useRef<{ getValue: () => string }>(null);\n\n  // biome-ignore lint/correctness/useExhaustiveDependencies: useEffectEvent\n  useEffect(() => {\n    return () => {\n      if (!getValueRef.current) return;\n      onUpdate(getValueRef.current.getValue());\n    };\n  }, []);\n\n  return (\n    <div>\n      <ToggleGroup.Root\n        className={styles.toggleGroup}\n        onValueChange={(value) => setType(value as NumericType)}\n        type=\"single\"\n        value={type}\n      >\n        {NUMERIC_TYPES.map((type) => (\n          <ToggleGroup.Item\n            className={styles.toggleItem}\n            key={type}\n            value={type}\n          >\n            {type}\n          </ToggleGroup.Item>\n        ))}\n      </ToggleGroup.Root>\n\n      <div className={styles.content}>\n        {type === 'plural' && (\n          <PluralVariableEditor\n            element={isPluralElement(element) ? element : undefined}\n            ref={getValueRef}\n            variableName={element.value}\n          />\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":["ToggleGroup","useEffect","useRef","useState","isNumberElement","isPluralElement","PluralVariableEditor","styles","NUMERIC_TYPES","NumericVariablePicker","element","onUpdate","type","setType","undefined","getValueRef","current","getValue","div","Root","className","toggleGroup","onValueChange","value","map","Item","toggleItem","content","ref","variableName"],"mappings":";AAAA,SAASA,WAAW,QAAQ,WAAW;AACvC,SAASC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,QAAQ;AAGpD,SAASC,eAAe,EAAEC,eAAe,QAAQ,iBAAiB;AAElE,SAASC,oBAAoB,QAAQ,kCAAkC;AACvE,OAAOC,YAAY,qCAAqC;AAExD,MAAMC,gBAAgB;IACpB;IACA;CAED;AASD,OAAO,SAASC,sBAAsB,EACpCC,OAAO,EACPC,QAAQ,EACmB;IAC3B,MAAM,CAACC,MAAMC,QAAQ,GAAGV,SAAkC;QACxD,IAAIC,gBAAgBM,UAAU,OAAO;QACrC,IAAIL,gBAAgBK,UAAU,OAAO;QACrC,OAAOI;IACT;IACA,MAAMC,cAAcb,OAAmC;IAEvD,0EAA0E;IAC1ED,UAAU;QACR,OAAO;YACL,IAAI,CAACc,YAAYC,OAAO,EAAE;YAC1BL,SAASI,YAAYC,OAAO,CAACC,QAAQ;QACvC;IACF,GAAG,EAAE;IAEL,qBACE,MAACC;;0BACC,KAAClB,YAAYmB,IAAI;gBACfC,WAAWb,OAAOc,WAAW;gBAC7BC,eAAe,CAACC,QAAUV,QAAQU;gBAClCX,MAAK;gBACLW,OAAOX;0BAENJ,cAAcgB,GAAG,CAAC,CAACZ,qBAClB,KAACZ,YAAYyB,IAAI;wBACfL,WAAWb,OAAOmB,UAAU;wBAE5BH,OAAOX;kCAENA;uBAHIA;;0BAQX,KAACM;gBAAIE,WAAWb,OAAOoB,OAAO;0BAC3Bf,SAAS,0BACR,KAACN;oBACCI,SAASL,gBAAgBK,WAAWA,UAAUI;oBAC9Cc,KAAKb;oBACLc,cAAcnB,QAAQa,KAAK;;;;;AAMvC"}

package/dist/components/inputs/variables/pickers/TemporalElementEditor.d.ts

@@ -1,7 +0,0 @@
-import type { DateElement, TimeElement } from '../../../../types';
-export interface TemporalElementEditorProps {
-    element: DateElement | TimeElement;
-    onUpdate: (value: string) => void;
-}
-export declare function TemporalElementEditor({ element, onUpdate, }: TemporalElementEditorProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=TemporalElementEditor.d.ts.map

package/dist/components/inputs/variables/pickers/TemporalElementEditor.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TemporalElementEditor.d.ts","sourceRoot":"","sources":["../../../../../src/components/inputs/variables/pickers/TemporalElementEditor.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAYxD,MAAM,WAAW,0BAA0B;IACzC,OAAO,EAAE,WAAW,GAAG,WAAW,CAAC;IACnC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAED,wBAAgB,qBAAqB,CAAC,EACpC,OAAO,EACP,QAAQ,GACT,EAAE,0BAA0B,2CAqD5B"}

package/dist/components/inputs/variables/pickers/TemporalElementEditor.js

@@ -1,58 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ToggleGroup } from 'radix-ui';
-import { useEffect, useRef, useState } from 'react';
-import { isDateElement, isTimeElement } from '../../../../utils/guards';
-import { DateVariableEditor } from '../editors/DateVariableEditor';
-import { TimeElementEditor } from '../editors/TimeVariableEditor';
-import styles from './TemporalElementEditor.module.css';
-const TEMPORAL_TYPES = [
-    'date',
-    'time'
-];
-export function TemporalElementEditor({ element, onUpdate }) {
-    const [type, setType] = useState(()=>{
-        if (isDateElement(element)) return 'date';
-        if (isTimeElement(element)) return 'time';
-        return undefined;
-    });
-    const getValueRef = useRef(null);
-    // biome-ignore lint/correctness/useExhaustiveDependencies: useEffectEvent
-    useEffect(()=>{
-        return ()=>{
-            if (!getValueRef.current) return;
-            onUpdate(getValueRef.current.getValue());
-        };
-    }, []);
-    return /*#__PURE__*/ _jsxs("div", {
-        children: [
-            /*#__PURE__*/ _jsx(ToggleGroup.Root, {
-                className: styles.toggleGroup,
-                onValueChange: (value)=>setType(value),
-                type: "single",
-                value: type,
-                children: TEMPORAL_TYPES.map((type)=>/*#__PURE__*/ _jsx(ToggleGroup.Item, {
-                        className: styles.toggleItem,
-                        value: type,
-                        children: type
-                    }, type))
-            }),
-            /*#__PURE__*/ _jsxs("div", {
-                className: styles.content,
-                children: [
-                    type === 'date' && /*#__PURE__*/ _jsx(DateVariableEditor, {
-                        element: isDateElement(element) ? element : undefined,
-                        name: element.value,
-                        ref: getValueRef
-                    }),
-                    type === 'time' && /*#__PURE__*/ _jsx(TimeElementEditor, {
-                        element: isTimeElement(element) ? element : undefined,
-                        name: element.value,
-                        ref: getValueRef
-                    })
-                ]
-            })
-        ]
-    });
-}
-
-//# sourceMappingURL=TemporalElementEditor.js.map

package/dist/components/inputs/variables/pickers/TemporalElementEditor.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/components/inputs/variables/pickers/TemporalElementEditor.tsx"],"sourcesContent":["import { ToggleGroup } from 'radix-ui';\nimport { useEffect, useRef, useState } from 'react';\nimport type { DateElement, TimeElement } from '@/types';\n\nimport { isDateElement, isTimeElement } from '@/utils/guards';\n\nimport { DateVariableEditor } from '../editors/DateVariableEditor';\nimport { TimeElementEditor } from '../editors/TimeVariableEditor';\nimport styles from './TemporalElementEditor.module.css';\n\nconst TEMPORAL_TYPES = ['date', 'time'] as const;\n\ntype TemporalType = (typeof TEMPORAL_TYPES)[number];\n\nexport interface TemporalElementEditorProps {\n  element: DateElement | TimeElement;\n  onUpdate: (value: string) => void;\n}\n\nexport function TemporalElementEditor({\n  element,\n  onUpdate,\n}: TemporalElementEditorProps) {\n  const [type, setType] = useState<TemporalType | undefined>(() => {\n    if (isDateElement(element)) return 'date';\n    if (isTimeElement(element)) return 'time';\n    return undefined;\n  });\n  const getValueRef = useRef<{ getValue: () => string }>(null);\n\n  // biome-ignore lint/correctness/useExhaustiveDependencies: useEffectEvent\n  useEffect(() => {\n    return () => {\n      if (!getValueRef.current) return;\n      onUpdate(getValueRef.current.getValue());\n    };\n  }, []);\n\n  return (\n    <div>\n      <ToggleGroup.Root\n        className={styles.toggleGroup}\n        onValueChange={(value) => setType(value as TemporalType)}\n        type=\"single\"\n        value={type}\n      >\n        {TEMPORAL_TYPES.map((type) => (\n          <ToggleGroup.Item\n            className={styles.toggleItem}\n            key={type}\n            value={type}\n          >\n            {type}\n          </ToggleGroup.Item>\n        ))}\n      </ToggleGroup.Root>\n\n      <div className={styles.content}>\n        {type === 'date' && (\n          <DateVariableEditor\n            element={isDateElement(element) ? element : undefined}\n            name={element.value}\n            ref={getValueRef}\n          />\n        )}\n        {type === 'time' && (\n          <TimeElementEditor\n            element={isTimeElement(element) ? element : undefined}\n            name={element.value}\n            ref={getValueRef}\n          />\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":["ToggleGroup","useEffect","useRef","useState","isDateElement","isTimeElement","DateVariableEditor","TimeElementEditor","styles","TEMPORAL_TYPES","TemporalElementEditor","element","onUpdate","type","setType","undefined","getValueRef","current","getValue","div","Root","className","toggleGroup","onValueChange","value","map","Item","toggleItem","content","name","ref"],"mappings":";AAAA,SAASA,WAAW,QAAQ,WAAW;AACvC,SAASC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,QAAQ;AAGpD,SAASC,aAAa,EAAEC,aAAa,QAAQ,iBAAiB;AAE9D,SAASC,kBAAkB,QAAQ,gCAAgC;AACnE,SAASC,iBAAiB,QAAQ,gCAAgC;AAClE,OAAOC,YAAY,qCAAqC;AAExD,MAAMC,iBAAiB;IAAC;IAAQ;CAAO;AASvC,OAAO,SAASC,sBAAsB,EACpCC,OAAO,EACPC,QAAQ,EACmB;IAC3B,MAAM,CAACC,MAAMC,QAAQ,GAAGX,SAAmC;QACzD,IAAIC,cAAcO,UAAU,OAAO;QACnC,IAAIN,cAAcM,UAAU,OAAO;QACnC,OAAOI;IACT;IACA,MAAMC,cAAcd,OAAmC;IAEvD,0EAA0E;IAC1ED,UAAU;QACR,OAAO;YACL,IAAI,CAACe,YAAYC,OAAO,EAAE;YAC1BL,SAASI,YAAYC,OAAO,CAACC,QAAQ;QACvC;IACF,GAAG,EAAE;IAEL,qBACE,MAACC;;0BACC,KAACnB,YAAYoB,IAAI;gBACfC,WAAWb,OAAOc,WAAW;gBAC7BC,eAAe,CAACC,QAAUV,QAAQU;gBAClCX,MAAK;gBACLW,OAAOX;0BAENJ,eAAegB,GAAG,CAAC,CAACZ,qBACnB,KAACb,YAAY0B,IAAI;wBACfL,WAAWb,OAAOmB,UAAU;wBAE5BH,OAAOX;kCAENA;uBAHIA;;0BAQX,MAACM;gBAAIE,WAAWb,OAAOoB,OAAO;;oBAC3Bf,SAAS,wBACR,KAACP;wBACCK,SAASP,cAAcO,WAAWA,UAAUI;wBAC5Cc,MAAMlB,QAAQa,KAAK;wBACnBM,KAAKd;;oBAGRH,SAAS,wBACR,KAACN;wBACCI,SAASN,cAAcM,WAAWA,UAAUI;wBAC5Cc,MAAMlB,QAAQa,KAAK;wBACnBM,KAAKd;;;;;;AAMjB"}