@headless-adminapp/app 0.0.17-alpha.54 → 0.0.17-alpha.56

package/dialog/hooks/useOpenDialog.js

@@ -1,18 +1,25 @@
-import { useCallback } from 'react';
-import { v4 as uuid } from 'uuid';
-import { useContextSetValue } from '../../mutable/context';
-import { DialogContext } from '../context';
-import { useCloseDialog } from './useCloseDialog';
-export function useOpenDialog() {
-    const setValue = useContextSetValue(DialogContext);
-    const closeDialog = useCloseDialog();
-    const openDialog = useCallback((options) => {
-        const id = uuid();
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useOpenDialog = useOpenDialog;
+const react_1 = require("react");
+const uuid_1 = require("uuid");
+const context_1 = require("../../mutable/context");
+const context_2 = require("../context");
+const useCloseDialog_1 = require("./useCloseDialog");
+function useOpenDialog() {
+    const setValue = (0, context_1.useContextSetValue)(context_2.DialogContext);
+    const closeDialog = (0, useCloseDialog_1.useCloseDialog)();
+    const openDialog = (0, react_1.useCallback)((options) => {
+        const id = (0, uuid_1.v4)();
         setValue((state) => {
             return {
                 items: [
                     ...state.items,
-                    Object.assign({ id, isOpen: true }, options),
+                    {
+                        id,
+                        isOpen: true,
+                        ...options,
+                    },
                 ],
             };
         });

package/dialog/hooks/useOpenErrorDialog.js

@@ -1,13 +1,21 @@
-import { useCallback } from 'react';
-import { useOpenDialog } from './useOpenDialog';
-export function useOpenErrorDialog() {
-    const openDialog = useOpenDialog();
-    const openErrorDialog = useCallback((options) => {
-        const { close } = openDialog(Object.assign(Object.assign({ type: 'error' }, options), { onDismiss: () => {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useOpenErrorDialog = useOpenErrorDialog;
+const react_1 = require("react");
+const useOpenDialog_1 = require("./useOpenDialog");
+function useOpenErrorDialog() {
+    const openDialog = (0, useOpenDialog_1.useOpenDialog)();
+    const openErrorDialog = (0, react_1.useCallback)((options) => {
+        const { close } = openDialog({
+            type: 'error',
+            ...options,
+            onDismiss: () => {
                 close();
-            }, onConfirm: () => {
+            },
+            onConfirm: () => {
                 close();
-            } }));
+            },
+        });
     }, [openDialog]);
     return openErrorDialog;
 }

package/dialog/hooks/useOpenPromptDialog.js

@@ -1,22 +1,31 @@
-import { useCallback } from 'react';
-import { useOpenDialog } from './useOpenDialog';
-export function useOpenPromptDialog() {
-    const openDialog = useOpenDialog();
-    const openPromptDialog = useCallback((options) => {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useOpenPromptDialog = useOpenPromptDialog;
+const react_1 = require("react");
+const useOpenDialog_1 = require("./useOpenDialog");
+function useOpenPromptDialog() {
+    const openDialog = (0, useOpenDialog_1.useOpenDialog)();
+    const openPromptDialog = (0, react_1.useCallback)((options) => {
         return new Promise((resolve) => {
-            const { close } = openDialog(Object.assign(Object.assign({ type: 'prompt' }, options), { onDismiss: () => {
+            const { close } = openDialog({
+                type: 'prompt',
+                ...options,
+                onDismiss: () => {
                     if (!options.allowDismiss) {
                         return;
                     }
                     close();
                     resolve(null);
-                }, onConfirm: (result) => {
+                },
+                onConfirm: (result) => {
                     close();
                     resolve(result);
-                }, onCancel: () => {
+                },
+                onCancel: () => {
                     close();
                     resolve(null);
-                } }));
+                },
+            });
         });
     }, [openDialog]);
     return openPromptDialog;

package/dialog/index.js

@@ -1,3 +1,22 @@
-export { DialogContext, } from './context';
-export { DialogProvider } from './DialogProvider';
-export * from './hooks';
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DialogProvider = exports.DialogContext = void 0;
+var context_1 = require("./context");
+Object.defineProperty(exports, "DialogContext", { enumerable: true, get: function () { return context_1.DialogContext; } });
+var DialogProvider_1 = require("./DialogProvider");
+Object.defineProperty(exports, "DialogProvider", { enumerable: true, get: function () { return DialogProvider_1.DialogProvider; } });
+__exportStar(require("./hooks"), exports);

package/form/FormValidationStringContext.js

@@ -1,5 +1,9 @@
-import { createContext, useContext } from 'react';
-export const defaultFormValidationStrings = {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormValidationStringContext = exports.defaultFormValidationStrings = void 0;
+exports.useFormValidationStrings = useFormValidationStrings;
+const react_1 = require("react");
+exports.defaultFormValidationStrings = {
     required: 'Required field must be filled in.',
     maxLength: 'Maximum length exceeded.',
     minLength: 'Minimum length not met.',
@@ -9,8 +13,8 @@ export const defaultFormValidationStrings = {
     atLeastOneRowRequired: 'At least one row required.',
     fileSizeExceeded: 'File size exceeded.',
 };
-export const FormValidationStringContext = createContext(defaultFormValidationStrings);
-export function useFormValidationStrings() {
-    const context = useContext(FormValidationStringContext);
+exports.FormValidationStringContext = (0, react_1.createContext)(exports.defaultFormValidationStrings);
+function useFormValidationStrings() {
+    const context = (0, react_1.useContext)(exports.FormValidationStringContext);
     return context;
 }

package/form/index.js

@@ -1 +1,7 @@
-export { FormValidationStringContext, defaultFormValidationStrings, useFormValidationStrings, } from './FormValidationStringContext';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useFormValidationStrings = exports.defaultFormValidationStrings = exports.FormValidationStringContext = void 0;
+var FormValidationStringContext_1 = require("./FormValidationStringContext");
+Object.defineProperty(exports, "FormValidationStringContext", { enumerable: true, get: function () { return FormValidationStringContext_1.FormValidationStringContext; } });
+Object.defineProperty(exports, "defaultFormValidationStrings", { enumerable: true, get: function () { return FormValidationStringContext_1.defaultFormValidationStrings; } });
+Object.defineProperty(exports, "useFormValidationStrings", { enumerable: true, get: function () { return FormValidationStringContext_1.useFormValidationStrings; } });

package/hooks/index.js

@@ -1,6 +1,24 @@
-export * from './useDebouncedValue';
-export * from './useElementLayout';
-export * from './useIsMobile';
-export * from './useStorageState';
-export * from './useSystemColorScheme';
-export { useItemsWithKey } from './useItemsWithKey';
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useItemsWithKey = void 0;
+__exportStar(require("./useDebouncedValue"), exports);
+__exportStar(require("./useElementLayout"), exports);
+__exportStar(require("./useIsMobile"), exports);
+__exportStar(require("./useStorageState"), exports);
+__exportStar(require("./useSystemColorScheme"), exports);
+var useItemsWithKey_1 = require("./useItemsWithKey");
+Object.defineProperty(exports, "useItemsWithKey", { enumerable: true, get: function () { return useItemsWithKey_1.useItemsWithKey; } });

package/hooks/useDebouncedValue.js

@@ -1,11 +1,14 @@
-import { useEffect, useRef, useState } from 'react';
-export function useDebouncedValue(value, wait, options = { leading: false }) {
-    const [_value, setValue] = useState(value);
-    const mountedRef = useRef(false);
-    const timeoutRef = useRef(null);
-    const cooldownRef = useRef(false);
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDebouncedValue = useDebouncedValue;
+const react_1 = require("react");
+function useDebouncedValue(value, wait, options = { leading: false }) {
+    const [_value, setValue] = (0, react_1.useState)(value);
+    const mountedRef = (0, react_1.useRef)(false);
+    const timeoutRef = (0, react_1.useRef)(null);
+    const cooldownRef = (0, react_1.useRef)(false);
     const cancel = () => window.clearTimeout(timeoutRef.current);
-    useEffect(() => {
+    (0, react_1.useEffect)(() => {
         if (mountedRef.current) {
             if (!cooldownRef.current && options.leading) {
                 cooldownRef.current = true;
@@ -20,7 +23,7 @@ export function useDebouncedValue(value, wait, options = { leading: false }) {
             }
         }
     }, [value, options.leading, wait]);
-    useEffect(() => {
+    (0, react_1.useEffect)(() => {
         mountedRef.current = true;
         return cancel;
     }, []);

package/hooks/useElementLayout.js

@@ -1,7 +1,10 @@
-import { useLayoutEffect, useState } from 'react';
-export function useElementSize(elementRef, interval) {
-    const [size, setSize] = useState({ width: 0, height: 0 });
-    useLayoutEffect(() => {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useElementSize = useElementSize;
+const react_1 = require("react");
+function useElementSize(elementRef, interval) {
+    const [size, setSize] = (0, react_1.useState)({ width: 0, height: 0 });
+    (0, react_1.useLayoutEffect)(() => {
         function updateSize() {
             if (elementRef.current) {
                 const element = elementRef.current;

package/hooks/useIsMobile.js

@@ -1,12 +1,18 @@
-import debounce from 'lodash/debounce';
-import { useLayoutEffect, useState } from 'react';
-export function useIsMobile() {
-    const [isMobile, setIsMobile] = useState(false);
-    useLayoutEffect(() => {
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useIsMobile = useIsMobile;
+const debounce_1 = __importDefault(require("lodash/debounce"));
+const react_1 = require("react");
+function useIsMobile() {
+    const [isMobile, setIsMobile] = (0, react_1.useState)(false);
+    (0, react_1.useLayoutEffect)(() => {
         const updateSize = () => {
             setIsMobile(window.innerWidth < 768);
         };
-        window.addEventListener('resize', debounce(updateSize, 250));
+        window.addEventListener('resize', (0, debounce_1.default)(updateSize, 250));
         updateSize();
         return () => window.removeEventListener('resize', updateSize);
     }, []);

package/hooks/useItemsWithKey.js

@@ -1,10 +1,13 @@
-import { createItemsWithKey } from '@headless-adminapp/core/utils';
-import { useMemo } from 'react';
-export function useItemsWithKey(value) {
-    return useMemo(() => {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useItemsWithKey = useItemsWithKey;
+const utils_1 = require("@headless-adminapp/core/utils");
+const react_1 = require("react");
+function useItemsWithKey(value) {
+    return (0, react_1.useMemo)(() => {
         if (!value) {
             return value;
         }
-        return createItemsWithKey(value);
+        return (0, utils_1.createItemsWithKey)(value);
     }, [value]);
 }

package/hooks/useStorageState.js

@@ -1,4 +1,7 @@
-import { useCallback, useState } from 'react';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useStorageState = useStorageState;
+const react_1 = require("react");
 function getStorageValue(key, store) {
     const value = store.getItem(key);
     if (value) {
@@ -9,10 +12,9 @@ function getStorageValue(key, store) {
 function setStorageValue(key, value, store) {
     store.setItem(key, JSON.stringify(value));
 }
-export function useStorageState(initialState, key, store = localStorage) {
-    var _a;
-    const [state, setState] = useState((_a = getStorageValue(key, store)) !== null && _a !== void 0 ? _a : initialState);
-    const setStoredState = useCallback((value) => {
+function useStorageState(initialState, key, store = localStorage) {
+    const [state, setState] = (0, react_1.useState)(getStorageValue(key, store) ?? initialState);
+    const setStoredState = (0, react_1.useCallback)((value) => {
         setState((prevState) => {
             const finalState = value instanceof Function ? value(prevState) : value;
             setStorageValue(key, finalState, store);

package/hooks/useSystemColorScheme.js

@@ -1,4 +1,7 @@
-import { useEffect, useState } from 'react';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSystemColorScheme = useSystemColorScheme;
+const react_1 = require("react");
 const isSystemDarkMode = () => {
     if (typeof window === 'undefined') {
         return false;
@@ -6,9 +9,9 @@ const isSystemDarkMode = () => {
     return (window.matchMedia &&
         window.matchMedia('(prefers-color-scheme: dark)').matches);
 };
-export function useSystemColorScheme() {
-    const [systemColorScheme, setSystemColorScheme] = useState(isSystemDarkMode() ? 'dark' : 'light');
-    useEffect(() => {
+function useSystemColorScheme() {
+    const [systemColorScheme, setSystemColorScheme] = (0, react_1.useState)(isSystemDarkMode() ? 'dark' : 'light');
+    (0, react_1.useEffect)(() => {
         setSystemColorScheme(isSystemDarkMode() ? 'dark' : 'light');
         const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');
         const handleChange = (e) => {

package/insights/InsightsProvider.js

@@ -1,24 +1,27 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useCallback, useEffect, useRef } from 'react';
-import { useCreateContextStore } from '../mutable';
-import { InsightsContext } from './context';
-export function InsightsProvider({ children, experience, insightLookup, onInsightSelect, }) {
-    const onInsightSelectRef = useRef(onInsightSelect);
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InsightsProvider = InsightsProvider;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const mutable_1 = require("../mutable");
+const context_1 = require("./context");
+function InsightsProvider({ children, experience, insightLookup, onInsightSelect, }) {
+    const onInsightSelectRef = (0, react_1.useRef)(onInsightSelect);
     onInsightSelectRef.current = onInsightSelect;
-    const onInsightSelectInternal = useCallback((id) => {
+    const onInsightSelectInternal = (0, react_1.useCallback)((id) => {
         onInsightSelectRef.current(id);
     }, [onInsightSelectRef]);
-    const insightsValues = useCreateContextStore({
+    const insightsValues = (0, mutable_1.useCreateContextStore)({
         experience,
         data: experience.defaultData,
         insightLookup: insightLookup,
         onInsightSelect: onInsightSelectInternal,
     });
-    useEffect(() => {
+    (0, react_1.useEffect)(() => {
         insightsValues.setValue({
             experience,
             data: experience.defaultData,
         });
     }, [experience, insightsValues]);
-    return (_jsx(InsightsContext.Provider, { value: insightsValues, children: children }));
+    return ((0, jsx_runtime_1.jsx)(context_1.InsightsContext.Provider, { value: insightsValues, children: children }));
 }

package/insights/context.d.ts

@@ -1,2 +1,2 @@
 import { InsightsState } from '@headless-adminapp/core/experience/insights';
-export declare const InsightsContext: import("react").Context<import("../mutable").ContextValue<InsightsState<import("@headless-adminapp/core/schema").SchemaAttributes>>>;
+export declare const InsightsContext: import("react").Context<import("../mutable/context").ContextValue<InsightsState<import("@headless-adminapp/core/schema").SchemaAttributes>>>;

package/insights/context.js

@@ -1,2 +1,5 @@
-import { createContext } from '../mutable/context';
-export const InsightsContext = createContext();
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InsightsContext = void 0;
+const context_1 = require("../mutable/context");
+exports.InsightsContext = (0, context_1.createContext)();

package/insights/hooks/index.js

@@ -1,5 +1,8 @@
-import { useContextSelector } from '../../mutable';
-import { InsightsContext } from '../context';
-export function useInsightsState() {
-    return useContextSelector(InsightsContext, (state) => state);
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useInsightsState = useInsightsState;
+const mutable_1 = require("../../mutable");
+const context_1 = require("../context");
+function useInsightsState() {
+    return (0, mutable_1.useContextSelector)(context_1.InsightsContext, (state) => state);
 }

package/insights/index.js

@@ -1,2 +1,20 @@
-export { InsightsContext } from './context';
-export * from './hooks';
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InsightsContext = void 0;
+var context_1 = require("./context");
+Object.defineProperty(exports, "InsightsContext", { enumerable: true, get: function () { return context_1.InsightsContext; } });
+__exportStar(require("./hooks"), exports);

package/locale/LocaleProvider.js

@@ -1,10 +1,14 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { getLocale } from '@headless-adminapp/core/experience/locale';
-import { useMemo } from 'react';
-import { LocaleContext } from './context';
-export const LocaleProvider = ({ children, locale = 'en-US', timezone = 'UTC', options, }) => {
-    const localeState = useMemo(() => {
-        return getLocale(locale, timezone, options);
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LocaleProvider = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const locale_1 = require("@headless-adminapp/core/experience/locale");
+const react_1 = require("react");
+const context_1 = require("./context");
+const LocaleProvider = ({ children, locale = 'en-US', timezone = 'UTC', options, }) => {
+    const localeState = (0, react_1.useMemo)(() => {
+        return (0, locale_1.getLocale)(locale, timezone, options);
     }, [locale, timezone, options]);
-    return (_jsx(LocaleContext.Provider, { value: localeState, children: children }));
+    return ((0, jsx_runtime_1.jsx)(context_1.LocaleContext.Provider, { value: localeState, children: children }));
 };
+exports.LocaleProvider = LocaleProvider;

package/locale/context.js

@@ -1,2 +1,5 @@
-import { createContext } from 'react';
-export const LocaleContext = createContext(null);
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LocaleContext = void 0;
+const react_1 = require("react");
+exports.LocaleContext = (0, react_1.createContext)(null);

package/locale/index.js

@@ -1,4 +1,23 @@
-export { LocaleContext } from './context';
-export * from './useLocale';
-export * from './useCurrencySymbol';
-export { LocaleProvider } from './LocaleProvider';
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LocaleProvider = exports.LocaleContext = void 0;
+var context_1 = require("./context");
+Object.defineProperty(exports, "LocaleContext", { enumerable: true, get: function () { return context_1.LocaleContext; } });
+__exportStar(require("./useLocale"), exports);
+__exportStar(require("./useCurrencySymbol"), exports);
+var LocaleProvider_1 = require("./LocaleProvider");
+Object.defineProperty(exports, "LocaleProvider", { enumerable: true, get: function () { return LocaleProvider_1.LocaleProvider; } });

package/locale/useCurrencySymbol.js

@@ -1,10 +1,12 @@
-import { getCurrencySymbol } from '@headless-adminapp/core/experience/locale/utils';
-import { useMemo } from 'react';
-import { useLocale } from './useLocale';
-export function useCurrencySymbol() {
-    const locale = useLocale();
-    return useMemo(() => {
-        var _a;
-        return getCurrencySymbol(locale.locale, (_a = locale.currency.currency) !== null && _a !== void 0 ? _a : 'USD');
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useCurrencySymbol = useCurrencySymbol;
+const utils_1 = require("@headless-adminapp/core/experience/locale/utils");
+const react_1 = require("react");
+const useLocale_1 = require("./useLocale");
+function useCurrencySymbol() {
+    const locale = (0, useLocale_1.useLocale)();
+    return (0, react_1.useMemo)(() => {
+        return (0, utils_1.getCurrencySymbol)(locale.locale, locale.currency.currency ?? 'USD');
     }, [locale]);
 }

package/locale/useLocale.js

@@ -1,7 +1,10 @@
-import { useContext } from 'react';
-import { LocaleContext } from './context';
-export function useLocale() {
-    const context = useContext(LocaleContext);
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useLocale = useLocale;
+const react_1 = require("react");
+const context_1 = require("./context");
+function useLocale() {
+    const context = (0, react_1.useContext)(context_1.LocaleContext);
     if (!context) {
         throw new Error('useLocale must be used within a LocaleProvider');
     }

package/locale/utils.js

@@ -1,4 +1,9 @@
-export function localizedLabel(language, value, fallback) {
-    var _a, _b, _c, _d, _e;
-    return ((_e = (_d = (_b = (_a = value.localizedLabels) === null || _a === void 0 ? void 0 : _a[language]) !== null && _b !== void 0 ? _b : (_c = fallback === null || fallback === void 0 ? void 0 : fallback.localizedLabels) === null || _c === void 0 ? void 0 : _c[language]) !== null && _d !== void 0 ? _d : value.label) !== null && _e !== void 0 ? _e : fallback === null || fallback === void 0 ? void 0 : fallback.label);
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.localizedLabel = localizedLabel;
+function localizedLabel(language, value, fallback) {
+    return (value.localizedLabels?.[language] ??
+        fallback?.localizedLabels?.[language] ??
+        value.label ??
+        fallback?.label);
 }

package/metadata/MetadataProvider.js

@@ -1,32 +1,36 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { PageType } from '@headless-adminapp/core/experience/app';
-import { SchemaStore, } from '@headless-adminapp/core/store';
-import { IconPlaceholder } from '@headless-adminapp/icons';
-import { useCreateContextStore } from '../mutable/context';
-import { ClientAppStore, SchemaExperienceStore } from '../store';
-import { MetadataContext } from './context';
-export const defaultAppStore = new ClientAppStore();
-export const defaultSchemaStore = new SchemaStore();
-export const defaultExperienceStore = new SchemaExperienceStore({
-    schemaStore: defaultSchemaStore,
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MetadataProvider = exports.defaultExperienceStore = exports.defaultSchemaStore = exports.defaultAppStore = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const app_1 = require("@headless-adminapp/core/experience/app");
+const store_1 = require("@headless-adminapp/core/store");
+const icons_1 = require("@headless-adminapp/icons");
+const context_1 = require("../mutable/context");
+const store_2 = require("../store");
+const context_2 = require("./context");
+exports.defaultAppStore = new store_2.ClientAppStore();
+exports.defaultSchemaStore = new store_1.SchemaStore();
+exports.defaultExperienceStore = new store_2.SchemaExperienceStore({
+    schemaStore: exports.defaultSchemaStore,
 });
-defaultAppStore.register({
+exports.defaultAppStore.register({
     id: 'default',
     title: 'Demo App',
     navItems: [],
     defaultPage: {
         label: 'Home',
         link: '/home',
-        type: PageType.Custom,
-        icon: IconPlaceholder,
+        type: app_1.PageType.Custom,
+        icon: icons_1.IconPlaceholder,
     },
     logo: {},
 });
-export const MetadataProvider = ({ children, experienceStore = defaultExperienceStore, schemaStore = defaultSchemaStore, appStore = defaultAppStore, }) => {
-    const contextValue = useCreateContextStore({
+const MetadataProvider = ({ children, experienceStore = exports.defaultExperienceStore, schemaStore = exports.defaultSchemaStore, appStore = exports.defaultAppStore, }) => {
+    const contextValue = (0, context_1.useCreateContextStore)({
         experienceStore,
         schemaStore,
         appStore,
     });
-    return (_jsx(MetadataContext.Provider, { value: contextValue, children: children }));
+    return ((0, jsx_runtime_1.jsx)(context_2.MetadataContext.Provider, { value: contextValue, children: children }));
 };
+exports.MetadataProvider = MetadataProvider;

package/metadata/context.d.ts

@@ -4,4 +4,4 @@ export interface MetadataContextState {
     schemaStore: ISchemaStore;
     experienceStore: ISchemaExperienceStore;
 }
-export declare const MetadataContext: import("react").Context<import("../mutable").ContextValue<MetadataContextState>>;
+export declare const MetadataContext: import("react").Context<import("../mutable/context").ContextValue<MetadataContextState>>;