@solostylist/image-editor 1.0.12 → 1.0.14

package/lib/context/app-provider-overriden-value.d.ts

@@ -0,0 +1,11 @@
+/** External Dependencies */
+import { ReactNode } from 'react';
+/** Internal Dependencies */
+import { AppContextValue } from './app-context';
+interface AppProviderOverridenValueProps {
+    children: ReactNode;
+    overridingValue: AppContextValue;
+}
+declare const AppProviderOverridenValue: React.FC<AppProviderOverridenValueProps>;
+export default AppProviderOverridenValue;
+//# sourceMappingURL=app-provider-overriden-value.d.ts.map

package/lib/context/app-provider-overriden-value.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-provider-overriden-value.d.ts","sourceRoot":"","sources":["../../src/context/app-provider-overriden-value.tsx"],"names":[],"mappings":"AAAA,4BAA4B;AAC5B,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,4BAA4B;AAC5B,OAAmB,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAE5D,UAAU,8BAA8B;IACtC,QAAQ,EAAE,SAAS,CAAC;IACpB,eAAe,EAAE,eAAe,CAAC;CAClC;AAID,QAAA,MAAM,yBAAyB,EAAE,KAAK,CAAC,EAAE,CAAC,8BAA8B,CAKvE,CAAC;AAEF,eAAe,yBAAyB,CAAC"}

package/lib/context/app-provider-overriden-value.js

@@ -1,9 +1,11 @@
 import AppContext from "./app-context";
+import { jsx as _jsx } from "react/jsx-runtime";
 var AppProviderOverridenValue = function AppProviderOverridenValue(_ref) {
   var children = _ref.children,
     overridingValue = _ref.overridingValue;
-  return React.createElement(AppContext.Provider, {
-    value: overridingValue
-  }, children);
+  return _jsx(AppContext.Provider, {
+    value: overridingValue,
+    children: children
+  });
 };
 export default AppProviderOverridenValue;

package/lib/context/app-provider.d.ts

@@ -0,0 +1,10 @@
+/** External Dependencies */
+import { ReactNode } from 'react';
+import type { ImageEditorConfig } from 'types/config';
+interface AppProviderProps {
+    children: ReactNode;
+    config?: Partial<ImageEditorConfig>;
+}
+declare const AppProvider: React.FC<AppProviderProps>;
+export default AppProvider;
+//# sourceMappingURL=app-provider.d.ts.map

package/lib/context/app-provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-provider.d.ts","sourceRoot":"","sources":["../../src/context/app-provider.tsx"],"names":[],"mappings":"AAAA,4BAA4B;AAC5B,OAAO,EAAmC,SAAS,EAAE,MAAM,OAAO,CAAC;AAMnE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAQtD,UAAU,gBAAgB;IACxB,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC,iBAAiB,CAAC,CAAC;CACrC;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAiD3C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/lib/context/app-provider.js

@@ -5,10 +5,11 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { useCallback, useEffect, useMemo } from 'react';
 import { useTheme } from '@mui/material/styles';
 import { useAppReducer } from "../hooks";
-import { translate, updateTranslations } from "../utils/translator";
+import { updateTranslations } from "../utils/translator";
 import appReducer from "./app-reducer";
 import AppContext from "./app-context";
 import getInitialAppState from "./get-initial-app-state";
+import { jsx as _jsx } from "react/jsx-runtime";
 var isFieMounted = true;
 var AppProvider = function AppProvider(_ref) {
   var children = _ref.children,
@@ -29,20 +30,23 @@ var AppProvider = function AppProvider(_ref) {
       _dispatch(action);
     }
   }, [_dispatch]);
-  useEffect(function () {
-    updateTranslations(config.translations, config.language);
-  }, [config.language, config.translations]);
+  var resolvedTranslations = useMemo(function () {
+    return updateTranslations(config.translations, config.language, config.supportedLanguages);
+  }, [config.language, config.supportedLanguages, config.translations]);
   var theme = useTheme();
   var providedValue = useMemo(function () {
     return _objectSpread(_objectSpread({}, state), {}, {
       config: config,
       theme: theme,
       dispatch: dispatch,
-      t: translate
+      t: function t(key) {
+        return resolvedTranslations[key] || key || '';
+      }
     });
-  }, [config, state]);
-  return React.createElement(AppContext.Provider, {
-    value: providedValue
-  }, children);
+  }, [config, dispatch, resolvedTranslations, state, theme]);
+  return _jsx(AppContext.Provider, {
+    value: providedValue,
+    children: children
+  });
 };
 export default AppProvider;

package/lib/context/app-reducer.d.ts

@@ -0,0 +1,5 @@
+import type { AppState } from 'types/state';
+import type { Action } from 'types/actions';
+declare const appReducer: (state: AppState, action: Action) => AppState;
+export default appReducer;
+//# sourceMappingURL=app-reducer.d.ts.map

