@master-c8/commons/dist/ButtonExample/ButtonExample.stories.js

Platzi Master C8 commons

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = exports.Variants = exports.Sizes = exports.Primary = exports.Colors = void 0;

var _ButtonExample = _interopRequireDefault(require("./ButtonExample"));

var _jsxRuntime = require("react/jsx-runtime");

var _excluded = ["items"];

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

function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }

function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }

function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(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 source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }

function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

var _default = {
  title: 'Design System/Atoms/Button',
  component: _ButtonExample["default"],
  parameters: {
    __sb: {
      fd: 'row'
    }
  },
  argTypes: {
    color: {},
    size: {
      options: ['small', 'large'],
      control: {
        type: 'select'
      },
      table: {
        category: 'Sizes'
      }
    }
  }
};
exports["default"] = _default;

var Template = function Template(args) {
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonExample["default"], _objectSpread({}, args));
};

var Primary = Template.bind({});
exports.Primary = Primary;
Primary.args = {
  children: 'BUTTON',
  variant: 'contained'
};

var getListTemplate = function getListTemplate(Component) {
  return function (_ref) {
    var items = _ref.items,
        args = _objectWithoutProperties(_ref, _excluded);

    return items.map(function (item, index) {
      return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, _objectSpread(_objectSpread({}, args), item), index);
    });
  };
};

var ListTemplate = getListTemplate(_ButtonExample["default"]);
var Sizes = ListTemplate.bind({});
exports.Sizes = Sizes;
Sizes.args = {
  items: ['small', 'medium', 'large'].map(function (size) {
    return {
      size: size
    };
  }),
  children: 'BUTTON',
  variant: 'contained',
  color: 'primary'
};
var Colors = ListTemplate.bind({});
exports.Colors = Colors;
Colors.args = {
  items: ['primary', 'secondary'].map(function (color) {
    return {
      color: color
    };
  }),
  children: 'BUTTON',
  variant: 'contained'
};
var Variants = ListTemplate.bind({});
exports.Variants = Variants;
Variants.args = {
  items: ['contained', 'outlined'].map(function (variant) {
    return {
      variant: variant
    };
  }),
  children: 'BUTTON'
};