@solostylist/image-editor 1.0.11 → 1.0.13

package/lib/components/assembly-point/index.js

@@ -5,6 +5,7 @@ import { AppProvider } from "../../context";
 import defaultConfig from "../../context/default-config";
 import deepMerge from "../../utils/deep-merge";
 import assignFinetuneNamesToKonva from "../../utils/assign-finetune-names-to-konva";
+import { jsx as _jsx } from "react/jsx-runtime";
 var AssemblyPoint = function AssemblyPoint(props) {
   var source = props.source;
   if (!source || typeof source !== 'string' && !(source instanceof HTMLImageElement)) {
@@ -14,10 +15,14 @@ var AssemblyPoint = function AssemblyPoint(props) {
     assignFinetuneNamesToKonva();
   }, []);
   var defaultAndProvidedConfigMerged = deepMerge(defaultConfig, props);
-  return React.createElement(React.StrictMode, null, React.createElement(SThemeProvider, {
-    defaultMode: "dark"
-  }, React.createElement(AppProvider, {
-    config: defaultAndProvidedConfigMerged
-  }, React.createElement(App, null))));
+  return _jsx(React.StrictMode, {
+    children: _jsx(SThemeProvider, {
+      defaultMode: "dark",
+      children: _jsx(AppProvider, {
+        config: defaultAndProvidedConfigMerged,
+        children: _jsx(App, {})
+      })
+    })
+  });
 };
 export default memo(AssemblyPoint);

package/lib/components/common/annotation-options/annotation-options.constants.d.ts

@@ -0,0 +1,9 @@
+export declare const AVAILABLE_POSITIONS: string[];
+export declare const posCssRotateDegFromRightSide: Record<string, number>;
+export declare const POPPABLE_OPTIONS: {
+    readonly OPACITY: "opacity";
+    readonly STROKE: "stroke";
+    readonly SHADOW: "shadow";
+    readonly POSITION: "position";
+};
+//# sourceMappingURL=annotation-options.constants.d.ts.map

package/lib/components/common/annotation-options/annotation-options.constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"annotation-options.constants.d.ts","sourceRoot":"","sources":["../../../../src/components/common/annotation-options/annotation-options.constants.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,mBAAmB,EAAE,MAAM,EAA6B,CAAC;AAEtE,eAAO,MAAM,4BAA4B,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAU/D,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;CAKnB,CAAC"}

package/lib/components/common/annotation-options/index.d.ts

@@ -0,0 +1,21 @@
+import { Annotation } from 'types/annotations';
+interface PoppableOption {
+    titleKey: string;
+    name: string;
+    Icon: React.ComponentType;
+}
+interface AnnotationOptionsProps {
+    annotation: Annotation;
+    updateAnnotation: (updates: Partial<Annotation>) => void;
+    children?: React.ReactNode;
+    hideFillOption?: boolean;
+    morePoppableOptionsPrepended?: PoppableOption[];
+    morePoppableOptionsAppended?: PoppableOption[];
+    moreOptionsPopupComponentsObj?: Record<string, React.ComponentType<any>>;
+    hidePositionField?: boolean;
+    className?: string;
+    [key: string]: any;
+}
+declare const AnnotationOptions: ({ children, morePoppableOptionsPrepended, moreOptionsPopupComponentsObj, morePoppableOptionsAppended, annotation, updateAnnotation, hideFillOption, hidePositionField, ...rest }: AnnotationOptionsProps) => import("react/jsx-runtime").JSX.Element;
+export default AnnotationOptions;
+//# sourceMappingURL=index.d.ts.map

package/lib/components/common/annotation-options/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/common/annotation-options/index.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAY/C,UAAU,cAAc;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC;CAC3B;AAED,UAAU,sBAAsB;IAC9B,UAAU,EAAE,UAAU,CAAC;IACvB,gBAAgB,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;IACzD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,4BAA4B,CAAC,EAAE,cAAc,EAAE,CAAC;IAChD,2BAA2B,CAAC,EAAE,cAAc,EAAE,CAAC;IAC/C,6BAA6B,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC;IACzE,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AAED,QAAA,MAAM,iBAAiB,GAAI,kLAUxB,sBAAsB,4CAgJxB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/lib/components/common/annotation-options/index.js