package/lib/context/app-reducer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-reducer.d.ts","sourceRoot":"","sources":["../../src/context/app-reducer.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAE5C,QAAA,MAAM,UAAU,GAAI,OAAO,QAAQ,EAAE,QAAQ,MAAM,KAAG,QAG3C,CAAC;AAEZ,eAAe,UAAU,CAAC"}

package/lib/context/app-reducer.js

@@ -1,5 +1,6 @@
 import actions from "../actions";
 var appReducer = function appReducer(state, action) {
-  return actions[action.type] ? actions[action.type](state, action.payload) || state : state;
+  var _actions$action$type;
+  return actions[action.type] ? (_actions$action$type = actions[action.type](state, action.payload)) !== null && _actions$action$type !== void 0 ? _actions$action$type : state : state;
 };
 export default appReducer;

package/lib/context/default-config.d.ts

@@ -0,0 +1,4 @@
+import type { ImageEditorConfig } from 'types/config';
+declare const defaultConfig: ImageEditorConfig;
+export default defaultConfig;
+//# sourceMappingURL=default-config.d.ts.map

package/lib/context/default-config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"default-config.d.ts","sourceRoot":"","sources":["../../src/context/default-config.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEtD,QAAA,MAAM,aAAa,EAyHH,iBAAiB,CAAC;AAElC,eAAe,aAAa,CAAC"}

package/lib/context/default-config.js

@@ -71,5 +71,5 @@ var defaultConfig = (_defaultConfig = {
 }), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defaultConfig, TOOLS_IDS.ROTATE, {
   angle: 60,
   componentType: 'slider'
-}), "tabsIds", []), "defaultTabId", TABS_IDS.ADJUST), "defaultToolId", TOOLS_IDS.CROP), "onSave", undefined), "onBeforeSave", undefined), "closeAfterSave", false), "defaultSavedImageName", undefined), "defaultSavedImageType", null), "defaultSavedImageQuality", 0.92), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defaultConfig, "forceToPngInEllipticalCrop", false), "translations", null), "language", 'en'), "avoidChangesNotSavedAlertOnLeave", false), "loadableDesignState", null), "savingPixelRatio", 4), "previewPixelRatio", window ? window.devicePixelRatio || 1 : 1), "observePluginContainerSize", false), "showCanvasOnly", false), "getCurrentImgDataFnRef", undefined), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defaultConfig, "onModify", undefined), "useZoomPresetsMenu", true), "disableZooming", false), "noCrossOrigin", false), "disableSaveIfNoChanges", false), "removeSaveButton", false), "resetOnImageSourceChange", false), "backgroundColor", undefined), "backgroundImage", undefined));
+}), "tabsIds", []), "defaultTabId", TABS_IDS.ADJUST), "defaultToolId", TOOLS_IDS.CROP), "onSave", undefined), "onBeforeSave", undefined), "closeAfterSave", false), "defaultSavedImageName", undefined), "savedImageNamePrefix", 'solostylist_image_editor'), "defaultSavedImageType", null), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defaultConfig, "defaultSavedImageQuality", 0.92), "forceToPngInEllipticalCrop", false), "translations", null), "language", 'en'), "supportedLanguages", ['en', 'vi', 'zh', 'fr']), "avoidChangesNotSavedAlertOnLeave", false), "loadableDesignState", null), "savingPixelRatio", 4), "previewPixelRatio", window ? window.devicePixelRatio || 1 : 1), "observePluginContainerSize", false), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defaultConfig, "showCanvasOnly", false), "getCurrentImgDataFnRef", undefined), "onModify", undefined), "useZoomPresetsMenu", true), "disableZooming", false), "noCrossOrigin", false), "disableSaveIfNoChanges", false), "removeSaveButton", false), "resetOnImageSourceChange", false), "backgroundColor", undefined), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defaultConfig, "backgroundImage", undefined), "containerHeight", undefined), "editorHeight", undefined), "toolbarHeight", undefined), "rootSx", undefined), "rootClassName", undefined), "canvasAreaHeight", undefined), "canvasBackground", undefined), "renderFloatingToolbar", undefined), "showCanvasCenter", false), _defineProperty(_defineProperty(_defaultConfig, "cropTopOffset", 20), "renderEmptyState", undefined));
 export default defaultConfig;

package/lib/context/default-translations.d.ts

@@ -0,0 +1,4 @@
+export declare const translationsByLanguage: Record<string, Record<string, string>>;
+declare const defaultTranslations: Record<string, string>;
+export default defaultTranslations;
+//# sourceMappingURL=default-translations.d.ts.map

package/lib/context/default-translations.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"default-translations.d.ts","sourceRoot":"","sources":["../../src/context/default-translations.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAwdzE,CAAC;AAEF,QAAA,MAAM,mBAAmB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAE/C,CAAC;AAEF,eAAe,mBAAmB,CAAC"}