@pingux/astro 1.27.0-alpha.20 → 1.27.0-alpha.22

package/lib/cjs/hooks/useField/index.js

@@ -1,18 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-
-_Object$defineProperty(exports, "default", {
-  enumerable: true,
-  get: function get() {
-    return _useField["default"];
-  }
-});
-
-var _useField = _interopRequireDefault(require("./useField"));

package/lib/cjs/hooks/useField/useField.js

@@ -1,256 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
-
-var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
-
-var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
-
-var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-
-var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
-
-var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
-
-var _Object$keys2 = require("@babel/runtime-corejs3/core-js-stable/object/keys");
-
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-
-exports["default"] = void 0;
-
-var _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/keys"));
-
-var _entries = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/entries"));
-
-var _reduce = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/reduce"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
-
-var _react = require("react");
-
-var _omit = _interopRequireDefault(require("lodash/omit"));
-
-var _noop = _interopRequireDefault(require("lodash/noop"));
-
-var _label = require("@react-aria/label");
-
-var _interactions = require("@react-aria/interactions");
-
-var _focus = require("@react-aria/focus");
-
-var _utils = require("@react-aria/utils");
-
-var _statuses = _interopRequireDefault(require("../../utils/devUtils/constants/statuses"));
-
-var _hooks = require("../../hooks");
-
-var _constants = require("../../components/Label/constants");
-
-var _excluded = ["autocomplete", "autoComplete", "autoCorrect", "children", "className", "containerProps", "controlProps", "defaultText", "defaultValue", "direction", "disabledKeys", "hasAutoFocus", "hasNoStatusIndicator", "helperText", "hintText", "id", "isDefaultSelected", "isDisabled", "isReadOnly", "isRequired", "isSelected", "label", "labelMode", "labelProps", "maxLength", "name", "onBlur", "onChange", "onClear", "onFocus", "onFocusChange", "onLoadMore", "onOpenChange", "onSelectionChange", "placeholder", "role", "selectedKey", "spellCheck", "status", "statusClasses", "type", "value"];
-
-function ownKeys(object, enumerableOnly) { var keys = _Object$keys2(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context2 = ownKeys(Object(source), !0)).call(_context2, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-/**
- * Generates the necessary props to be used in field components.
- * @param {{}} props Props for the field
- * @returns {{}} Prop objects to be spread into field components.
- */
-var useField = function useField() {
-  var _context;
-
-  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var autocomplete = props.autocomplete,
-      autoComplete = props.autoComplete,
-      autoCorrect = props.autoCorrect,
-      children = props.children,
-      className = props.className,
-      _props$containerProps = props.containerProps,
-      containerProps = _props$containerProps === void 0 ? {} : _props$containerProps,
-      _props$controlProps = props.controlProps,
-      controlProps = _props$controlProps === void 0 ? {} : _props$controlProps,
-      defaultText = props.defaultText,
-      defaultValue = props.defaultValue,
-      direction = props.direction,
-      disabledKeys = props.disabledKeys,
-      hasAutoFocus = props.hasAutoFocus,
-      hasNoStatusIndicator = props.hasNoStatusIndicator,
-      helperText = props.helperText,
-      hintText = props.hintText,
-      id = props.id,
-      isDefaultSelected = props.isDefaultSelected,
-      isDisabled = props.isDisabled,
-      isReadOnly = props.isReadOnly,
-      isRequired = props.isRequired,
-      isSelected = props.isSelected,
-      label = props.label,
-      labelMode = props.labelMode,
-      _props$labelProps = props.labelProps,
-      labelProps = _props$labelProps === void 0 ? {} : _props$labelProps,
-      maxLength = props.maxLength,
-      name = props.name,
-      onBlur = props.onBlur,
-      _props$onChange = props.onChange,
-      onChange = _props$onChange === void 0 ? _noop["default"] : _props$onChange,
-      onClear = props.onClear,
-      onFocus = props.onFocus,
-      onFocusChange = props.onFocusChange,
-      onLoadMore = props.onLoadMore,
-      onOpenChange = props.onOpenChange,
-      onSelectionChange = props.onSelectionChange,
-      placeholder = props.placeholder,
-      role = props.role,
-      selectedKey = props.selectedKey,
-      spellCheck = props.spellCheck,
-      _props$status = props.status,
-      status = _props$status === void 0 ? _statuses["default"].DEFAULT : _props$status,
-      statusClasses = props.statusClasses,
-      type = props.type,
-      value = props.value,
-      others = (0, _objectWithoutProperties2["default"])(props, _excluded); // 0 could be a valid input for fields, but null, undefined, and '' are not
-
-  var _useState = (0, _react.useState)(!!value || value === 0),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      hasValue = _useState2[0],
-      setHasValue = _useState2[1];
-
-  var _useState3 = (0, _react.useState)(false),
-      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-      hasFocusWithin = _useState4[0],
-      setFocusWithin = _useState4[1];
-
-  (0, _react.useEffect)(function () {
-    if (!!defaultValue || defaultValue === 0 || !!value || value === 0 || !!placeholder || placeholder === 0) {
-      setHasValue(true);
-    } else {
-      setHasValue(false);
-    }
-  }, [defaultValue, value, placeholder]); // Capture value changes so we can apply the has-value class to the container
-
-  var fieldOnChange = function fieldOnChange(e) {
-    var _e$target;
-
-    var eventValue = e === null || e === void 0 ? void 0 : (_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.value;
-
-    if (!!eventValue || eventValue === 0 || !!placeholder || placeholder === 0) {
-      setHasValue(true);
-    } else {
-      setHasValue(false);
-    } // adding this function resolves the error brought up in UIP-5116
-
-
-    if (e.persist) {
-      e.persist();
-    } // Make sure to call the original onChange event
-
-
-    return onChange(e);
-  };
-
-  var _useLabel = (0, _label.useLabel)(_objectSpread(_objectSpread({}, props), controlProps)),
-      raLabelProps = _useLabel.labelProps,
-      raFieldProps = _useLabel.fieldProps;
-
-  var _useFocusRing = (0, _focus.useFocusRing)(),
-      isFocusVisible = _useFocusRing.isFocusVisible,
-      focusProps = _useFocusRing.focusProps;
-
-  var _useStatusClasses = (0, _hooks.useStatusClasses)(className, _objectSpread((0, _defineProperty2["default"])({
-    hasNoStatusIndicator: hasNoStatusIndicator,
-    isFocused: isFocusVisible,
-    isDisabled: isDisabled,
-    isReadOnly: isReadOnly
-  }, "is-".concat(status), true), statusClasses)),
-      classNames = _useStatusClasses.classNames;
-
-  var ariaProps = (0, _reduce["default"])(_context = (0, _entries["default"])(others)).call(_context, function (acc, _ref) {
-    var _ref2 = (0, _slicedToArray2["default"])(_ref, 2),
-        key = _ref2[0],
-        val = _ref2[1];
-
-    if (key.match(/^aria-.*/)) return _objectSpread(_objectSpread({}, acc), {}, (0, _defineProperty2["default"])({}, key, val));
-    return _objectSpread({}, acc);
-  }, {}); // Handle focus within and value state for the container. These are needed for float labels.
-
-  var _useFocusWithin = (0, _interactions.useFocusWithin)({
-    onFocusWithinChange: setFocusWithin
-  }),
-      focusWithinProps = _useFocusWithin.focusWithinProps;
-
-  var isFloatLabel = labelMode === _constants.modes.FLOAT || (labelProps === null || labelProps === void 0 ? void 0 : labelProps.labelMode) === _constants.modes.FLOAT;
-  var isLeftLabel = labelMode === _constants.modes.LEFT || (labelProps === null || labelProps === void 0 ? void 0 : labelProps.labelMode) === _constants.modes.LEFT;
-  var isFloatLabelActive = isFloatLabel && (hasValue || (containerProps === null || containerProps === void 0 ? void 0 : containerProps.isFloatLabelActive));
-
-  var _useStatusClasses2 = (0, _hooks.useStatusClasses)(containerProps === null || containerProps === void 0 ? void 0 : containerProps.className, {
-    'field-container': true,
-    // generates 'field-container' class
-    hasValue: hasValue,
-    hasFocusWithin: hasFocusWithin,
-    isLeftLabel: isLeftLabel,
-    isFloatLabel: isFloatLabel,
-    isFloatLabelActive: isFloatLabelActive
-  }),
-      containerClasses = _useStatusClasses2.classNames;
-
-  var nonAriaOthers = _objectSpread({}, (0, _omit["default"])(others, (0, _keys["default"])(ariaProps)));
-
-  var fieldContainerProps = _objectSpread(_objectSpread(_objectSpread({}, nonAriaOthers), (0, _utils.mergeProps)(containerProps, focusWithinProps)), {}, {
-    className: containerClasses,
-    sx: _objectSpread({
-      position: 'relative'
-    }, containerProps === null || containerProps === void 0 ? void 0 : containerProps.sx)
-  });
-
-  var fieldControlProps = _objectSpread(_objectSpread(_objectSpread({
-    autoComplete: autocomplete || autoComplete,
-    autoCorrect: autoCorrect,
-    autoFocus: hasAutoFocus,
-    className: classNames,
-    defaultSelected: isDefaultSelected,
-    defaultValue: defaultValue,
-    disabled: isDisabled,
-    id: id,
-    isFocused: hasFocusWithin,
-    maxLength: maxLength,
-    name: name,
-    onChange: fieldOnChange,
-    placeholder: placeholder,
-    readOnly: isReadOnly,
-    required: isRequired,
-    role: role,
-    spellCheck: spellCheck,
-    type: type,
-    value: value
-  }, ariaProps), raFieldProps), (0, _utils.mergeProps)({
-    onBlur: onBlur,
-    onFocus: onFocus
-  }, (0, _omit["default"])(controlProps, 'data-testid'), focusProps));
-
-  var fieldLabelProps = _objectSpread(_objectSpread({
-    children: label,
-    className: classNames,
-    hintText: hintText,
-    isRequired: isRequired,
-    mode: labelMode
-  }, raLabelProps), labelProps);
-
-  return {
-    fieldContainerProps: fieldContainerProps,
-    fieldControlProps: fieldControlProps,
-    fieldLabelProps: fieldLabelProps
-  };
-};
-
-var _default = useField;
-exports["default"] = _default;

package/lib/cjs/hooks/useField/useField.test.js

@@ -1,253 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
-
-var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
-
-var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
-
-var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-
-var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
-
-var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
-
-var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-
-var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
-
-var _reactHooks = require("@testing-library/react-hooks");
-
-var _useField = _interopRequireDefault(require("./useField"));
-
-var _statuses = _interopRequireDefault(require("../../utils/devUtils/constants/statuses"));
-
-var _constants = require("../../components/Label/constants");
-
-function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context3 = ownKeys(Object(source), !0)).call(_context3, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context4 = ownKeys(Object(source))).call(_context4, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-var defaultProps = {
-  autoComplete: 'off',
-  className: 'test',
-  containerProps: {
-    id: 'test'
-  },
-  controlProps: {
-    id: 'test'
-  },
-  defaultValue: 'test',
-  hasAutoFocus: true,
-  id: 'test',
-  isDefaultSelected: true,
-  isDisabled: true,
-  isReadOnly: true,
-  isRequired: true,
-  isSelected: true,
-  label: 'test',
-  name: 'test',
-  placeholder: 'test',
-  role: 'test',
-  statusClasses: {
-    isTested: true
-  },
-  type: 'test',
-  value: 'test'
-};
-test('default useField', function () {
-  (0, _reactHooks.renderHook)(function () {
-    return (0, _useField["default"])();
-  });
-});
-test('should return props objects for field components', function () {
-  var _context, _context2;
-
-  var _renderHook = (0, _reactHooks.renderHook)(function () {
-    return (0, _useField["default"])(defaultProps);
-  }),
-      result = _renderHook.result;
-
-  var _result$current = result.current,
-      fieldContainerProps = _result$current.fieldContainerProps,
-      fieldControlProps = _result$current.fieldControlProps,
-      fieldLabelProps = _result$current.fieldLabelProps;
-  expect(fieldContainerProps).toEqual({
-    className: 'field-container has-value',
-    id: defaultProps.containerProps.id,
-    onBlur: expect.any(Function),
-    onFocus: expect.any(Function),
-    sx: expect.objectContaining({
-      position: 'relative'
-    })
-  });
-  expect(fieldControlProps).toEqual({
-    autoComplete: defaultProps.autoComplete,
-    autoFocus: defaultProps.hasAutoFocus,
-    className: (0, _concat["default"])(_context = "".concat(defaultProps.className, " is-disabled is-read-only is-")).call(_context, _statuses["default"].DEFAULT, " is-tested"),
-    defaultSelected: true,
-    defaultValue: defaultProps.defaultValue,
-    disabled: true,
-    id: defaultProps.id,
-    isFocused: false,
-    readOnly: true,
-    required: true,
-    onBlur: expect.any(Function),
-    onChange: expect.any(Function),
-    onFocus: expect.any(Function),
-    name: defaultProps.name,
-    placeholder: defaultProps.placeholder,
-    role: defaultProps.role,
-    type: defaultProps.type,
-    value: defaultProps.value,
-    'aria-label': undefined,
-    'aria-labelledby': expect.any(String)
-  });
-  expect(fieldLabelProps).toEqual({
-    children: defaultProps.label,
-    className: (0, _concat["default"])(_context2 = "".concat(defaultProps.className, " is-disabled is-read-only is-")).call(_context2, _statuses["default"].DEFAULT, " is-tested"),
-    id: expect.any(String),
-    htmlFor: expect.any(String),
-    isRequired: true
-  });
-});
-test('should support autocomplete additionally', function () {
-  var newProps = _objectSpread(_objectSpread({}, defaultProps), {}, {
-    autocomplete: 'new-password'
-  });
-
-  delete newProps.autoComplete;
-
-  var _renderHook2 = (0, _reactHooks.renderHook)(function () {
-    return (0, _useField["default"])(newProps);
-  }),
-      result = _renderHook2.result;
-
-  var fieldControlProps = result.current.fieldControlProps;
-  expect(fieldControlProps).toMatchObject({
-    autoComplete: 'new-password'
-  });
-});
-test('should return isFloatLabelActive class for container', function () {
-  var _renderHook3 = (0, _reactHooks.renderHook)(function (initialProps) {
-    return (0, _useField["default"])(_objectSpread(_objectSpread({}, initialProps), {}, {
-      placeholder: null
-    }));
-  }, {
-    initialProps: defaultProps
-  }),
-      result = _renderHook3.result,
-      rerender = _renderHook3.rerender; // Does not have the class if the label mode is not set to float
-
-
-  expect(result.current.fieldContainerProps.className).not.toContain('is-float-label-active'); // Has the class if the value is valid and label mode is float
-
-  rerender(_objectSpread(_objectSpread({}, defaultProps), {}, {
-    labelMode: _constants.modes.FLOAT
-  }));
-  expect(result.current.fieldContainerProps.className).toContain('is-float-label-active'); // Does not have the class if the value is invalid
-
-  (0, _reactHooks.act)(function () {
-    return result.current.fieldControlProps.onChange({
-      target: {
-        value: undefined
-      }
-    });
-  });
-  expect(result.current.fieldContainerProps.className).not.toContain('is-float-label-active'); // Has the class if the container has focus within it
-
-  (0, _reactHooks.act)(function () {
-    return result.current.fieldContainerProps.onFocus({});
-  });
-  expect(result.current.fieldContainerProps.className).toContain('is-float-label'); // Does not have the class if the container loses focus within it
-
-  (0, _reactHooks.act)(function () {
-    return result.current.fieldContainerProps.onBlur({
-      currentTarget: {
-        contains: jest.fn()
-      }
-    });
-  });
-  expect(result.current.fieldContainerProps.className).not.toContain('is-float-label-active'); // Has the class if the mode is float and the isFloatLabelActive containerProp is passed in
-
-  rerender(_objectSpread(_objectSpread({}, defaultProps), {}, {
-    labelMode: _constants.modes.FLOAT,
-    containerProps: {
-      isFloatLabelActive: true
-    }
-  }));
-  expect(result.current.fieldContainerProps.className).toContain('is-float-label-active');
-});
-test('should return isLeftLabel class for container', function () {
-  var _renderHook4 = (0, _reactHooks.renderHook)(function (initialProps) {
-    return (0, _useField["default"])(initialProps);
-  }, {
-    initialProps: defaultProps
-  }),
-      result = _renderHook4.result,
-      rerender = _renderHook4.rerender; // Does not have the class if the label mode is not set to left
-
-
-  expect(result.current.fieldContainerProps.className).not.toContain('is-left-label'); // Has the class if the value is valid and label mode is left
-
-  rerender(_objectSpread(_objectSpread({}, defaultProps), {}, {
-    labelMode: _constants.modes.LEFT
-  }));
-  expect(result.current.fieldContainerProps.className).toContain('is-left-label');
-});
-test('should return hasValue class for container when onChange updates internal state', function () {
-  var onChange = jest.fn();
-  var numCalls = 0;
-
-  var _renderHook5 = (0, _reactHooks.renderHook)(function () {
-    return (0, _useField["default"])(_objectSpread(_objectSpread({}, defaultProps), {}, {
-      defaultValue: null,
-      placeholder: null,
-      onChange: onChange,
-      value: ''
-    }));
-  }),
-      result = _renderHook5.result; // Empty string is not a valid value
-
-
-  expect(result.current.fieldContainerProps.className).not.toContain('has-value'); // 0 should be a valid value
-
-  (0, _reactHooks.act)(function () {
-    return result.current.fieldControlProps.onChange({
-      target: {
-        value: 0
-      }
-    });
-  });
-  expect(result.current.fieldContainerProps.className).toContain('has-value');
-  numCalls += 1; // undefined is not a valid value
-
-  (0, _reactHooks.act)(function () {
-    return result.current.fieldControlProps.onChange({
-      target: {
-        value: undefined
-      }
-    });
-  });
-  expect(result.current.fieldContainerProps.className).not.toContain('has-value');
-  numCalls += 1; // a non-empty string is a valid value
-
-  (0, _reactHooks.act)(function () {
-    return result.current.fieldControlProps.onChange({
-      target: {
-        value: 'a'
-      }
-    });
-  });
-  expect(result.current.fieldContainerProps.className).toContain('has-value');
-  numCalls += 1; // the original onChange should be called each time
-
-  expect(numCalls).toBeGreaterThan(0);
-  expect(onChange).toHaveBeenCalledTimes(numCalls);
-});

package/lib/cjs/hooks/useImageUploadState/index.js

@@ -1,18 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-
-_Object$defineProperty(exports, "useImageUploadState", {
-  enumerable: true,
-  get: function get() {
-    return _useImageUploadState["default"];
-  }
-});
-
-var _useImageUploadState = _interopRequireDefault(require("./useImageUploadState"));

package/lib/cjs/hooks/useImageUploadState/useImageUploadState.js

@@ -1,143 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-
-exports["default"] = void 0;
-
-var _includes = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/includes"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
-
-var _react = require("react");
-
-var useImageUploadState = function useImageUploadState() {
-  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var inputRef = arguments.length > 1 ? arguments[1] : undefined;
-  var existingImage = props.previewImage,
-      defaultPreviewNode = props.defaultPreviewImage,
-      fileTypes = props.fileTypes,
-      onChange = props.onChange,
-      previewHeight = props.previewHeight,
-      previewWidth = props.previewWidth;
-  var defaultPreviewImage = (0, _react.useMemo)(function () {
-    return typeof defaultPreviewNode === 'string' ? defaultPreviewNode : null;
-  }, [defaultPreviewNode]);
-
-  var _useState = (0, _react.useState)(existingImage || defaultPreviewImage),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      previewImage = _useState2[0],
-      setPreviewImage = _useState2[1];
-
-  var _useState3 = (0, _react.useState)(false),
-      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-      isMenuOpen = _useState4[0],
-      setIsMenuOpen = _useState4[1];
-
-  var _useState5 = (0, _react.useState)(true),
-      _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
-      isImageType = _useState6[0],
-      setIsImageType = _useState6[1];
-
-  var _useState7 = (0, _react.useState)(''),
-      _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
-      fileName = _useState8[0],
-      setFileName = _useState8[1];
-
-  (0, _react.useEffect)(function () {
-    return setPreviewImage(existingImage || defaultPreviewImage);
-  }, [existingImage, defaultPreviewImage]);
-  var pressPreviewButton = (0, _react.useCallback)(function () {
-    if (previewImage && previewImage !== defaultPreviewImage) {
-      setIsMenuOpen(true);
-    } else {
-      inputRef.current.click();
-    }
-  }, [defaultPreviewImage, previewImage, inputRef]);
-  var handleInputChange = (0, _react.useCallback)(function (event) {
-    var _event$target, _event$target$files$, _event$target$files$$;
-
-    var eventFileType = (_event$target = event.target) === null || _event$target === void 0 ? void 0 : (_event$target$files$ = _event$target.files[0]) === null || _event$target$files$ === void 0 ? void 0 : (_event$target$files$$ = _event$target$files$.type) === null || _event$target$files$$ === void 0 ? void 0 : _event$target$files$$.split('/')[0];
-
-    if (fileTypes !== null && fileTypes !== void 0 && (0, _includes["default"])(fileTypes).call(fileTypes, eventFileType)) {
-      if (onChange && typeof onChange === 'function') {
-        onChange(event);
-      } // If existing image is not undefined, we rely on consumers to handle this themselves.
-
-
-      if (existingImage === undefined) {
-        if (eventFileType === 'image') {
-          var _event$target2;
-
-          setIsImageType(true);
-          var reader = new FileReader();
-
-          reader.onload = function (_ref) {
-            var result = _ref.target.result;
-            setPreviewImage(result);
-          };
-
-          reader.readAsDataURL((_event$target2 = event.target) === null || _event$target2 === void 0 ? void 0 : _event$target2.files[0]);
-        } else {
-          var _event$target3, _event$target3$files$;
-
-          setIsImageType(false);
-          setFileName((_event$target3 = event.target) === null || _event$target3 === void 0 ? void 0 : (_event$target3$files$ = _event$target3.files[0]) === null || _event$target3$files$ === void 0 ? void 0 : _event$target3$files$.name);
-        }
-      }
-    }
-  }, []);
-  var handleOpenMenuChange = (0, _react.useCallback)(function (isOpen) {
-    if (isOpen && previewImage && previewImage !== defaultPreviewImage) {
-      setIsMenuOpen(true);
-    } else {
-      setIsMenuOpen(false);
-    }
-  }, [defaultPreviewImage, previewImage]);
-  var removePreview = (0, _react.useCallback)(function () {
-    return setPreviewImage(defaultPreviewImage);
-  }, [defaultPreviewImage]);
-  var showFileDialog = (0, _react.useCallback)(function () {
-    var _inputRef$current;
-
-    return inputRef === null || inputRef === void 0 ? void 0 : (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.click();
-  }, [inputRef]);
-  var handleLabelClick = (0, _react.useCallback)(function (e) {
-    e.preventDefault();
-
-    if (previewImage && previewImage !== defaultPreviewImage) {
-      setIsMenuOpen(true);
-    } else {
-      showFileDialog();
-    }
-  }, [previewImage, defaultPreviewImage]);
-  var widthHeightSx = (0, _react.useMemo)(function () {
-    return {
-      height: previewHeight,
-      width: previewWidth
-    };
-  }, [previewHeight, previewWidth]);
-  return {
-    defaultPreviewImage: defaultPreviewImage,
-    defaultPreviewNode: defaultPreviewNode,
-    fileName: fileName,
-    handleInputChange: handleInputChange,
-    handleLabelClick: handleLabelClick,
-    handleOpenMenuChange: handleOpenMenuChange,
-    isImageType: isImageType,
-    isMenuOpen: isMenuOpen,
-    pressPreviewButton: pressPreviewButton,
-    previewImage: previewImage,
-    removePreview: removePreview,
-    showFileDialog: showFileDialog,
-    widthHeightSx: widthHeightSx
-  };
-};
-
-var _default = useImageUploadState;
-exports["default"] = _default;