@@ -1,4 +1,3 @@
-import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
@@ -20,6 +19,7 @@ import OpacityField from "./opacity-field";
 import PositionFields from "./position-fields";
 import ShadowFields from "./shadow-fields";
 import StrokeFields from "./stroke-fields";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 var AnnotationOptions = function AnnotationOptions(_ref) {
   var _ref$children = _ref.children,
     children = _ref$children === void 0 ? undefined : _ref$children,
@@ -80,61 +80,67 @@ var AnnotationOptions = function AnnotationOptions(_ref) {
   }, [updateAnnotation]);
   var OptionPopupComponent = anchorEl && currentOption && optionsPopups[currentOption];
   var renderPositionFields = function renderPositionFields() {
-    return React.createElement(React.Fragment, null, React.createElement(Typography, {
-      variant: "subtitle2",
-      mb: 1
-    }, t('position')), React.createElement(Box, {
-      sx: {
-        display: 'grid',
-        gridTemplateColumns: 'repeat(4, auto)'
-      }
-    }, React.createElement(OptionPopupComponent, _extends({
-      annotation: annotation,
-      updateAnnotation: updateAnnotation,
-      t: t
-    }, rest))));
+    return _jsxs(_Fragment, {
+      children: [_jsx(Typography, {
+        variant: "subtitle2",
+        mb: 1,
+        children: t('position')
+      }), _jsx(Box, {
+        sx: {
+          display: 'grid',
+          gridTemplateColumns: 'repeat(4, auto)'
+        },
+        children: _jsx(OptionPopupComponent, _objectSpread({
+          annotation: annotation,
+          updateAnnotation: updateAnnotation,
+          t: t
+        }, rest))
+      })]
+    });
   };
