@hisptz/react-ui/build/cjs/components/FormField/CustomInput.stories.js

A collection of reusable complex DHIS2 react ui components.

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = exports.NativeInputs = void 0;

var _devtools = require("@hookform/devtools");

var _react = _interopRequireDefault(require("react"));

var _reactHookForm = require("react-hook-form");

var _index = require("../../index");

var _Input = _interopRequireDefault(require("./components/Input"));

var _constants = require("./constants");

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }

const Template = args => /*#__PURE__*/_react.default.createElement(_index.CustomInput, args);

const NativeInputs = Template.bind({});
exports.NativeInputs = NativeInputs;
NativeInputs.args = {
  valueType: _constants.VALUE_TYPES.TEXT.name,
  label: "Text",
  name: "text",
  mandatory: true,
  input: {
    name: "",
    onChange: () => {
      console.log("onChange");
    }
  }
};
var _default = {
  title: "Components/Custom Inputs/CustomInput",
  component: _Input.default,
  decorators: [(InputStory, _ref) => {
    let {
      args
    } = _ref;
    console.log(args);
    const form = (0, _reactHookForm.useForm)();
    return /*#__PURE__*/_react.default.createElement(_reactHookForm.FormProvider, form, /*#__PURE__*/_react.default.createElement("div", {
      style: {
        display: "flex",
        justifyContent: "center",
        width: "100%"
      }
    }, /*#__PURE__*/_react.default.createElement("div", {
      style: {
        height: "100%",
        display: "flex",
        flexDirection: "row",
        justifyContent: "center",
        alignItems: "center"
      }
    }, /*#__PURE__*/_react.default.createElement(_reactHookForm.Controller, {
      name: "text",
      render: _ref2 => {
        let {
          field,
          fieldState
        } = _ref2;
        return /*#__PURE__*/_react.default.createElement(InputStory, _extends({}, args, {
          input: field
        }, field, fieldState));
      }
    }))), /*#__PURE__*/_react.default.createElement(_devtools.DevTool, null));
  }],
  parameters: {
    actions: {
      handles: ["onChange"]
    }
  },
  argTypes: {
    valueType: {
      control: {
        type: "select",
        options: Object.keys(_constants.VALUE_TYPES)
      }
    }
  }
};
exports.default = _default;