@loopr-ai/craft 0.5.1 → 0.6.0
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/{ButtonBase-262628d1.js → ButtonBase-85c9347b.js} +1 -1
- package/dist/ZoomControllers-7fb8d495.js +3442 -0
- package/dist/components/cell/AvatarGroup/index.js +2 -2
- package/dist/components/cell/Button/index.js +2 -2
- package/dist/components/cell/Chip/index.js +3 -3
- package/dist/components/cell/ProgressBar/index.js +2 -2
- package/dist/components/cell/Search/index.js +4 -4
- package/dist/components/cell/Typography/index.d.ts +2 -1
- package/dist/components/cell/Typography/index.js +1 -1
- package/dist/components/organ/ZoomControlWithDrag/ZoomControllers.d.ts +13 -0
- package/dist/components/organ/ZoomControlWithDrag/ZoomControllers.js +5 -0
- package/dist/components/organ/ZoomControlWithDrag/index.d.ts +8 -14
- package/dist/components/organ/ZoomControlWithDrag/index.js +44 -3629
- package/dist/{createSvgIcon-5f0c7512.js → createSvgIcon-58aa3adf.js} +1 -1
- package/dist/{createSvgIcon-4ecd3248.js → createSvgIcon-70f9f72b.js} +3 -3
- package/dist/global/theme.d.ts +32 -11
- package/dist/global/theme.js +38 -22
- package/dist/{styled-d4863b7f.js → styled-126c6a62.js} +11 -13
- package/dist/{useTheme-3e8a77bb.js → useTheme-573c40a2.js} +1 -1
- package/package.json +1 -1
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { jsx as h, jsxs as G } from "react/jsx-runtime";
|
|
2
2
|
import { g as I, a as l, _ as k, P as a } from "../../../createTheme-a4db2989.js";
|
|
3
3
|
import * as g from "react";
|
|
4
|
-
import { g as D, s as M, a as E, c as R, b as U, f as F } from "../../../styled-
|
|
5
|
-
import { c as q } from "../../../createSvgIcon-
|
|
4
|
+
import { g as D, s as M, a as E, c as R, b as U, f as F } from "../../../styled-126c6a62.js";
|
|
5
|
+
import { c as q } from "../../../createSvgIcon-58aa3adf.js";
|
|
6
6
|
import { c as V } from "../../../chainPropTypes-004bf492.js";
|
|
7
7
|
const B = q(/* @__PURE__ */ h("path", {
|
|
8
8
|
d: "M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
|
|
@@ -2,8 +2,8 @@ import { jsx as C, jsxs as F } from "react/jsx-runtime";
|
|
|
2
2
|
import { getColorToHex as v } from "../../../global/colors.js";
|
|
3
3
|
import { g as U, c as e, a as t, e as b, _ as D, P as a } from "../../../createTheme-a4db2989.js";
|
|
4
4
|
import * as p from "react";
|
|
5
|
-
import { g as H, s as y, r as A, e as q, a as J, c as R, b as K } from "../../../styled-
|
|
6
|
-
import { B as Q } from "../../../ButtonBase-
|
|
5
|
+
import { g as H, s as y, r as A, e as q, a as J, c as R, b as K } from "../../../styled-126c6a62.js";
|
|
6
|
+
import { B as Q } from "../../../ButtonBase-85c9347b.js";
|
|
7
7
|
function X(o) {
|
|
8
8
|
return U("MuiButton", o);
|
|
9
9
|
}
|
|
@@ -2,10 +2,10 @@ import { jsx as m, jsxs as Q } from "react/jsx-runtime";
|
|
|
2
2
|
import * as v from "react";
|
|
3
3
|
import { useMemo as L } from "react";
|
|
4
4
|
import { g as X, c as r, a as f, e as b, _ as Y, P as l } from "../../../createTheme-a4db2989.js";
|
|
5
|
-
import { g as Z, s as U, a as w, c as k, b as oo } from "../../../styled-
|
|
6
|
-
import { c as ao } from "../../../createSvgIcon-
|
|
5
|
+
import { g as Z, s as U, a as w, c as k, b as oo } from "../../../styled-126c6a62.js";
|
|
6
|
+
import { c as ao } from "../../../createSvgIcon-58aa3adf.js";
|
|
7
7
|
import { u as lo } from "../../../TransitionGroupContext-fe9a562f.js";
|
|
8
|
-
import { B as M } from "../../../ButtonBase-
|
|
8
|
+
import { B as M } from "../../../ButtonBase-85c9347b.js";
|
|
9
9
|
import { u as eo } from "../../../unsupportedProp-3dbf01f6.js";
|
|
10
10
|
const ro = ao(/* @__PURE__ */ m("path", {
|
|
11
11
|
d: "M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z"
|
|
@@ -2,8 +2,8 @@ import { jsxs as j, jsx as v } from "react/jsx-runtime";
|
|
|
2
2
|
import { getColorToHex as $ } from "../../../global/colors.js";
|
|
3
3
|
import { g as D, c as n, a as l, _ as q, P as o, l as E, b as U } from "../../../createTheme-a4db2989.js";
|
|
4
4
|
import * as z from "react";
|
|
5
|
-
import { g as w, s as h, a as A, c as F, b as K } from "../../../styled-
|
|
6
|
-
import { u as V } from "../../../useTheme-
|
|
5
|
+
import { g as w, s as h, a as A, c as F, b as K } from "../../../styled-126c6a62.js";
|
|
6
|
+
import { u as V } from "../../../useTheme-573c40a2.js";
|
|
7
7
|
import { k as P, c as x } from "../../../emotion-react.browser.esm-ff33c213.js";
|
|
8
8
|
function S(r) {
|
|
9
9
|
return D("MuiLinearProgress", r);
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import Nn, { jsx as S, jsxs as ge } from "react/jsx-runtime";
|
|
2
|
-
import { o as he, e as ao, a as we, b as wn, c as Co, d as Vo, r as Mn, i as io, T as kn, f as Fn, g as Ro, u as $e, P as $n, H as Ge, h as to, G as Ln, j as Po, k as Dn, l as jn, m as An } from "../../../createSvgIcon-
|
|
2
|
+
import { o as he, e as ao, a as we, b as wn, c as Co, d as Vo, r as Mn, i as io, T as kn, f as Fn, g as Ro, u as $e, P as $n, H as Ge, h as to, G as Ln, j as Po, k as Dn, l as jn, m as An } from "../../../createSvgIcon-70f9f72b.js";
|
|
3
3
|
import { P as e, g as ie, a, e as Io, _ as G, c as ue, m as Uo, n as co } from "../../../createTheme-a4db2989.js";
|
|
4
4
|
import * as c from "react";
|
|
5
|
-
import { u as _n, g as le, s as A, a as ce, c as re, b as ae, d as Bn, r as Me, f as uo, h as zn } from "../../../styled-
|
|
6
|
-
import { u as po } from "../../../useTheme-
|
|
5
|
+
import { u as _n, g as le, s as A, a as ce, c as re, b as ae, d as Bn, r as Me, f as uo, h as zn } from "../../../styled-126c6a62.js";
|
|
6
|
+
import { u as po } from "../../../useTheme-573c40a2.js";
|
|
7
7
|
import { u as Ce, b as So, c as fo, e as qo, r as Ie } from "../../../TransitionGroupContext-fe9a562f.js";
|
|
8
8
|
import { e as Wn } from "../../../exactProp-d79ccada.js";
|
|
9
9
|
import { c as Ho } from "../../../chainPropTypes-004bf492.js";
|
|
10
|
-
import { c as Vn } from "../../../createSvgIcon-
|
|
10
|
+
import { c as Vn } from "../../../createSvgIcon-58aa3adf.js";
|
|
11
11
|
import { T as Un } from "../../../useThemeWithoutDefault-188598a8.js";
|
|
12
12
|
import { G as qn } from "../../../emotion-react.browser.esm-ff33c213.js";
|
|
13
13
|
function Ko(o) {
|
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
import { TypographyProps as MuiTypographyProps } from "@mui/material/Typography";
|
|
2
2
|
import { CustomColors } from "../../../global/colors";
|
|
3
3
|
import { CraftFC } from "../../../global/interfaces";
|
|
4
|
+
import { fontCustomizations } from "../../../global/theme";
|
|
4
5
|
interface TypographyProps extends MuiTypographyProps {
|
|
5
6
|
/**
|
|
6
7
|
* The type of typography to render.
|
|
7
8
|
* @default "bodyText"
|
|
8
9
|
*/
|
|
9
|
-
type?:
|
|
10
|
+
type?: keyof typeof fontCustomizations;
|
|
10
11
|
textColor?: CustomColors;
|
|
11
12
|
}
|
|
12
13
|
/**
|
|
@@ -3,7 +3,7 @@ import { getColorToHex as W } from "../../../global/colors.js";
|
|
|
3
3
|
import { fontCustomizations as M } from "../../../global/theme.js";
|
|
4
4
|
import { g as O, c as b, a as p, _ as j, P as t } from "../../../createTheme-a4db2989.js";
|
|
5
5
|
import * as P from "react";
|
|
6
|
-
import { g as N, s as R, a as _, c as U, b as $ } from "../../../styled-
|
|
6
|
+
import { g as N, s as R, a as _, c as U, b as $ } from "../../../styled-126c6a62.js";
|
|
7
7
|
import { e as z } from "../../../extendSxProp-db8b9da5.js";
|
|
8
8
|
function D(r) {
|
|
9
9
|
return O("MuiTypography", r);
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { BoxProps, DividerOwnProps, IconButtonOwnProps } from "@mui/material";
|
|
2
|
+
import { CraftFC } from "../../../global/interfaces";
|
|
3
|
+
export interface ZoomControllersProps {
|
|
4
|
+
controllerContainerProps?: BoxProps;
|
|
5
|
+
zoomInButtonProps?: IconButtonOwnProps;
|
|
6
|
+
zoomOutButtonProps?: IconButtonOwnProps;
|
|
7
|
+
resetTransformButtonProps?: IconButtonOwnProps;
|
|
8
|
+
rotateButtonProps?: IconButtonOwnProps;
|
|
9
|
+
dividerProps?: DividerOwnProps;
|
|
10
|
+
handleRotate: () => void;
|
|
11
|
+
}
|
|
12
|
+
declare const ZoomControllers: CraftFC<ZoomControllersProps>;
|
|
13
|
+
export default ZoomControllers;
|
|
@@ -1,24 +1,18 @@
|
|
|
1
|
-
|
|
2
|
-
import {
|
|
3
|
-
import { IconButtonOwnProps } from "@mui/material/IconButton";
|
|
1
|
+
/** @jsxImportSource react */
|
|
2
|
+
import { BoxProps } from "@mui/material";
|
|
4
3
|
import React from "react";
|
|
5
4
|
import { ReactZoomPanPinchProps } from "react-zoom-pan-pinch";
|
|
6
5
|
import { CraftFC } from "../../../global/interfaces";
|
|
6
|
+
import { ZoomControllersProps } from "./ZoomControllers";
|
|
7
7
|
interface ZoomControlWithDragProps extends ReactZoomPanPinchProps {
|
|
8
8
|
children?: React.ReactNode;
|
|
9
|
-
parentContainerProps?:
|
|
10
|
-
zoomControllerProps?:
|
|
9
|
+
parentContainerProps?: BoxProps;
|
|
10
|
+
zoomControllerProps?: ZoomControllersProps;
|
|
11
11
|
defaultRotationAngle?: string;
|
|
12
12
|
onRotate?: (newValue: string) => void;
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
zoomInButtonProps?: IconButtonOwnProps;
|
|
17
|
-
zoomOutButtonProps?: IconButtonOwnProps;
|
|
18
|
-
resetTransformButtonProps?: IconButtonOwnProps;
|
|
19
|
-
rotateButtonProps?: IconButtonOwnProps;
|
|
20
|
-
dividerProps?: DividerOwnProps;
|
|
21
|
-
handleRotate: () => void;
|
|
13
|
+
height?: string;
|
|
14
|
+
width?: string;
|
|
15
|
+
rotatedImageScale?: number;
|
|
22
16
|
}
|
|
23
17
|
declare const ZoomControlWithDrag: CraftFC<ZoomControlWithDragProps>;
|
|
24
18
|
export default ZoomControlWithDrag;
|