-  return React.createElement(SFlexBox, {
+  return _jsxs(SFlexBox, {
     alignItems: "center",
     justifyContent: "center",
-    gap: 1
-  }, !hideFillOption && React.createElement(ColorInput, {
-    color: annotation.fill,
-    onChange: changeAnnotationFill,
-    colorFor: "fill"
-  }), children, options.map(function (option) {
-    return option && React.createElement(SIconButtonWrapper, {
-      key: option.name,
-      title: t(option.titleKey),
-      onClick: function onClick(e) {
-        return toggleOptionPopup(e, option.name);
+    gap: 1,
+    children: [!hideFillOption && _jsx(ColorInput, {
+      color: annotation.fill,
+      onChange: changeAnnotationFill,
+      colorFor: "fill"
+    }), children, options.map(function (option) {
+      return option && _jsx(SIconButtonWrapper, {
+        title: t(option.titleKey),
+        onClick: function onClick(e) {
+          return toggleOptionPopup(e, option.name);
+        },
+        active: currentOption === option.name,
+        children: _jsx(option.Icon, {})
+      }, option.name);
+    }), OptionPopupComponent && _jsx(Menu, {
+      anchorEl: anchorEl,
+      open: Boolean(anchorEl),
+      onClose: toggleOptionPopup,
+      anchorOrigin: {
+        vertical: 'top',
+        horizontal: 'center'
       },
-      active: currentOption === option.name
-    }, React.createElement(option.Icon, null));
-  }), OptionPopupComponent && React.createElement(Menu, {
-    anchorEl: anchorEl,
-    open: Boolean(anchorEl),
-    onClose: toggleOptionPopup,
-    anchorOrigin: {
-      vertical: 'top',
-      horizontal: 'center'
-    },
-    transformOrigin: {
-      vertical: 'bottom',
-      horizontal: 'center'
-    },
-    slotProps: {
-      paper: {
-        sx: {
-          px: 2,
-          py: 1
+      transformOrigin: {
+        vertical: 'bottom',
+        horizontal: 'center'
+      },
+      slotProps: {
+        paper: {
+          sx: {
+            px: 2,
+            py: 1
+          }
         }
-      }
-    }
-  }, currentOption === POPPABLE_OPTIONS.POSITION ? renderPositionFields() : React.createElement(OptionPopupComponent, _extends({
-    annotation: annotation,
-    updateAnnotation: updateAnnotation,
-    t: t
-  }, rest))));
+      },
+      children: currentOption === POPPABLE_OPTIONS.POSITION ? renderPositionFields() : _jsx(OptionPopupComponent, _objectSpread({
+        annotation: annotation,
+        updateAnnotation: updateAnnotation,
+        t: t
+      }, rest))
+    })]
+  });
 };
 export default AnnotationOptions;

package/lib/components/common/annotation-options/opacity-field.d.ts

@@ -0,0 +1,10 @@
+/** Internal Dependencies */
+import { AnnotationsCommon } from 'types';
+interface OpacityFieldProps {
+    annotation: AnnotationsCommon;
+    updateAnnotation: (updates: Partial<AnnotationsCommon>) => void;
+    t: (key: string) => string;
+}
+declare const OpacityField: ({ annotation, updateAnnotation, t, }: OpacityFieldProps) => import("react/jsx-runtime").JSX.Element;
+export default OpacityField;
+//# sourceMappingURL=opacity-field.d.ts.map

package/lib/components/common/annotation-options/opacity-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"opacity-field.d.ts","sourceRoot":"","sources":["../../../../src/components/common/annotation-options/opacity-field.tsx"],"names":[],"mappings":"AAAA,4BAA4B;AAC5B,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAO1C,UAAU,iBAAiB;IACzB,UAAU,EAAE,iBAAiB,CAAC;IAC9B,gBAAgB,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAChE,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;CAC5B;AAED,QAAA,MAAM,YAAY,GAAI,sCAInB,iBAAiB,4CAsBnB,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/lib/components/common/annotation-options/opacity-field.js

@@ -1,5 +1,6 @@
 import restrictNumber from "../../../utils/restrict-number";
 import Slider from "../slider";
+import { jsx as _jsx } from "react/jsx-runtime";
 var MIN_PERCENTANGE = 0;
 var MAX_PERCENTANGE = 1;
 var OpacityField = function OpacityField(_ref) {
@@ -13,7 +14,7 @@ var OpacityField = function OpacityField(_ref) {
       opacity: restrictNumber(newOpactiy / 100, MIN_PERCENTANGE, MAX_PERCENTANGE)
     });
   };
