dibk-design 1.0.14 → 1.1.1

package/dist/components/CheckBoxInput.js

@@ -70,6 +70,7 @@ var CheckBoxInput = /*#__PURE__*/function (_React$Component) {
         checked: this.props.checked,
         disabled: this.props.disabled,
         onChange: this.props.onChange,
+        tabIndex: this.props.tabIndex || null,
         "aria-controls": this.props["aria-controls"]
       };
       return /*#__PURE__*/_react.default.createElement("label", labelProps, !this.props.contentOnly ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_CheckBoxIcon.default, iconProps), /*#__PURE__*/_react.default.createElement("input", inputProps)) : /*#__PURE__*/_react.default.createElement(_CheckBoxIcon.default, iconProps), /*#__PURE__*/_react.default.createElement("span", null, this.props.children));

package/dist/components/CheckBoxList.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _CheckBoxListModule = _interopRequireDefault(require("./CheckBoxList.module.scss"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var CheckBoxList = function CheckBoxList(props) {
+  return /*#__PURE__*/_react.default.createElement("ul", {
+    className: _CheckBoxListModule.default.checkBoxList
+  }, props.children);
+};
+
+var _default = CheckBoxList;
+exports.default = _default;

package/dist/components/CheckBoxList.md

@@ -0,0 +1,26 @@
+Ordered List example:
+
+```js
+import CheckBoxListItem from "lib/components/CheckBoxListItem";
+<CheckBoxList>
+    <CheckBoxListItem
+        onChange={() => {
+            console.log("onchange");
+        }}
+        checked={true}
+        name="checkboxlist"
+        id="checkboxList-listItem-1"
+    >
+        Label for checked checkbox
+    </CheckBoxListItem>
+    <CheckBoxListItem
+        onChange={() => {
+            console.log("onchange");
+        }}
+        name="checkboxlist"
+        id="checkboxList-listItem-2"
+    >
+        Label for unchecked checkbox
+    </CheckBoxListItem>
+</CheckBoxList>;
+```

package/dist/components/CheckBoxList.module.scss

@@ -0,0 +1,5 @@
+:local(.checkBoxList) {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+}

package/dist/components/CheckBoxListItem.js

@@ -1,7 +1,5 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -13,64 +11,35 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _CheckBoxInput = _interopRequireDefault(require("./CheckBoxInput"));
 
+var _helpers = require("../functions/helpers");
+
 var _CheckBoxListItemModule = _interopRequireDefault(require("./CheckBoxListItem.module.scss"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
-
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
-var CheckBoxListItem = /*#__PURE__*/function (_React$Component) {
-  _inherits(CheckBoxListItem, _React$Component);
-
-  var _super = _createSuper(CheckBoxListItem);
-
-  function CheckBoxListItem() {
-    _classCallCheck(this, CheckBoxListItem);
-
-    return _super.apply(this, arguments);
-  }
-
-  _createClass(CheckBoxListItem, [{
-    key: "render",
-    value: function render() {
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: "".concat(_CheckBoxListItemModule.default.checkBoxListItem, " ").concat(this.props.checked ? _CheckBoxListItemModule.default.checked : '', " ").concat(this.props.disabled ? _CheckBoxListItemModule.default.disabled : '', " ").concat(this.props.contentOnly ? _CheckBoxListItemModule.default.contentOnly : '', " ").concat(this.props.compact ? _CheckBoxListItemModule.default.compact : '', " ").concat(this.props.hasErrors ? _CheckBoxListItemModule.default.hasErrors : '')
-      }, /*#__PURE__*/_react.default.createElement(_CheckBoxInput.default, {
-        onChange: this.props.onChange,
-        checked: this.props.checked,
-        disabled: this.props.disabled,
-        contentOnly: this.props.contentOnly,
-        hasErrors: this.props.hasErrors,
-        id: this.props.id,
-        theme: this.props.theme,
-        checkmarkCharacter: this.props.checkmarkCharacter
-      }, this.props.children));
-    }
-  }]);
-
-  return CheckBoxListItem;
-}(_react.default.Component);
+// Dependencies
+// Components
+// Functions
+// Stylesheets
+var CheckBoxListItem = function CheckBoxListItem(props) {
+  var listItemClassNameArray = [_CheckBoxListItemModule.default.checkBoxListItem, props.checked ? _CheckBoxListItemModule.default.checked : null, props.disabled ? _CheckBoxListItemModule.default.disabled : null, props.compact ? _CheckBoxListItemModule.default.compact : null, props.contentOnly ? _CheckBoxListItemModule.default.contentOnly : null, props.hasErrors ? _CheckBoxListItemModule.default.hasErrors : null];
+  var listItemClassNameString = (0, _helpers.classNameArrayToClassNameString)(listItemClassNameArray);
+  var inputProps = {
+    onChange: props.onChange,
+    checked: props.checked,
+    disabled: props.disabled,
+    contentOnly: props.contentOnly,
+    hasErrors: props.hasErrors,
+    id: props.id,
+    theme: props.theme,
+    checkmarkCharacter: props.checkmarkCharacter
+  };
+  return /*#__PURE__*/_react.default.createElement("li", {
+    className: listItemClassNameString
+  }, /*#__PURE__*/_react.default.createElement(_CheckBoxInput.default, inputProps, props.children));
+};
 
 CheckBoxListItem.propTypes = {
-  /** Text content inside list item */
   checked: _propTypes.default.bool,
   disabled: _propTypes.default.bool,
   id: _propTypes.default.string.isRequired,
@@ -85,11 +54,11 @@ CheckBoxListItem.propTypes = {
 CheckBoxListItem.defaultProps = {
   checked: false,
   disabled: false,
-  id: '',
-  name: '',
+  id: "",
+  name: "",
   contentOnly: false,
   hasErrors: false,
-  checkmarkCharacter: '✔'
+  checkmarkCharacter: "✔"
 };
 var _default = CheckBoxListItem;
 exports.default = _default;

package/dist/components/RadioButtonInput.js

@@ -69,6 +69,7 @@ var RadioButtonInput = /*#__PURE__*/function (_React$Component) {
         checked: this.props.checked,
         disabled: this.props.disabled,
         onChange: this.props.onChange,
+        tabIndex: this.props.tabIndex || null,
         "aria-controls": this.props["aria-controls"]
       };
       return /*#__PURE__*/_react.default.createElement("label", labelProps, !this.props.contentOnly ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_RadioButtonIcon.default, iconProps), /*#__PURE__*/_react.default.createElement("input", inputProps)) : null, /*#__PURE__*/_react.default.createElement("span", null, this.props.children));

package/dist/components/RadioButtonList.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _RadioButtonListModule = _interopRequireDefault(require("./RadioButtonList.module.scss"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var RadioButtonList = function RadioButtonList(props) {
+  return /*#__PURE__*/_react.default.createElement("ul", {
+    className: _RadioButtonListModule.default.radioButtonList
+  }, props.children);
+};
+
+var _default = RadioButtonList;
+exports.default = _default;

package/dist/components/RadioButtonList.md

@@ -0,0 +1,28 @@
+Ordered List example:
+
+```js
+import RadioButtonListItem from "lib/components/RadioButtonListItem";
+<RadioButtonList>
+    <RadioButtonListItem
+        onChange={() => {
+            console.log("onchange");
+        }}
+        inputValue="value 1"
+        name="radio-button-list-list-item"
+        id="radioButtonList-listItem-1"
+        checked={true}
+    >
+        Checked radio button
+    </RadioButtonListItem>
+    <RadioButtonListItem
+        onChange={() => {
+            console.log("onchange");
+        }}
+        inputValue="value 2"
+        name="radio-button-list-list-item"
+        id="radioButtonList-listItem-1"
+    >
+        Unchecked radio button
+    </RadioButtonListItem>
+</RadioButtonList>;
+```

package/dist/components/RadioButtonList.module.scss

@@ -0,0 +1,5 @@
+:local(.radioButtonList) {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+}

package/dist/components/RadioButtonListItem.js

@@ -1,7 +1,5 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -13,64 +11,35 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _RadioButtonInput = _interopRequireDefault(require("./RadioButtonInput"));
 
+var _helpers = require("../functions/helpers");
+
 var _RadioButtonListItemModule = _interopRequireDefault(require("./RadioButtonListItem.module.scss"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
-
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
-var RadioButtonListItem = /*#__PURE__*/function (_React$Component) {
-  _inherits(RadioButtonListItem, _React$Component);
-
-  var _super = _createSuper(RadioButtonListItem);
-
-  function RadioButtonListItem() {
-    _classCallCheck(this, RadioButtonListItem);
-
-    return _super.apply(this, arguments);
-  }
-
-  _createClass(RadioButtonListItem, [{
-    key: "render",
-    value: function render() {
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: "".concat(_RadioButtonListItemModule.default.radioButtonListItem, " ").concat(this.props.disabled ? _RadioButtonListItemModule.default.disabled : '', " ").concat(this.props.compact ? _RadioButtonListItemModule.default.compact : '', " ").concat(this.props.contentOnly ? _RadioButtonListItemModule.default.contentOnly : '', " ").concat(this.props.hasErrors ? _RadioButtonListItemModule.default.hasErrors : '')
-      }, /*#__PURE__*/_react.default.createElement(_RadioButtonInput.default, {
-        onChange: this.props.onChange,
-        inputValue: this.props.inputValue,
-        checked: this.props.checked,
-        disabled: this.props.disabled,
-        contentOnly: this.props.contentOnly,
-        hasErrors: this.props.hasErrors,
-        id: this.props.id,
-        theme: this.props.theme
-      }, this.props.children));
-    }
-  }]);
-
-  return RadioButtonListItem;
-}(_react.default.Component);
+// Dependencies
+// Components
+// Functions
+// Stylesheets
+var RadioButtonListItem = function RadioButtonListItem(props) {
+  var listItemClassNameArray = [_RadioButtonListItemModule.default.radioButtonListItem, props.disabled ? _RadioButtonListItemModule.default.disabled : null, props.compact ? _RadioButtonListItemModule.default.compact : null, props.contentOnly ? _RadioButtonListItemModule.default.contentOnly : null, props.hasErrors ? _RadioButtonListItemModule.default.hasErrors : null];
+  var listItemClassNameString = (0, _helpers.classNameArrayToClassNameString)(listItemClassNameArray);
+  var inputProps = {
+    onChange: props.onChange,
+    inputValue: props.inputValue,
+    checked: props.checked,
+    disabled: props.disabled,
+    contentOnly: props.contentOnly,
+    hasErrors: props.hasErrors,
+    id: props.id,
+    theme: props.theme
+  };
+  return /*#__PURE__*/_react.default.createElement("li", {
+    className: listItemClassNameString
+  }, /*#__PURE__*/_react.default.createElement(_RadioButtonInput.default, inputProps, props.children));
+};
 
 RadioButtonListItem.propTypes = {
-  /** Text content inside list item */
   inputValue: _propTypes.default.string.isRequired,
   checked: _propTypes.default.bool,
   disabled: _propTypes.default.bool,
@@ -82,7 +51,7 @@ RadioButtonListItem.propTypes = {
   hasErrors: _propTypes.default.bool
 };
 RadioButtonListItem.defaultProps = {
-  name: '',
+  name: "",
   checked: false,
   disabled: false,
   contentOnly: false,

package/dist/functions/helpers.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.classNameArrayToClassNameString = void 0;
+
+var classNameArrayToClassNameString = function classNameArrayToClassNameString(classNameArray) {
+  var _classNameArray$filte;
+
+  return (classNameArray === null || classNameArray === void 0 ? void 0 : (_classNameArray$filte = classNameArray.filter(function (className) {
+    return className;
+  })) === null || _classNameArray$filte === void 0 ? void 0 : _classNameArray$filte.join(" ")) || "";
+};
+
+exports.classNameArrayToClassNameString = classNameArrayToClassNameString;

package/dist/index.js

@@ -27,6 +27,12 @@ Object.defineProperty(exports, "CheckBoxInput", {
     return _CheckBoxInput.default;
   }
 });
+Object.defineProperty(exports, "CheckBoxList", {
+  enumerable: true,
+  get: function get() {
+    return _CheckBoxList.default;
+  }
+});
 Object.defineProperty(exports, "CheckBoxListItem", {
   enumerable: true,
   get: function get() {
@@ -147,6 +153,12 @@ Object.defineProperty(exports, "RadioButtonInput", {
     return _RadioButtonInput.default;
   }
 });
+Object.defineProperty(exports, "RadioButtonList", {
+  enumerable: true,
+  get: function get() {
+    return _RadioButtonList.default;
+  }
+});
 Object.defineProperty(exports, "RadioButtonListItem", {
   enumerable: true,
   get: function get() {
@@ -192,6 +204,8 @@ var _CheckBoxIcon = _interopRequireDefault(require("./components/CheckBoxIcon"))
 
 var _CheckBoxInput = _interopRequireDefault(require("./components/CheckBoxInput"));
 
+var _CheckBoxList = _interopRequireDefault(require("./components/CheckBoxList"));
+
 var _CheckBoxListItem = _interopRequireDefault(require("./components/CheckBoxListItem"));
 
 var _Container = _interopRequireDefault(require("./components/Container"));
@@ -232,6 +246,8 @@ var _RadioButtonIcon = _interopRequireDefault(require("./components/RadioButtonI
 
 var _RadioButtonInput = _interopRequireDefault(require("./components/RadioButtonInput"));
 
+var _RadioButtonList = _interopRequireDefault(require("./components/RadioButtonList"));
+
 var _RadioButtonListItem = _interopRequireDefault(require("./components/RadioButtonListItem"));
 
 var _Select = _interopRequireDefault(require("./components/Select"));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dibk-design",
-  "version": "1.0.14",
+  "version": "1.1.1",
   "private": false,
   "main": "dist/index.js",
   "module": "dist/index.js",