@yorab/react-paint 0.7.6 → 0.9.0

package/dist/components/common/Button.js

@@ -1,88 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _react2 = require("@linaria/react");
-
-const StyledButton = /*#__PURE__*/(0, _react2.styled)('button')({
-  name: "StyledButton",
-  class: "sq3bzv4"
-});
-const StyledButtonContent = /*#__PURE__*/(0, _react2.styled)('span')({
-  name: "StyledButtonContent",
-  class: "sst453j"
-});
-const StyledIcon = /*#__PURE__*/(0, _react2.styled)('span')({
-  name: "StyledIcon",
-  class: "s1q5lsc2"
-});
-const StyledChildren = /*#__PURE__*/(0, _react2.styled)('span')({
-  name: "StyledChildren",
-  class: "s1dis2j8"
-});
-
-const Button = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
-  if (props.type === 'file' || props.type === 'color') {
-    const {
-      hidden = false,
-      disabled = false,
-      selected = false,
-      icon,
-      children,
-      className,
-      title,
-      onClick,
-      ...fileProps
-    } = props;
-    return /*#__PURE__*/_react.default.createElement(StyledButton, {
-      as: "label",
-      className: className,
-      title: title,
-      onClick: onClick,
-      "data-disabled": +disabled,
-      "data-selected": +selected,
-      "data-hidden": +hidden
-    }, /*#__PURE__*/_react.default.createElement("input", (0, _extends2.default)({
-      ref: ref,
-      disabled: disabled
-    }, fileProps)), /*#__PURE__*/_react.default.createElement(StyledButtonContent, null, children && /*#__PURE__*/_react.default.createElement(StyledChildren, null, children), icon && /*#__PURE__*/_react.default.createElement(StyledIcon, {
-      dangerouslySetInnerHTML: {
-        __html: icon
-      }
-    })));
-  } else {
-    const {
-      hidden = false,
-      disabled = false,
-      selected = false,
-      icon,
-      children,
-      type = 'button',
-      ...fileProps
-    } = props;
-    return /*#__PURE__*/_react.default.createElement(StyledButton, (0, _extends2.default)({
-      ref: ref,
-      disabled: disabled,
-      "data-disabled": +disabled,
-      "data-selected": +selected,
-      "data-hidden": +hidden,
-      type: type
-    }, fileProps), /*#__PURE__*/_react.default.createElement(StyledButtonContent, null, children && /*#__PURE__*/_react.default.createElement(StyledChildren, null, children), icon && /*#__PURE__*/_react.default.createElement(StyledIcon, {
-      dangerouslySetInnerHTML: {
-        __html: icon
-      }
-    })));
-  }
-});
-
-var _default = Button;
-exports.default = _default;

package/dist/components/common/Loading.js