-  return React.createElement(Slider, {
+  return _jsx(Slider, {
     label: t('transparency'),
     onChange: changeOpacity,
     value: opacityValue,

package/lib/components/common/annotation-options/position-fields.d.ts

@@ -0,0 +1,8 @@
+import { Annotation } from 'types';
+interface PositionFieldsProps {
+    annotation: Annotation;
+    updateAnnotation: (updates: Partial<Annotation>) => void;
+}
+declare const PositionFields: ({ annotation, updateAnnotation, }: PositionFieldsProps) => import("react/jsx-runtime").JSX.Element[];
+export default PositionFields;
+//# sourceMappingURL=position-fields.d.ts.map

package/lib/components/common/annotation-options/position-fields.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"position-fields.d.ts","sourceRoot":"","sources":["../../../../src/components/common/annotation-options/position-fields.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnC,UAAU,mBAAmB;IAC3B,UAAU,EAAE,UAAU,CAAC;IACvB,gBAAgB,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;CAC1D;AAED,QAAA,MAAM,cAAc,GAAI,mCAGrB,mBAAmB,8CAkCrB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/lib/components/common/annotation-options/position-fields.js

@@ -6,6 +6,7 @@ import mapPositionStringToPoint from "../../../utils/map-position-string-to-poin
 import { useStore } from "../../../hooks";
 import SIconButtonWrapper from "../icon-wrapper";
 import { AVAILABLE_POSITIONS, posCssRotateDegFromRightSide } from "./annotation-options.constants";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var PositionFields = function PositionFields(_ref) {
   var annotation = _ref.annotation,
     updateAnnotation = _ref.updateAnnotation;
@@ -21,19 +22,20 @@ var PositionFields = function PositionFields(_ref) {
   };
   var positionsLength = AVAILABLE_POSITIONS.length;
   return AVAILABLE_POSITIONS.map(function (pos, i) {
-    return React.createElement(Fragment, {
-      key: pos
-    }, React.createElement(SIconButtonWrapper, {
-      onClick: function onClick() {
-        return changePosition(pos);
-      },
-      active: position === pos,
-      border: true
-    }, pos === POSITIONS.MIDDLE_CENTER ? React.createElement(FiberManualRecordOutlined, null) : React.createElement(ArrowForwardOutlined, {
-      style: {
-        transform: "rotate(".concat(posCssRotateDegFromRightSide[pos], "deg)")
-      }
-    })), (i + 1) % 3 === 0 && i + 1 !== positionsLength && React.createElement("div", null));
+    return _jsxs(Fragment, {
+      children: [_jsx(SIconButtonWrapper, {
+        onClick: function onClick() {
+          return changePosition(pos);
+        },
+        active: position === pos,
+        border: true,
+        children: pos === POSITIONS.MIDDLE_CENTER ? _jsx(FiberManualRecordOutlined, {}) : _jsx(ArrowForwardOutlined, {
+          style: {
+            transform: "rotate(".concat(posCssRotateDegFromRightSide[pos], "deg)")
+          }
+        })
+      }), (i + 1) % 3 === 0 && i + 1 !== positionsLength && _jsx("div", {})]
+    }, pos);
   });
 };
 export default PositionFields;

package/lib/components/common/annotation-options/shadow-fields.d.ts

@@ -0,0 +1,9 @@
+import { AnnotationsCommon } from 'types';
+interface ShadowFieldsProps {
+    annotation: AnnotationsCommon;
+    updateAnnotation: (updates: Partial<AnnotationsCommon>) => void;
+    t: (key: string) => string;
+}
+declare const ShadowFields: ({ annotation, updateAnnotation, t, }: ShadowFieldsProps) => import("react/jsx-runtime").JSX.Element;
+export default ShadowFields;
+//# sourceMappingURL=shadow-fields.d.ts.map

package/lib/components/common/annotation-options/shadow-fields.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shadow-fields.d.ts","sourceRoot":"","sources":["../../../../src/components/common/annotation-options/shadow-fields.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE1C,UAAU,iBAAiB;IACzB,UAAU,EAAE,iBAAiB,CAAC;IAC9B,gBAAgB,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAChE,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;CAC5B;AAED,QAAA,MAAM,YAAY,GAAI,sCAInB,iBAAiB,4CAiEnB,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/lib/components/common/annotation-options/shadow-fields.js

@@ -2,6 +2,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import ColorInput from "../color-input";
 import restrictNumber from "../../../utils/restrict-number";
 import Slider from "../slider";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 var ShadowFields = function ShadowFields(_ref) {
   var annotation = _ref.annotation,
     updateAnnotation = _ref.updateAnnotation,
@@ -21,42 +22,44 @@ var ShadowFields = function ShadowFields(_ref) {
       shadowColor: newShadowColor
     });
   };
-  return React.createElement(React.Fragment, null, React.createElement(Slider, {
-    label: t('horizontal'),
-    annotation: "px",
-    min: -100,
-    max: 100,
-    onChange: function onChange(val) {
-      return changeSliderValue('shadowOffsetX', val, -100, 100);
-    },
-    value: shadowOffsetX || 0
-  }), React.createElement(Slider, {
-    label: t('vertical'),
-    annotation: "px",
-    min: -100,
-    max: 100,
-    onChange: function onChange(val) {
-      return changeSliderValue('shadowOffsetY', val, -100, 100);
-    },
-    value: shadowOffsetY || 0
-  }), React.createElement(Slider, {
-    label: t('blur'),
-    annotation: "%",
-    onChange: function onChange(val) {
-      return changeSliderValue('shadowBlur', val);
-    },
-    value: shadowBlur
-  }), React.createElement(Slider, {
-    label: t('opacity'),
-    annotation: "%",
-    onChange: function onChange(val) {
-      return changeSliderValue('shadowOpacity', val / 100, 0, 1);
-    },
-    value: Math.round((shadowOpacity !== null && shadowOpacity !== void 0 ? shadowOpacity : 0) * 100)
-  }), React.createElement(ColorInput, {
-    color: shadowColor,
-    onChange: changeShadowColor,
-    colorFor: "shadow"
-  }));
+  return _jsxs(_Fragment, {
+    children: [_jsx(Slider, {
+      label: t('horizontal'),
+      annotation: "px",
+      min: -100,
+      max: 100,
+      onChange: function onChange(val) {
+        return changeSliderValue('shadowOffsetX', val, -100, 100);
+      },
+      value: shadowOffsetX || 0
+    }), _jsx(Slider, {
+      label: t('vertical'),
+      annotation: "px",
+      min: -100,
+      max: 100,
+      onChange: function onChange(val) {
+        return changeSliderValue('shadowOffsetY', val, -100, 100);
+      },
+      value: shadowOffsetY || 0
+    }), _jsx(Slider, {
+      label: t('blur'),
+      annotation: "%",
+      onChange: function onChange(val) {
+        return changeSliderValue('shadowBlur', val);
+      },
+      value: shadowBlur
+    }), _jsx(Slider, {
+      label: t('opacity'),
+      annotation: "%",
+      onChange: function onChange(val) {
+        return changeSliderValue('shadowOpacity', val / 100, 0, 1);
+      },
+      value: Math.round((shadowOpacity !== null && shadowOpacity !== void 0 ? shadowOpacity : 0) * 100)
+    }), _jsx(ColorInput, {
+      color: shadowColor,
+      onChange: changeShadowColor,
+      colorFor: "shadow"
+    })]
+  });
 };
 export default ShadowFields;

package/lib/components/common/annotation-options/stroke-fields.d.ts

@@ -0,0 +1,9 @@
+import { AnnotationsCommon } from 'types';
+interface StrokeFieldsProps {
+    annotation: AnnotationsCommon;
+    updateAnnotation: (updates: Partial<AnnotationsCommon>) => void;
+    t: (key: string) => string;
+}
+declare const StrokeFields: ({ annotation, updateAnnotation, t, }: StrokeFieldsProps) => import("react/jsx-runtime").JSX.Element;
+export default StrokeFields;
+//# sourceMappingURL=stroke-fields.d.ts.map

package/lib/components/common/annotation-options/stroke-fields.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stroke-fields.d.ts","sourceRoot":"","sources":["../../../../src/components/common/annotation-options/stroke-fields.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAO1C,UAAU,iBAAiB;IACzB,UAAU,EAAE,iBAAiB,CAAC;IAC9B,gBAAgB,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAChE,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;CAC5B;AAED,QAAA,MAAM,YAAY,GAAI,sCAInB,iBAAiB,4CAgCnB,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/lib/components/common/annotation-options/stroke-fields.js

@@ -1,6 +1,7 @@
 import ColorInput from "../color-input";
 import restrictNumber from "../../../utils/restrict-number";
 import Slider from "../slider";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 var MIN_PERCENTANGE = 0;
 var MAX_PERCENTANGE = 100;
 var StrokeFields = function StrokeFields(_ref) {
@@ -19,15 +20,17 @@ var StrokeFields = function StrokeFields(_ref) {
       stroke: newStrokeColor
     });
   };
-  return React.createElement(React.Fragment, null, React.createElement(Slider, {
-    label: t('stroke'),
-    annotation: "px",
-    onChange: changeStrokeWidth,
-    value: strokeWidth
-  }), React.createElement(ColorInput, {
-    color: stroke,
-    onChange: changeStrokeColor,
-    colorFor: "stroke"
-  }));
+  return _jsxs(_Fragment, {
+    children: [_jsx(Slider, {
+      label: t('stroke'),
+      annotation: "px",
+      onChange: changeStrokeWidth,
+      value: strokeWidth
+    }), _jsx(ColorInput, {
+      color: stroke,
+      onChange: changeStrokeColor,
+      colorFor: "stroke"
+    })]
+  });
 };
 export default StrokeFields;

package/lib/components/common/button-with-menu/index.d.ts

@@ -0,0 +1,16 @@
+interface MenuItemType {
+    key: string;
+    label: string;
+    onClick?: () => void;
+    isActive?: boolean;
+    icon?: string | React.ComponentType;
+}
+interface ButtonWithMenuProps {
+    menuItems: (MenuItemType | null | undefined)[];
+    label?: string;
+    disabled?: boolean;
+    buttonRef?: React.Ref<HTMLDivElement>;
+}
+declare const ButtonWithMenu: ({ label, menuItems, disabled, buttonRef, }: ButtonWithMenuProps) => import("react/jsx-runtime").JSX.Element;
+export default ButtonWithMenu;
+//# sourceMappingURL=index.d.ts.map

package/lib/components/common/button-with-menu/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/common/button-with-menu/index.tsx"],"names":[],"mappings":"AAYA,UAAU,YAAY;IACpB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,aAAa,CAAC;CACrC;AAED,UAAU,mBAAmB;IAC3B,SAAS,EAAE,CAAC,YAAY,GAAG,IAAI,GAAG,SAAS,CAAC,EAAE,CAAC;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;CACvC;AAED,QAAA,MAAM,cAAc,GAAI,4CAKrB,mBAAmB,4CA4FrB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/lib/components/common/button-with-menu/index.js

@@ -7,6 +7,7 @@ import MenuItem from '@mui/material/MenuItem';
 import ListItemIcon from '@mui/material/ListItemIcon';
 import ListItemText from '@mui/material/ListItemText';
 import { useStore } from "../../../hooks";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 var ButtonWithMenu = function ButtonWithMenu(_ref) {
   var _ref$label = _ref.label,
     label = _ref$label === void 0 ? '' : _ref$label,
@@ -55,32 +56,41 @@ var ButtonWithMenu = function ButtonWithMenu(_ref) {
       isMounted.current = false;
     };
   }, []);
