@dhis2-ui/input 10.0.0-alpha.5 → 10.0.0-alpha.7

package/build/cjs/input/index.js

@@ -9,4 +9,11 @@ Object.defineProperty(exports, "Input", {
     return _input.Input;
   }
 });
-var _input = require("./input.js");
+Object.defineProperty(exports, "inputTypes", {
+  enumerable: true,
+  get: function () {
+    return _inputTypes.inputTypes;
+  }
+});
+var _input = require("./input.js");
+var _inputTypes = require("./inputTypes.js");

package/build/cjs/input/input.js

@@ -10,6 +10,7 @@ var _statusIcon = require("@dhis2-ui/status-icon");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireWildcard(require("react"));
+var _inputTypes = require("./inputTypes.js");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -58,7 +59,7 @@ class Input extends _react.Component {
     const {
       role,
       className,
-      type,
+      type = 'text',
       dense,
       disabled,
       readOnly,
@@ -74,7 +75,7 @@ class Input extends _react.Component {
       min,
       step,
       autoComplete,
-      dataTest
+      dataTest = 'dhis2-uicore-input'
     } = this.props;
     return /*#__PURE__*/_react.default.createElement("div", {
       "data-test": dataTest,
@@ -119,10 +120,10 @@ class Input extends _react.Component {
   }
 }
 exports.Input = Input;
-Input.defaultProps = {
+_defineProperty(Input, "defaultProps", {
   type: 'text',
   dataTest: 'dhis2-uicore-input'
-};
+});
 Input.propTypes = {
   /** The [native `autocomplete` attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-autocomplete) */
   autoComplete: _propTypes.default.string,
@@ -154,7 +155,7 @@ Input.propTypes = {
   step: _propTypes.default.string,
   tabIndex: _propTypes.default.string,
   /** The native input `type` attribute */
-  type: _propTypes.default.oneOf(['text', 'number', 'password', 'email', 'url', 'tel', 'date', 'datetime', 'datetime-local', 'month', 'week', 'time', 'search']),
+  type: _propTypes.default.oneOf(_inputTypes.inputTypes),
   /** Applies 'valid' appearance for validation feedback. Mutually exclusive with `error` and `warning` props */
   valid: _uiConstants.sharedPropTypes.statusPropType,
   /** Value in the input. Can be used to control the component (recommended). Passed to event handler callbacks in object */

package/build/cjs/input/inputTypes.js

@@ -0,0 +1,7 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.inputTypes = void 0;
+const inputTypes = exports.inputTypes = ['text', 'number', 'password', 'email', 'url', 'tel', 'date', 'datetime', 'datetime-local', 'month', 'week', 'time', 'search'];

package/build/cjs/input-field/input-field.js

@@ -11,6 +11,9 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
 var _index = require("../input/index.js");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 class InputField extends _react.default.Component {
   render() {
     const {
@@ -41,7 +44,7 @@ class InputField extends _react.default.Component {
       validationText,
       inputWidth,
       autoComplete,
-      dataTest
+      dataTest = 'dhis2-uiwidgets-inputfield'
     } = this.props;
     return /*#__PURE__*/_react.default.createElement(_field.Field, {
       className: className,
@@ -84,9 +87,9 @@ class InputField extends _react.default.Component {
   }
 }
 exports.InputField = InputField;
-InputField.defaultProps = {
+_defineProperty(InputField, "defaultProps", {
   dataTest: 'dhis2-uiwidgets-inputfield'
-};
+});
 const InputFieldProps = exports.InputFieldProps = {
   /** The [native `autocomplete` attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-autocomplete) */
   autoComplete: _propTypes.default.string,
@@ -124,7 +127,7 @@ const InputFieldProps = exports.InputFieldProps = {
   step: _propTypes.default.string,
   tabIndex: _propTypes.default.string,
   /** Type of input */
-  type: _index.Input.propTypes.type,
+  type: _propTypes.default.oneOf(_index.inputTypes),
   /** Applies 'valid' appearance for validation feedback. Mutually exclusive with `error` and `warning` props */
   valid: _uiConstants.sharedPropTypes.statusPropType,
   /** Text below input for validation feedback. Receives styles depending on validation status */

package/build/es/input/index.js

@@ -1 +1,2 @@
-export { Input } from './input.js';
+export { Input } from './input.js';
+export { inputTypes } from './inputTypes.js';

package/build/es/input/input.js

@@ -7,6 +7,7 @@ import { StatusIcon } from '@dhis2-ui/status-icon';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
 import React, { Component } from 'react';
+import { inputTypes } from './inputTypes.js';
 const styles = [`.input.jsx-31445346{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:${spacers.dp8};}`, `input.jsx-31445346{box-sizing:border-box;font-size:14px;line-height:16px;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;color:${colors.grey900};background-color:white;padding:11px 12px;max-height:40px;outline:0;border:1px solid ${colors.grey500};border-radius:3px;box-shadow:inset 0 0 1px 0 rgba(48,54,60,0.1);text-overflow:ellipsis;}`, "input.dense.jsx-31445346{max-height:32px;padding:7px 8px;}", `input.jsx-31445346:focus{outline:none;box-shadow:inset 0 0 0 2px ${theme.focus};border-color:${theme.focus};}`, `input.jsx-31445346::-webkit-input-placeholder{color:${colors.grey600};opacity:1;}`, `input.jsx-31445346::-moz-placeholder{color:${colors.grey600};opacity:1;}`, `input.jsx-31445346:-ms-input-placeholder{color:${colors.grey600};opacity:1;}`, `input.jsx-31445346::placeholder{color:${colors.grey600};opacity:1;}`, "input[type='date'].jsx-31445346::-webkit-inner-spin-button,input[type='date'].jsx-31445346::-webkit-calendar-picker-indicator,input[type='time'].jsx-31445346::-webkit-inner-spin-button,input[type='time'].jsx-31445346::-webkit-calendar-picker-indicator,input[type='datetime-local'].jsx-31445346::-webkit-inner-spin-button,input[type='datetime-local'].jsx-31445346::-webkit-calendar-picker-indicator{height:14px;padding-top:1px;padding-bottom:1px;}", "input[type='date'].jsx-31445346::-webkit-datetime-edit-fields-wrapper,input[type='datetime-local'].jsx-31445346::-webkit-datetime-edit-fields-wrapper,input[type='time'].jsx-31445346::-webkit-datetime-edit-fields-wrapper{padding:0;}", `input.warning.jsx-31445346{border-color:${theme.warning};}`, `input.error.jsx-31445346{border-color:${theme.error};}`, `input.read-only.jsx-31445346{background-color:${colors.grey050};border-color:${colors.grey300};box-shadow:none;cursor:text;}`, `input.disabled.jsx-31445346{background-color:${colors.grey100};border-color:${colors.grey500};color:${theme.disabled};cursor:not-allowed;}`];
 styles.__hash = "31445346";
 export class Input extends Component {
@@ -49,7 +50,7 @@ export class Input extends Component {
     const {
       role,
       className,
-      type,
+      type = 'text',
       dense,
       disabled,
       readOnly,
@@ -65,7 +66,7 @@ export class Input extends Component {
       min,
       step,
       autoComplete,
-      dataTest
+      dataTest = 'dhis2-uicore-input'
     } = this.props;
     return /*#__PURE__*/React.createElement("div", {
       "data-test": dataTest,
@@ -109,10 +110,10 @@ export class Input extends Component {
     }, ["input.jsx-3353877153{width:100%;}"]));
   }
 }
-Input.defaultProps = {
+_defineProperty(Input, "defaultProps", {
   type: 'text',
   dataTest: 'dhis2-uicore-input'
-};
+});
 Input.propTypes = {
   /** The [native `autocomplete` attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-autocomplete) */
   autoComplete: PropTypes.string,
@@ -144,7 +145,7 @@ Input.propTypes = {
   step: PropTypes.string,
   tabIndex: PropTypes.string,
   /** The native input `type` attribute */
-  type: PropTypes.oneOf(['text', 'number', 'password', 'email', 'url', 'tel', 'date', 'datetime', 'datetime-local', 'month', 'week', 'time', 'search']),
+  type: PropTypes.oneOf(inputTypes),
   /** Applies 'valid' appearance for validation feedback. Mutually exclusive with `error` and `warning` props */
   valid: sharedPropTypes.statusPropType,
   /** Value in the input. Can be used to control the component (recommended). Passed to event handler callbacks in object */

package/build/es/input/inputTypes.js

@@ -0,0 +1 @@
+export const inputTypes = ['text', 'number', 'password', 'email', 'url', 'tel', 'date', 'datetime', 'datetime-local', 'month', 'week', 'time', 'search'];

package/build/es/input-field/input-field.js

@@ -1,9 +1,12 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import { sharedPropTypes } from '@dhis2/ui-constants';
 import { Box } from '@dhis2-ui/box';
 import { Field } from '@dhis2-ui/field';
 import PropTypes from 'prop-types';
 import React from 'react';
-import { Input } from '../input/index.js';
+import { Input, inputTypes } from '../input/index.js';
 class InputField extends React.Component {
   render() {
     const {
@@ -34,7 +37,7 @@ class InputField extends React.Component {
       validationText,
       inputWidth,
       autoComplete,
-      dataTest
+      dataTest = 'dhis2-uiwidgets-inputfield'
     } = this.props;
     return /*#__PURE__*/React.createElement(Field, {
       className: className,
@@ -76,9 +79,9 @@ class InputField extends React.Component {
     })));
   }
 }
-InputField.defaultProps = {
+_defineProperty(InputField, "defaultProps", {
   dataTest: 'dhis2-uiwidgets-inputfield'
-};
+});
 const InputFieldProps = {
   /** The [native `autocomplete` attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-autocomplete) */
   autoComplete: PropTypes.string,
@@ -116,7 +119,7 @@ const InputFieldProps = {
   step: PropTypes.string,
   tabIndex: PropTypes.string,
   /** Type of input */
-  type: Input.propTypes.type,
+  type: PropTypes.oneOf(inputTypes),
   /** Applies 'valid' appearance for validation feedback. Mutually exclusive with `error` and `warning` props */
   valid: sharedPropTypes.statusPropType,
   /** Text below input for validation feedback. Receives styles depending on validation status */

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@dhis2-ui/input",
-    "version": "10.0.0-alpha.5",
+    "version": "10.0.0-alpha.7",
     "description": "UI Input",
     "repository": {
         "type": "git",
@@ -33,13 +33,13 @@
     },
     "dependencies": {
         "@dhis2/prop-types": "^3.1.2",
-        "@dhis2-ui/box": "10.0.0-alpha.5",
-        "@dhis2-ui/field": "10.0.0-alpha.5",
-        "@dhis2-ui/input": "10.0.0-alpha.5",
-        "@dhis2-ui/loader": "10.0.0-alpha.5",
-        "@dhis2-ui/status-icon": "10.0.0-alpha.5",
-        "@dhis2/ui-constants": "10.0.0-alpha.5",
-        "@dhis2/ui-icons": "10.0.0-alpha.5",
+        "@dhis2-ui/box": "10.0.0-alpha.7",
+        "@dhis2-ui/field": "10.0.0-alpha.7",
+        "@dhis2-ui/input": "10.0.0-alpha.7",
+        "@dhis2-ui/loader": "10.0.0-alpha.7",
+        "@dhis2-ui/status-icon": "10.0.0-alpha.7",
+        "@dhis2/ui-constants": "10.0.0-alpha.7",
+        "@dhis2/ui-icons": "10.0.0-alpha.7",
         "classnames": "^2.3.1",
         "prop-types": "^15.7.2"
     },