@@ -1,57 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = require("@linaria/react");
-
-var _app = require("../../constants/app");
-
-var _loading = require("../../constants/loading");
-
-var _style = require("../../constants/style");
-
-var _react2 = _interopRequireWildcard(require("react"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-const StyledLoading = /*#__PURE__*/(0, _react.styled)('div')({
-  name: "StyledLoading",
-  class: "s9j48u3"
-});
-const StyledLoader = /*#__PURE__*/(0, _react.styled)('div')({
-  name: "StyledLoader",
-  class: "s4auclc"
-});
-const StyledShape = /*#__PURE__*/(0, _react.styled)('div')({
-  name: "StyledShape",
-  class: "s1l3fbq"
-});
-
-const Loading = _ref => {
-  let {
-    isLoading = false
-  } = _ref;
-  const [loadingState, setLoadingState] = (0, _react2.useState)('hidden');
-  (0, _react2.useEffect)(() => {
-    if (isLoading) {
-      setLoadingState('visible');
-    } else {
-      setLoadingState('fadeOut');
-      const fadeOutTimeout = setTimeout(() => setLoadingState('hidden'), _loading.LOADING_TRANSITION_DURATION);
-      return () => {
-        clearTimeout(fadeOutTimeout);
-      };
-    }
-  }, [isLoading]);
-  return loadingState === 'hidden' ? null : /*#__PURE__*/_react2.default.createElement(StyledLoading, {
-    "data-loading": loadingState
-  }, /*#__PURE__*/_react2.default.createElement(StyledLoader, null, /*#__PURE__*/_react2.default.createElement(StyledShape, null), /*#__PURE__*/_react2.default.createElement(StyledShape, null), /*#__PURE__*/_react2.default.createElement(StyledShape, null), /*#__PURE__*/_react2.default.createElement(StyledShape, null)));
-};
-
-var _default = Loading;
-exports.default = _default;

package/dist/components/common/Modal.js

@@ -1,46 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _react2 = require("@linaria/react");
-
-var _style = require("../../constants/style");
-
-const StyledModal = /*#__PURE__*/(0, _react2.styled)('div')({
-  name: "StyledModal",
-  class: "s1c8tp02"
-});
-const StyledPanel = /*#__PURE__*/(0, _react2.styled)('div')({
-  name: "StyledPanel",
-  class: "svkxpz4"
-});
-const StyledMask = /*#__PURE__*/(0, _react2.styled)('div')({
-  name: "StyledMask",
-  class: "s1s9jyyg"
-});
-
-const Modal = _ref => {
-  let {
-    children,
-    onClose,
-    position = 'center',
-    className
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement(StyledModal, {
-    "data-position": position
-  }, /*#__PURE__*/_react.default.createElement(StyledMask, {
-    onClick: onClose
-  }), /*#__PURE__*/_react.default.createElement(StyledPanel, {
-    className: className
-  }, children));
-};
-
-var _default = Modal;
-exports.default = _default;

package/dist/components/common/Panel.js

@@ -1,43 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _react2 = require("@linaria/react");
-
-var _style = require("../../constants/style");
-
-const StyledPanel = /*#__PURE__*/(0, _react2.styled)('div')({
-  name: "StyledPanel",
-  class: "s1xzg253"
-});
-const StyledTitle = /*#__PURE__*/(0, _react2.styled)('h3')({
-  name: "StyledTitle",
-  class: "s17qj3jh"
-});
-
-const Panel = _ref => {
-  let {
-    children,
-    title = '',
-    className,
-    position = 'bottom',
-    fitContainer = false,
-    alignment = 'center'
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement(StyledPanel, {
-    className: className,
-    "data-fitcontainer": fitContainer,
-    "data-position": position,
-    "data-alignment": alignment
-  }, title && /*#__PURE__*/_react.default.createElement(StyledTitle, null, title), children);
-};
-
-var _default = Panel;
-exports.default = _default;

package/dist/components/common/Snackbar.js

@@ -1,68 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _react2 = require("@linaria/react");
-
-var _style = require("../../constants/style");
-
-var _snackbar = require("../../constants/snackbar");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-const StyledSnackbar = /*#__PURE__*/(0, _react2.styled)('div')({
-  name: "StyledSnackbar",
-  class: "s1xssqat"
-});
-const StyledSnackbarContainer = /*#__PURE__*/(0, _react2.styled)('div')({
-  name: "StyledSnackbarContainer",
-  class: "s1bgtt22"
-});
-
-const Snackbar = _ref => {
-  let {
-    type,
-    text,
-    duration
-  } = _ref;
-  const [isShown, setIsShown] = (0, _react.useState)(false);
-  (0, _react.useEffect)(() => {
-    const timeoutShowId = setTimeout(() => {
-      setIsShown(true);
-    }, _snackbar.SNACKBAR_TOGGLE_ANIMATION_DURATION);
-    const timeoutHideId = setTimeout(() => {
-      setIsShown(false);
-    }, duration - _snackbar.SNACKBAR_DURATION - _snackbar.SNACKBAR_TOGGLE_ANIMATION_DURATION);
-    return () => {
-      clearTimeout(timeoutShowId);
-      clearTimeout(timeoutHideId);
-    };
-  }, [duration]);
-  return /*#__PURE__*/_react.default.createElement(StyledSnackbar, {
-    "data-is-shown": +isShown,
-    "data-type": type
-  }, text);
-};
-
-const SnackbarContainer = _ref2 => {
-  let {
-    snackbarList
-  } = _ref2;
-  return /*#__PURE__*/_react.default.createElement(StyledSnackbarContainer, null, snackbarList.map(snackbar => /*#__PURE__*/_react.default.createElement(Snackbar, (0, _extends2.default)({
-    key: snackbar.id
-  }, snackbar))));
-};
-
-var _default = SnackbarContainer;
-exports.default = _default;

package/dist/components/settings/ColorField.js

@@ -1,125 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _fp = _interopRequireDefault(require("lodash/fp"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _react2 = require("@linaria/react");
-
-var _Button = _interopRequireDefault(require("../common/Button"));
-
-var _Panel = _interopRequireDefault(require("../common/Panel"));
-
-var _icons = require("../../constants/icons");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-const StyledColor = /*#__PURE__*/(0, _react2.styled)('div')({
-  name: "StyledColor",
-  class: "snh2jyk",
-  vars: {
-    "snh2jyk-0": [_ref => {
-      let {
-        color
-      } = _ref;
-      return color;
-    }]
-  }
-});
-const StyleWrapper = /*#__PURE__*/(0, _react2.styled)('div')({
-  name: "StyleWrapper",
-  class: "sfm1cqx"
-});
-const StyledCustomColor = /*#__PURE__*/(0, _react2.styled)('div')({
-  name: "StyledCustomColor",
-  class: "sttf061",
-  vars: {
-    "sttf061-0": [_ref2 => {
-      let {
-        color
-      } = _ref2;
-      return color;
-    }]
-  }
-});
-
-const ColorField = _ref3 => {
-  let {
-    selectedSettings,
-    setSelectedSettings,
-    title = 'Choisissez une couleur',
-    mode = 'fill',
-    disabled = false,
-    values,
-    field,
-    value = '',
-    valueChanged
-  } = _ref3;
-  const [customKey] = (0, _react.useState)(_fp.default.uniqueId('settings_'));
-
-  const handleChange = event => {
-    const parsedValue = _fp.default.toNumber(event.target.value);
-
-    valueChanged(field, _fp.default.isNaN(parsedValue) ? event.target.value : parsedValue);
-  };
-
-  const handleClick = value => {
-    valueChanged(field, value);
-  };
-
-  const togglePanel = () => {
-    setSelectedSettings(prev => {
-      return prev === customKey ? undefined : customKey;
-    });
-  };
-
-  const isPanelVisible = selectedSettings === customKey;
-  if (_fp.default.isEmpty(values)) return null;
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Button.default, {
-    selected: isPanelVisible,
-    title: title,
-    disabled: disabled,
-    onClick: togglePanel,
-    icon: value === 'transparent' ? mode === 'fill' ? _icons.noFillIcon : _icons.noStrokeIcon : undefined
-  }, value !== 'transparent' && /*#__PURE__*/_react.default.createElement(StyledColor, {
-    color: value,
-    "data-mode": mode
-  })), isPanelVisible && /*#__PURE__*/_react.default.createElement(_Panel.default, {
-    title: title,
-    alignment: "left"
-  }, /*#__PURE__*/_react.default.createElement(StyleWrapper, null, values.map((color, index) => /*#__PURE__*/_react.default.createElement(_Button.default, {
-    title: color,
-    key: index,
-    selected: color === value,
-    color: color,
-    icon: color === 'transparent' ? mode === 'fill' ? _icons.noFillIcon : _icons.noStrokeIcon : undefined,
-    onClick: () => handleClick(color)
-  }, color !== 'transparent' && /*#__PURE__*/_react.default.createElement(StyledColor, {
-    color: color,
-    "data-mode": mode
-  }))), /*#__PURE__*/_react.default.createElement(_Button.default, {
-    type: "color",
-    title: "Custom color",
-    selected: !_fp.default.includes(value, values),
-    value: value,
-    onChange: handleChange
-  }, /*#__PURE__*/_react.default.createElement(StyledCustomColor, {
-    color: _fp.default.includes(value, values) ? 'var(--font-color)' : value
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    dangerouslySetInnerHTML: {
-      __html: _icons.paletteIcon
-    }
-  }))))));
-};
-
-var _default = ColorField;
-exports.default = _default;

package/dist/components/settings/DeleteButton.js

@@ -1,37 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _icons = require("../../constants/icons");
-
-var _Button = _interopRequireDefault(require("../common/Button"));
-
-const DeleteButton = _ref => {
-  let {
-    disabled = false,
-    selectedShape,
-    removeShape
-  } = _ref;
-
-  const handleRemove = () => {
-    removeShape(selectedShape);
-  };
-
-  return /*#__PURE__*/_react.default.createElement(_Button.default, {
-    title: "Delete",
-    disabled: disabled,
-    "data-disabled": +disabled,
-    onClick: handleRemove,
-    icon: _icons.trashIcon
-  });
-};
-
-var _default = DeleteButton;
-exports.default = _default;

package/dist/components/settings/FontFamilyField.js

@@ -1,67 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _SelectField = _interopRequireDefault(require("./SelectField"));
-
-var _react2 = require("@linaria/react");
-
-var _fp = _interopRequireDefault(require("lodash/fp"));
-
-var _icons = require("../../constants/icons");
-
-const StyledOption = /*#__PURE__*/(0, _react2.styled)('span')({
-  name: "StyledOption",
-  class: "smpmxx5",
-  vars: {
-    "smpmxx5-0": [_ref => {
-      let {
-        family
-      } = _ref;
-      return family;
-    }]
-  }
-});
-
-const FontFamilyOption = _ref2 => {
-  let {
-    children
-  } = _ref2;
-  return /*#__PURE__*/_react.default.createElement(StyledOption, {
-    family: children
-  }, children);
-};
-
-const FontFamilyField = _ref3 => {
-  let {
-    selectedSettings,
-    setSelectedSettings,
-    disabled = false,
-    values,
-    defaultValue,
-    valueChanged
-  } = _ref3;
-  if (_fp.default.isEmpty(values)) return null;
-  return /*#__PURE__*/_react.default.createElement(_SelectField.default, {
-    selectedSettings: selectedSettings,
-    setSelectedSettings: setSelectedSettings,
-    CustomOption: FontFamilyOption,
-    title: "Police",
-    icon: _icons.fontIcon,
-    disabled: disabled,
-    field: "fontFamily",
-    values: values,
-    defaultValue: defaultValue,
-    valueChanged: valueChanged
-  });
-};
-
-var _default = FontFamilyField;
-exports.default = _default;

package/dist/components/settings/LayoutButton.js

@@ -1,39 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _react2 = require("@linaria/react");
-
-var _icons = require("../../constants/icons");
-
-var _Button = _interopRequireDefault(require("../common/Button"));
-
-const StyleToggleLayoutButton = /*#__PURE__*/(0, _react2.styled)(_Button.default)({
-  name: "StyleToggleLayoutButton",
-  class: "sj7hhjx"
-});
-
-const LayoutButton = _ref => {
-  let {
-    layersManipulation,
-    disabled,
-    toggleLayoutPanel
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement(StyleToggleLayoutButton, {
-    title: "Toggle layers panel",
-    "data-hidden": !layersManipulation,
-    disabled: disabled,
-    onClick: toggleLayoutPanel,
-    icon: _icons.layersIcon
-  });
-};
-
-var _default = LayoutButton;
-exports.default = _default;