-  return React.createElement(React.Fragment, null, React.createElement(Box, {
-    ref: buttonRef,
-    sx: {
-      display: 'flex',
-      alignItems: 'center',
-      flexShrink: 0
-    }
-  }, React.createElement(Button, {
-    onClick: disabled ? undefined : handleButtonClick,
-    disabled: disabled
-  }, label || t('saveAs'))), hasMultipleMenuItems && React.createElement(Menu, {
-    anchorEl: anchorEl,
-    onClose: closeMenu,
-    open: Boolean(anchorEl)
-  }, menuItems.map(function (item) {
-    return item && React.createElement(MenuItem, {
-      key: item.key,
-      selected: item.isActive,
-      onClick: function onClick() {
-        return handleMenuItemClick(item.onClick);
-      }
-    }, item.icon && React.createElement(ListItemIcon, null, typeof item.icon === 'string' ? React.createElement("span", {
-      dangerouslySetInnerHTML: {
-        __html: item.icon
-      }
-    }) : React.createElement(item.icon, null)), React.createElement(ListItemText, null, item.label));
-  })));
+  return _jsxs(_Fragment, {
+    children: [_jsx(Box, {
+      ref: buttonRef,
+      sx: {
+        display: 'flex',
+        alignItems: 'center',
+        flexShrink: 0
+      },
+      children: _jsx(Button, {
+        onClick: disabled ? undefined : handleButtonClick,
+        disabled: disabled,
+        children: label || t('saveAs')
+      })
+    }), hasMultipleMenuItems && _jsx(Menu, {
+      anchorEl: anchorEl,
+      onClose: closeMenu,
+      open: Boolean(anchorEl),
+      children: menuItems.map(function (item) {
+        return item && _jsxs(MenuItem, {
+          selected: item.isActive,
+          onClick: function onClick() {
+            return handleMenuItemClick(item.onClick);
+          },
+          children: [item.icon && _jsx(ListItemIcon, {
+            children: typeof item.icon === 'string' ? _jsx("span", {
+              dangerouslySetInnerHTML: {
+                __html: item.icon
+              }
+            }) : _jsx(item.icon, {})
+          }), _jsx(ListItemText, {
+            children: item.label
+          })]
+        }, item.key);
+      })
+    })]
+  });
 };
 export default ButtonWithMenu;

