xtreme-ui 0.0.78 → 0.0.79

package/dist/components/layout/ImageEditor/ImageEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageEditor.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/ImageEditor/ImageEditor.tsx"],"names":[],"mappings":"AASA,OAAO,oBAAoB,CAAC;AAC5B,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAG5C,eAAO,MAAM,WAAW,UAAW,iBAAiB,mDA4EnD,CAAC"}

package/dist/components/layout/ImageEditor/ImageEditor.js

@@ -0,0 +1,63 @@
+"use client";
+import { jsxs as I, jsx as o } from "react/jsx-runtime";
+import { useState as t, useCallback as b, useEffect as j } from "react";
+import A from "clsx";
+import F from "react-easy-crop";
+import { Icon as m } from "../../base/Icon/Icon.js";
+import { Spinner as R } from "../../base/Spinner/Spinner.js";
+import { getCroppedImg as $, readImageFile as _, getImageSize as q } from "../../../utils/helper/imageHelper.js";
+import "./imageEditor.scss.js";
+const S = 1, T = (x) => {
+  const { className: y, file: a, clearFile: i, minImageSize: r, cropShape: k = "round", aspect: z = 1, zoomSpeed: v = 1, onChange: w } = x, [d, l] = t(), [E, p] = t(!0), [L, g] = t(S), [M, f] = t({ x: 0, y: 0 }), [C, c] = t(0), [N, u] = t(), P = A(
+    "xtrImageEditor",
+    y
+  ), Z = async () => {
+    try {
+      const e = await $(d, N, C);
+      e && w(e);
+    } catch (e) {
+      console.error(e);
+    }
+    n();
+  }, n = b(() => {
+    l(void 0), f({ x: 0, y: 0 }), g(S), c(0), u(void 0), i == null || i(), p(!0);
+  }, [i]);
+  return j(() => {
+    (async () => {
+      if (!a)
+        return;
+      const s = await _(a), h = await q(s);
+      if (r && Math.min(h.width, h.height) < r)
+        return n(), console.log(`Image should be at least ${r}x${r}`);
+      l(s);
+    })();
+  }, [n, a, r]), a ? /* @__PURE__ */ I("div", { className: P, children: [
+    /* @__PURE__ */ o(
+      F,
+      {
+        image: d,
+        onMediaLoaded: () => p(!1),
+        cropShape: k,
+        aspect: z,
+        zoom: L,
+        zoomSpeed: v,
+        onZoomChange: g,
+        rotation: C,
+        onRotationChange: c,
+        crop: M,
+        onCropChange: f,
+        onCropComplete: (e, s) => u(s)
+      }
+    ),
+    /* @__PURE__ */ I("div", { className: "editorControls", children: [
+      /* @__PURE__ */ o(m, { code: "f00d", type: "solid", onClick: n }),
+      /* @__PURE__ */ o(m, { code: "f2ea", type: "solid", onClick: () => c((e) => e - 90) }),
+      /* @__PURE__ */ o(m, { code: "f2f9", type: "solid", onClick: () => c((e) => e + 90) }),
+      /* @__PURE__ */ o(m, { code: "f00c", type: "solid", onClick: Z })
+    ] }),
+    E && /* @__PURE__ */ o(R, { fullpage: !0 })
+  ] }) : null;
+};
+export {
+  T as ImageEditor
+};

package/dist/components/layout/ImageEditor/imageEditor.scss.js

@@ -0,0 +1 @@
+

package/dist/components/layout/ImageEditor/types.d.ts

