arengibook 0.0.21 → 0.0.22

package/dist/index.js

@@ -1,4 +1,35 @@
 import React from 'react';
+import { Calendar } from 'primereact/calendar';
+
+function _extends() {
+  return _extends = Object.assign ? Object.assign.bind() : function (n) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t = arguments[e];
+      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
+    }
+    return n;
+  }, _extends.apply(null, arguments);
+}
+function _objectWithoutProperties(e, t) {
+  if (null == e) return {};
+  var o,
+    r,
+    i = _objectWithoutPropertiesLoose(e, t);
+  if (Object.getOwnPropertySymbols) {
+    var n = Object.getOwnPropertySymbols(e);
+    for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
+  }
+  return i;
+}
+function _objectWithoutPropertiesLoose(r, e) {
+  if (null == r) return {};
+  var t = {};
+  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
+    if (-1 !== e.indexOf(n)) continue;
+    t[n] = r[n];
+  }
+  return t;
+}
 
 function getDefaultExportFromCjs (x) {
 	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
@@ -1194,17 +1225,108 @@ function requirePropTypes () {
 var propTypesExports = /*@__PURE__*/ requirePropTypes();
 var PropTypes = /*@__PURE__*/getDefaultExportFromCjs(propTypesExports);
 
-const Button = ({
-  label,
-  onClick
-}) => {
-  return /*#__PURE__*/React.createElement("button", {
-    onClick: onClick
-  }, label);
+function styleInject(css, ref) {
+  if ( ref === void 0 ) ref = {};
+  var insertAt = ref.insertAt;
+
+  if (typeof document === 'undefined') { return; }
+
+  var head = document.head || document.getElementsByTagName('head')[0];
+  var style = document.createElement('style');
+  style.type = 'text/css';
+
+  if (insertAt === 'top') {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+
+var css_248z = ".storybook-button {\n  display: inline-block;\n  cursor: pointer;\n  border: 0;\n  border-radius: 3em;\n  font-weight: 700;\n  line-height: 1;\n  font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n}\n.storybook-button--primary {\n  background-color: #555ab9;\n  color: white;\n}\n.storybook-button--secondary {\n  box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px inset;\n  background-color: transparent;\n  color: #333;\n}\n.storybook-button--small {\n  padding: 10px 16px;\n  font-size: 12px;\n}\n.storybook-button--medium {\n  padding: 11px 20px;\n  font-size: 14px;\n}\n.storybook-button--large {\n  padding: 12px 24px;\n  font-size: 16px;\n}\n";
+styleInject(css_248z);
+
+const _excluded = ["primary", "backgroundColor", "borderRadius", "size", "label"];
+
+/** Primary UI component for user interaction */
+const Button = _ref => {
+  let {
+      primary = false,
+      backgroundColor = null,
+      borderRadius = 10,
+      size = 'medium',
+      label
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
+  const mode = primary ? 'storybook-button--primary' : 'storybook-button--secondary';
+  return /*#__PURE__*/React.createElement("button", _extends({
+    type: "button",
+    className: ['storybook-button', `storybook-button--${size}`, mode].join(' '),
+    style: {
+      backgroundColor,
+      borderRadius
+    }
+  }, props), label);
 };
 Button.propTypes = {
+  /** Is this the principal call to action on the page? */
+  primary: PropTypes.bool,
+  /** What background color to use */
+  backgroundColor: PropTypes.string,
+  /** How large should the button be? */
+  size: PropTypes.oneOf(['small', 'medium', 'large']),
+  /** Button contents */
   label: PropTypes.string.isRequired,
-  onClick: PropTypes.func
+  /** Optional click handler */
+  onClick: PropTypes.func,
+  /** Je test mon border-radius */
+  borderRadius: PropTypes.number
+};
+
+const DatePicker = ({
+  value,
+  onChange,
+  placeholder,
+  dateFormat = "dd/mm/yy",
+  view = 'date',
+  invalid = false,
+  errorMessage = '',
+  disabled = false
+}) => {
+  const style = {
+    border: invalid ? '1px solid red' : '1px solid #ccc',
+    padding: '0.5rem',
+    borderRadius: '6px'
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: "flex flex-col gap-1"
+  }, /*#__PURE__*/React.createElement(Calendar, {
+    value: value,
+    onChange: onChange,
+    showIcon: true,
+    placeholder: placeholder,
+    dateFormat: dateFormat,
+    inputStyle: style,
+    view: view,
+    disabled: disabled,
+    showWeek: true,
+    showTime: true,
+    hourFormat: "24"
+  }), invalid && /*#__PURE__*/React.createElement("small", {
+    style: {
+      color: 'red',
+      fontStyle: 'italic'
+    }
+  }, errorMessage || 'Date invalide'));
 };
 
-export { Button };
+export { Button, DatePicker };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "arengibook",
   "private": false,
-  "version": "0.0.21",
+  "version": "0.0.22",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "exports": {