@wix/design-system/dist/cjs/CornerRadiusInput/components/InputField/InputField.js

@wix/design-system

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.InputField = void 0;
var _react = _interopRequireDefault(require("react"));
var _CornerRadiusInputSt = require("../../CornerRadiusInput.st.css.js");
var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
var _Input = _interopRequireDefault(require("../../../Input"));
var _NumberInput = _interopRequireDefault(require("../../../NumberInput"));
var _FormField = _interopRequireDefault(require("../../../FormField"));
var _CornerRadiusInput = require("../../CornerRadiusInput.constants");
var _jsxFileName = "/home/builduser/work/57e038ea7326c1ec/packages/wix-design-system/dist/cjs/CornerRadiusInput/components/InputField/InputField.tsx";
// original icon is top-right
var cornerIcons = {
  topLeft: /*#__PURE__*/_react.default.createElement(_Input.default.IconAffix, {
    __self: void 0,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 18,
      columnNumber: 5
    }
  }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.RoundedCorner, {
    className: (0, _CornerRadiusInputSt.st)(_CornerRadiusInputSt.classes.cornerIcon, {
      position: 'topLeft'
    }),
    __self: void 0,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 19,
      columnNumber: 7
    }
  })),
  topRight: /*#__PURE__*/_react.default.createElement(_Input.default.IconAffix, {
    __self: void 0,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 25,
      columnNumber: 5
    }
  }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.RoundedCorner, {
    className: (0, _CornerRadiusInputSt.st)(_CornerRadiusInputSt.classes.cornerIcon),
    __self: void 0,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 26,
      columnNumber: 7
    }
  })),
  bottomLeft: /*#__PURE__*/_react.default.createElement(_Input.default.IconAffix, {
    __self: void 0,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 30,
      columnNumber: 5
    }
  }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.RoundedCorner, {
    className: (0, _CornerRadiusInputSt.st)(_CornerRadiusInputSt.classes.cornerIcon, {
      position: 'bottomLeft'
    }),
    __self: void 0,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 31,
      columnNumber: 7
    }
  })),
  bottomRight: /*#__PURE__*/_react.default.createElement(_Input.default.IconAffix, {
    __self: void 0,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 37,
      columnNumber: 5
    }
  }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.RoundedCorner, {
    className: (0, _CornerRadiusInputSt.st)(_CornerRadiusInputSt.classes.cornerIcon, {
      position: 'bottomRight'
    }),
    __self: void 0,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 38,
      columnNumber: 7
    }
  }))
};
var Suffix = _ref => {
  var {
    children
  } = _ref;
  return /*#__PURE__*/_react.default.createElement(_Input.default.Affix, {
    __self: void 0,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 46,
      columnNumber: 10
    }
  }, children);
};
var InputField = _ref2 => {
  var {
    id,
    name,
    position,
    status,
    suffix,
    size,
    ariaLabel,
    onInvalid,
    onChange,
    value,
    isLinkingEnabled,
    linkedOnInvalid,
    linkedOnChange,
    linkedOnBlur,
    min,
    max
  } = _ref2;
  var dataHook = _CornerRadiusInput.dataHooks[position];
  var icon = cornerIcons[position];
  return /*#__PURE__*/_react.default.createElement(_FormField.default, {
    status: status,
    __self: void 0,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 82,
      columnNumber: 5
    }
  }, /*#__PURE__*/_react.default.createElement(_NumberInput.default, {
    id: id,
    name: name,
    dataHook: dataHook,
    size: size,
    prefix: icon,
    min: min,
    max: max,
    suffix: /*#__PURE__*/_react.default.createElement(Suffix, {
      __self: void 0,
      __source: {
        fileName: _jsxFileName,
        lineNumber: 91,
        columnNumber: 17
      }
    }, suffix || 'px'),
    hideStepper: true,
    ariaLabel: ariaLabel,
    value: value,
    onInvalid: isLinkingEnabled ? linkedOnInvalid : onInvalid,
    onChange: isLinkingEnabled ? linkedOnChange : onChange,
    onBlur: () => {
      isLinkingEnabled && linkedOnBlur();
    },
    __self: void 0,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 83,
      columnNumber: 7
    }
  }));
};
exports.InputField = InputField;
//# sourceMappingURL=InputField.js.map