@@ -0,0 +1,15 @@
+export type TImageEditorProps = {
+    className?: string;
+    file: Blob | undefined;
+    clearFile?: () => void;
+    minImageSize?: number;
+    cropShape?: 'rect' | 'round';
+    aspect?: number;
+    zoomSpeed?: number;
+    onChange: (image: TEditedImageType) => void;
+};
+export type TEditedImageType = {
+    blob?: Blob;
+    base64?: string;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/components/layout/ImageEditor/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/ImageEditor/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,iBAAiB,GAAG;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,IAAI,GAAG,SAAS,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAA;CAC3C,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC9B,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;CAChB,CAAA"}

package/dist/index.d.ts

@@ -19,8 +19,10 @@ export { Textfield } from './components/base/Textfield/Textfield';
 export { type TTextfieldProps } from './components/base/Textfield/types';
 export { DatePicker } from './components/base/DatePicker/DatePicker';
 export { type TDatePickerProps, type TDateValue, EDatePickerTypes } from './components/base/DatePicker/types';
+export { FilePicker } from './components/base/FilePicker/FilePicker';
+export { type TFilePickerProps, type EFilePickerAccept, FilePickerIcon } from './components/base/FilePicker/types';
 export { Select } from './components/base/Select/Select';
-export { type TSelectProps, ESelectTypes } from './components/base/Select/types';
+export { type TSelectProps } from './components/base/Select/types';
 export { ColorPopper } from './components/base/ColorPopper/ColorPopper';
 export { type TColorPopperProps } from './components/base/ColorPopper/types';
 export type { AnyColor } from 'colord';
@@ -32,4 +34,6 @@ export { Navigation } from './components/layout/Navigation/Navigation';
 export { type TNavigationProps, type TNavigationRoute } from './components/layout/Navigation/types';
 export { ThemePicker } from './components/layout/ThemePicker/ThemePicker';
 export { type TThemePickerProps } from './components/layout/ThemePicker/type';
+export { ImageEditor } from './components/layout/ImageEditor/ImageEditor';
+export { type TImageEditorProps } from './components/layout/ImageEditor/types';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,CAAC;AAE7B,cAAc,cAAc,CAAC;AAG7B,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAGtE,OAAO,EAAE,UAAU,EAAE,MAAM,yCAAyC,CAAC;AACrE,OAAO,EAAE,KAAK,gBAAgB,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AAG5F,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AACzD,OAAO,EAAE,KAAK,YAAY,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAGhF,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AACzD,OAAO,EAAE,KAAK,YAAY,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAGjF,OAAO,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAC;AACnD,OAAO,EAAE,KAAK,UAAU,EAAE,KAAK,SAAS,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAG1F,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AACzD,OAAO,EAAE,KAAK,YAAY,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAGhF,OAAO,EAAE,WAAW,EAAE,MAAM,2CAA2C,CAAC;AACxE,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,qCAAqC,CAAC;AAG7E,OAAO,EAAE,OAAO,EAAE,MAAM,mCAAmC,CAAC;AAC5D,OAAO,EAAE,KAAK,aAAa,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAGnF,OAAO,EAAE,SAAS,EAAE,MAAM,uCAAuC,CAAC;AAClE,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,mCAAmC,CAAC;AAGzE,OAAO,EAAE,UAAU,EAAE,MAAM,yCAAyC,CAAC;AACrE,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,UAAU,EAAE,gBAAgB,EAAE,MAAM,oCAAoC,CAAC;AAG9G,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AACzD,OAAO,EAAE,KAAK,YAAY,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAGjF,OAAO,EAAE,WAAW,EAAE,MAAM,2CAA2C,CAAC;AACxE,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,qCAAqC,CAAC;AAC7E,YAAY,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAGvC,OAAO,EAAE,KAAK,EAAE,MAAM,iCAAiC,CAAC;AACxD,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAGrF,OAAO,EAAE,UAAU,EAAE,MAAM,2CAA2C,CAAC;AACvE,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAG7E,OAAO,EAAE,UAAU,EAAE,MAAM,2CAA2C,CAAC;AACvE,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAGpG,OAAO,EAAE,WAAW,EAAE,MAAM,6CAA6C,CAAC;AAC1E,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,sCAAsC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,CAAC;AAE7B,cAAc,cAAc,CAAC;AAG7B,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAGtE,OAAO,EAAE,UAAU,EAAE,MAAM,yCAAyC,CAAC;AACrE,OAAO,EAAE,KAAK,gBAAgB,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AAG5F,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AACzD,OAAO,EAAE,KAAK,YAAY,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAGhF,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AACzD,OAAO,EAAE,KAAK,YAAY,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAGjF,OAAO,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAC;AACnD,OAAO,EAAE,KAAK,UAAU,EAAE,KAAK,SAAS,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAG1F,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AACzD,OAAO,EAAE,KAAK,YAAY,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAGhF,OAAO,EAAE,WAAW,EAAE,MAAM,2CAA2C,CAAC;AACxE,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,qCAAqC,CAAC;AAG7E,OAAO,EAAE,OAAO,EAAE,MAAM,mCAAmC,CAAC;AAC5D,OAAO,EAAE,KAAK,aAAa,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAGnF,OAAO,EAAE,SAAS,EAAE,MAAM,uCAAuC,CAAC;AAClE,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,mCAAmC,CAAC;AAGzE,OAAO,EAAE,UAAU,EAAE,MAAM,yCAAyC,CAAC;AACrE,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,UAAU,EAAE,gBAAgB,EAAE,MAAM,oCAAoC,CAAC;AAG9G,OAAO,EAAE,UAAU,EAAE,MAAM,yCAAyC,CAAC;AACrE,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,iBAAiB,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AAGnH,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AACzD,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAGnE,OAAO,EAAE,WAAW,EAAE,MAAM,2CAA2C,CAAC;AACxE,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,qCAAqC,CAAC;AAC7E,YAAY,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAGvC,OAAO,EAAE,KAAK,EAAE,MAAM,iCAAiC,CAAC;AACxD,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAGrF,OAAO,EAAE,UAAU,EAAE,MAAM,2CAA2C,CAAC;AACvE,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAG7E,OAAO,EAAE,UAAU,EAAE,MAAM,2CAA2C,CAAC;AACvE,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAGpG,OAAO,EAAE,WAAW,EAAE,MAAM,6CAA6C,CAAC;AAC1E,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,sCAAsC,CAAC;AAG9E,OAAO,EAAE,WAAW,EAAE,MAAM,6CAA6C,CAAC;AAC1E,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,uCAAuC,CAAC"}

package/dist/index.js

@@ -1,13 +1,13 @@
 import "./styles/index.scss.js";
 import { STORAGE as t } from "./utils/constants/commons.js";
-import { getLocalState as m, setLocalState as f } from "./utils/function/localStorage.js";
-import { mergeRefs as i } from "./utils/function/mergeRefs.js";
-import { capitalizeFirstLetter as a, safeStringFromCodePoint as n, unicodeToString as S } from "./utils/function/string.js";
-import { doc as l, elementObserver as P, getCssProperty as C, getCssPropertyPx as d, getCssPropertyVh as g, getCssPropertyVw as E, isClient as y, localStore as T, setCssProperty as z, waitForElement as u, win as v } from "./utils/helper/domHelper.js";
-import { themeController as L } from "./utils/helper/themeController.js";
-import { XProvider as k } from "./components/context/index.js";
-import { useXData as B, useXTheme as D } from "./components/context/useContext.js";
-import { ActionCard as X } from "./components/base/ActionCard/ActionCard.js";
+import { getLocalState as m, setLocalState as i } from "./utils/function/localStorage.js";
+import { mergeRefs as x } from "./utils/function/mergeRefs.js";
+import { capitalizeFirstLetter as s, safeStringFromCodePoint as n, unicodeToString as c } from "./utils/function/string.js";
+import { doc as S, elementObserver as P, getCssProperty as d, getCssPropertyPx as g, getCssPropertyVh as C, getCssPropertyVw as E, isClient as y, localStore as T, setCssProperty as z, waitForElement as k, win as u } from "./utils/helper/domHelper.js";
+import { themeController as A } from "./utils/helper/themeController.js";
+import { XProvider as L } from "./components/context/index.js";
+import { useXData as I, useXTheme as w } from "./components/context/useContext.js";
+import { ActionCard as D } from "./components/base/ActionCard/ActionCard.js";
 import { EActionCardSize as O } from "./components/base/ActionCard/types.js";
 import { Avatar as V } from "./components/base/Avatar/Avatar.js";
 import { EAvatarSize as G } from "./components/base/Avatar/types.js";
@@ -21,59 +21,63 @@ import { ProgressBar as $ } from "./components/base/ProgressBar/ProgressBar.js";
 import { Spinner as er } from "./components/base/Spinner/Spinner.js";
 import { ESpinnerSize as tr } from "./components/base/Spinner/types.js";
 import { Textfield as mr } from "./components/base/Textfield/Textfield.js";
-import { DatePicker as xr } from "./components/base/DatePicker/DatePicker.js";
-import { EDatePickerTypes as sr } from "./components/base/DatePicker/types.js";
-import { Select as nr } from "./components/base/Select/Select.js";
-import { ESelectTypes as cr } from "./components/base/Select/types.js";
-import { ColorPopper as Pr } from "./components/base/ColorPopper/ColorPopper.js";
-import { Sider as dr } from "./components/layout/Sider/Sider.js";
-import { SiderModal as Er } from "./components/layout/SiderModal/SiderModal.js";
-import { Navigation as Tr } from "./components/layout/Navigation/Navigation.js";
-import { ThemePicker as ur } from "./components/layout/ThemePicker/ThemePicker.js";
+import { DatePicker as fr } from "./components/base/DatePicker/DatePicker.js";
+import { EDatePickerTypes as ar } from "./components/base/DatePicker/types.js";
+import { FilePicker as nr } from "./components/base/FilePicker/FilePicker.js";
+import { FilePickerIcon as lr } from "./components/base/FilePicker/types.js";
+import { Select as Pr } from "./components/base/Select/Select.js";
+import { ColorPopper as gr } from "./components/base/ColorPopper/ColorPopper.js";
+import { Sider as Er } from "./components/layout/Sider/Sider.js";
+import { SiderModal as Tr } from "./components/layout/SiderModal/SiderModal.js";
+import { Navigation as kr } from "./components/layout/Navigation/Navigation.js";
+import { ThemePicker as vr } from "./components/layout/ThemePicker/ThemePicker.js";
+import { ImageEditor as Fr } from "./components/layout/ImageEditor/ImageEditor.js";
 export {
-  X as ActionCard,
+  D as ActionCard,
   V as Avatar,
   N as Button,
-  Pr as ColorPopper,
-  xr as DatePicker,
+  gr as ColorPopper,
+  fr as DatePicker,
   O as EActionCardSize,
   G as EAvatarSize,
   q as EButtonTypes,
-  sr as EDatePickerTypes,
+  ar as EDatePickerTypes,
   Q as EIconSize,
   Z as ELottieSize,
-  cr as ESelectTypes,
   tr as ESpinnerSize,
+  nr as FilePicker,
+  lr as FilePickerIcon,
   J as Icon,
+  Fr as ImageEditor,
   W as Lottie,
-  Tr as Navigation,
+  kr as Navigation,
   $ as ProgressBar,
   t as STORAGE,
-  nr as Select,
-  dr as Sider,
-  Er as SiderModal,
+  Pr as Select,
+  Er as Sider,
+  Tr as SiderModal,
   er as Spinner,
   mr as Textfield,
-  ur as ThemePicker,
-  k as XProvider,
-  a as capitalizeFirstLetter,
-  l as doc,
+  vr as ThemePicker,
+  L as XProvider,
+  s as capitalizeFirstLetter,
+  S as doc,
   P as elementObserver,
-  C as getCssProperty,
-  d as getCssPropertyPx,
-  g as getCssPropertyVh,
+  d as getCssProperty,
+  g as getCssPropertyPx,
+  C as getCssPropertyVh,
   E as getCssPropertyVw,
   m as getLocalState,
   y as isClient,
   T as localStore,
-  i as mergeRefs,
+  x as mergeRefs,
   n as safeStringFromCodePoint,
   z as setCssProperty,
-  f as setLocalState,
-  L as themeController,
-  S as unicodeToString,
-  B as useXData,
-  D as useXTheme,
-  u as waitForElement,
-  v as win
+  i as setLocalState,
+  A as themeController,
+  c as unicodeToString,
+  I as useXData,
+  w as useXTheme,
+  k as waitForElement,
+  u as win
 };