package/lib/components/common/color-input/index.d.ts

@@ -0,0 +1,8 @@
+interface ColorInputProps {
+    onChange: (color: string) => void;
+    colorFor: string;
+    color?: string;
+}
+declare const ColorInput: ({ onChange, color, colorFor }: ColorInputProps) => import("react/jsx-runtime").JSX.Element;
+export default ColorInput;
+//# sourceMappingURL=index.d.ts.map

package/lib/components/common/color-input/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/common/color-input/index.tsx"],"names":[],"mappings":"AASA,UAAU,eAAe;IACvB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAGD,QAAA,MAAM,UAAU,GAAI,+BAA+B,eAAe,4CA0FjE,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/lib/components/common/color-input/index.js

@@ -5,6 +5,7 @@ import Box from '@mui/material/Box';
 import { useStore } from "../../../hooks";
 import { SET_LATEST_COLOR } from "../../../actions";
 import ColorPickerModal from "../color-picker-modal";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 var ColorInput = function ColorInput(_ref) {
   var onChange = _ref.onChange,
     color = _ref.color,
@@ -79,23 +80,25 @@ var ColorInput = function ColorInput(_ref) {
     onChange(colorToRestore);
     togglePicker(e);
   };
-  return React.createElement(React.Fragment, null, React.createElement(Box, {
-    onClick: togglePicker,
-    sx: {
-      borderRadius: 1,
-      width: 32,
-      height: 32,
-      border: 1,
-      borderColor: 'divider',
-      cursor: 'pointer',
-      background: currentColor
-    }
-  }), React.createElement(ColorPickerModal, {
-    onChange: changeColor,
-    defaultColor: currentColor,
-    open: Boolean(anchorEl),
-    onClose: closePicker,
-    onApply: togglePicker
-  }));
+  return _jsxs(_Fragment, {
+    children: [_jsx(Box, {
+      onClick: togglePicker,
+      sx: {
+        borderRadius: 1,
+        width: 32,
+        height: 32,
+        border: 1,
+        borderColor: 'divider',
+        cursor: 'pointer',
+        background: currentColor
+      }
+    }), _jsx(ColorPickerModal, {
+      onChange: changeColor,
+      defaultColor: currentColor,
+      open: Boolean(anchorEl),
+      onClose: closePicker,
+      onApply: togglePicker
+    })]
+  });
 };
 export default ColorInput;

package/lib/components/common/color-picker-modal/index.d.ts

@@ -0,0 +1,10 @@
+interface ColorPickerModalProps {
+    defaultColor?: string;
+    onChange?: (color: string) => void;
+    open?: boolean;
+    onClose?: (...args: any[]) => void;
+    onApply?: (...args: any[]) => void;
+}
+declare const ColorPickerModal: ({ defaultColor, onChange, open, onClose, onApply, }: ColorPickerModalProps) => import("react/jsx-runtime").JSX.Element | null;
+export default ColorPickerModal;
+//# sourceMappingURL=index.d.ts.map

package/lib/components/common/color-picker-modal/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/common/color-picker-modal/index.tsx"],"names":[],"mappings":"AASA,UAAU,qBAAqB;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,CAAC;IACnC,OAAO,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,CAAC;CACpC;AAED,QAAA,MAAM,gBAAgB,GAAI,qDAMvB,qBAAqB,mDAkEvB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}