@dscout/particle 1.0.0-alpha.2 → 1.0.0-alpha.3

package/lib/components/tags_input.js

@@ -17,12 +17,22 @@ var _props = require("../utils/props");
 
 var _class_names = _interopRequireDefault(require("../utils/class_names"));
 
+var _data_attributes = _interopRequireDefault(require("../utils/data_attributes"));
+
+var _excluded = ["_modifierClass", "aria-describedby", "aria-invalid", "aria-label", "aria-labelledby", "autoComplete", "getRef", "id", "invalid", "maxHeight", "name", "placeholder", "tags", "tabIndex", "value"];
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
+function _extends() { _extends = Object.assign || 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); }
+
+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 _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); } }
@@ -126,6 +136,7 @@ var TagsInput = /*#__PURE__*/function (_Component) {
       var _this2 = this;
 
       var focused = this.state.focused;
+
       var _this$props2 = this.props,
           _modifierClass = _this$props2._modifierClass,
           ariaDescribedby = _this$props2['aria-describedby'],
@@ -141,7 +152,9 @@ var TagsInput = /*#__PURE__*/function (_Component) {
           placeholder = _this$props2.placeholder,
           tags = _this$props2.tags,
           tabIndex = _this$props2.tabIndex,
-          value = _this$props2.value;
+          value = _this$props2.value,
+          rest = _objectWithoutProperties(_this$props2, _excluded);
+
       var className = (0, _class_names.default)('Tags-Input__Container', 'Input', _modifierClass, {
         'Input--filled': tags.length || value,
         'Input--focused': focused,
@@ -162,7 +175,7 @@ var TagsInput = /*#__PURE__*/function (_Component) {
           key: index,
           className: "Tags-Input__Tag"
         }, _this2.props.renderTag(tag));
-      }), _react.default.createElement("input", {
+      }), _react.default.createElement("input", _extends({}, (0, _data_attributes.default)(rest), {
         "aria-describedby": ariaDescribedby,
         "aria-invalid": ariaInvalid,
         "aria-label": ariaLabel,
@@ -190,7 +203,7 @@ var TagsInput = /*#__PURE__*/function (_Component) {
         tabIndex: tabIndex,
         type: "text",
         value: value
-      }));
+      })));
     }
   }]);
 

package/lib/components/text_input.js

@@ -13,10 +13,20 @@ var _refs = require("../utils/refs");
 
 var _props = require("../utils/props");
 
+var _data_attributes = _interopRequireDefault(require("../utils/data_attributes"));
+
 var _common_input = _interopRequireDefault(require("./common_input"));
 
+var _excluded = ["_modifierClass", "aria-describedby", "aria-invalid", "aria-label", "aria-labelledby", "autoComplete", "autoFocus", "disabled", "getRef", "id", "invalid", "maxLength", "mini", "name", "onBlur", "onChange", "onFocus", "onKeyDown", "onPaste", "onPrefixClick", "onSuffixClick", "placeholder", "prefix", "readOnly", "suffix", "tabIndex", "value"];
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+function _extends() { _extends = Object.assign || 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); }
+
+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; }
+
 var propTypes = {
   _modifierClass: _propTypes.default.string,
   'aria-describedby': _propTypes.default.string,
@@ -74,8 +84,10 @@ function TextInput(_ref) {
       readOnly = _ref.readOnly,
       suffix = _ref.suffix,
       tabIndex = _ref.tabIndex,
-      value = _ref.value;
-  return _react.default.createElement(_common_input.default, {
+      value = _ref.value,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  return _react.default.createElement(_common_input.default, _extends({}, (0, _data_attributes.default)(rest), {
     _modifierClass: _modifierClass,
     "aria-describedby": ariaDescribedby,
     "aria-invalid": ariaInvalid,
@@ -104,7 +116,7 @@ function TextInput(_ref) {
     tabIndex: tabIndex,
     type: "text",
     value: value
-  });
+  }));
 }
 
 TextInput.propTypes = propTypes;

package/lib/components/textarea.js

@@ -17,8 +17,18 @@ var _forms = require("../utils/forms");
 
 var _props = require("../utils/props");
 
+var _data_attributes = _interopRequireDefault(require("../utils/data_attributes"));
+
+var _excluded = ["_modifierClass", "aria-describedby", "aria-invalid", "aria-label", "aria-labelledby", "autoComplete", "autoFocus", "disabled", "getRef", "height", "id", "invalid", "maxLength", "name", "onBlur", "onChange", "onFocus", "onKeyDown", "onPaste", "placeholder", "readOnly", "value"];
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+function _extends() { _extends = Object.assign || 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); }
+
+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; }
+
 var propTypes = {
   _modifierClass: _propTypes.default.string,
   'aria-describedby': _propTypes.default.string,
@@ -66,7 +76,9 @@ function Textarea(_ref) {
       onPaste = _ref.onPaste,
       placeholder = _ref.placeholder,
       readOnly = _ref.readOnly,
-      value = _ref.value;
+      value = _ref.value,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
   var textareaClassName = (0, _class_names.default)('Input', 'resize--vertical', _modifierClass, {
     'Input--filled': value,
     'Input--invalid': invalid,
@@ -75,7 +87,7 @@ function Textarea(_ref) {
     'height--8': !height,
     'height--12': height === 'large'
   });
-  return _react.default.createElement("textarea", {
+  return _react.default.createElement("textarea", _extends({}, (0, _data_attributes.default)(rest), {
     "aria-describedby": ariaDescribedby,
     "aria-invalid": ariaInvalid,
     "aria-label": ariaLabel,
@@ -96,7 +108,7 @@ function Textarea(_ref) {
     readOnly: readOnly,
     ref: getRef,
     value: (0, _forms.inputValue)(value, onChange)
-  });
+  }));
 }
 
 Textarea.propTypes = propTypes;

package/lib/components/togglable_fieldset.js

@@ -13,6 +13,8 @@ var _refs = require("../utils/refs");
 
 var _forms = require("../utils/forms");
 
+var _data_attributes = _interopRequireDefault(require("../utils/data_attributes"));
+
 var _collapsible_content = _interopRequireDefault(require("./collapsible_content"));
 
 var _flex = _interopRequireDefault(require("./flex"));
@@ -21,8 +23,16 @@ var _modifier = _interopRequireDefault(require("./modifier"));
 
 var _toggle = _interopRequireDefault(require("./toggle"));
 
+var _excluded = ["_modifierClass", "aria-label", "aria-labelledby", "aria-describedby", "children", "disabled", "getRef", "id", "label", "name", "onChange", "toggled", "value"];
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+function _extends() { _extends = Object.assign || 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); }
+
+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; }
+
 var propTypes = {
   _modifierClass: _propTypes.default.string,
   'aria-label': _propTypes.default.string,
@@ -52,7 +62,9 @@ function TogglableFieldset(_ref) {
       name = _ref.name,
       onChange = _ref.onChange,
       toggled = _ref.toggled,
-      value = _ref.value;
+      value = _ref.value,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
   var toggleId = (0, _forms.unique)(id);
   return _react.default.createElement("div", {
     "aria-label": ariaLabel,
@@ -68,7 +80,7 @@ function TogglableFieldset(_ref) {
     justify: "between"
   }, _react.default.createElement("label", {
     htmlFor: toggleId
-  }, label), _react.default.createElement(_toggle.default, {
+  }, label), _react.default.createElement(_toggle.default, _extends({}, (0, _data_attributes.default)(rest), {
     disabled: disabled,
     id: toggleId,
     label: label,
@@ -76,7 +88,7 @@ function TogglableFieldset(_ref) {
     onChange: onChange,
     toggled: toggled,
     value: value
-  }))), _react.default.createElement(_collapsible_content.default, {
+  })))), _react.default.createElement(_collapsible_content.default, {
     collapsed: !toggled
   }, _react.default.createElement("fieldset", {
     className: "margin-t--2",

package/lib/components/toggle.js

@@ -15,8 +15,18 @@ var _refs = require("../utils/refs");
 
 var _forms = require("../utils/forms");
 
+var _data_attributes = _interopRequireDefault(require("../utils/data_attributes"));
+
+var _excluded = ["_modifierClass", "aria-label", "aria-labelledby", "aria-describedby", "disabled", "getRef", "id", "name", "onChange", "toggled", "value"];
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+function _extends() { _extends = Object.assign || 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); }
+
+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; }
+
 var propTypes = {
   _modifierClass: _propTypes.default.string,
   'aria-label': _propTypes.default.string,
@@ -42,12 +52,14 @@ function Toggle(_ref) {
       name = _ref.name,
       onChange = _ref.onChange,
       toggled = _ref.toggled,
-      value = _ref.value;
+      value = _ref.value,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
   var toggleId = (0, _forms.looksUnique)(id) ? id : (0, _forms.unique)(id);
   return _react.default.createElement("fieldset", {
     className: (0, _class_names.default)('Toggle', _modifierClass),
     ref: getRef
-  }, _react.default.createElement("input", {
+  }, _react.default.createElement("input", _extends({}, (0, _data_attributes.default)(rest), {
     "aria-label": ariaLabel,
     "aria-labelledby": ariaLabelledby,
     "aria-describedby": ariaDescribedby,
@@ -59,7 +71,7 @@ function Toggle(_ref) {
     onChange: onChange,
     type: "checkbox",
     value: value
-  }), _react.default.createElement("label", {
+  })), _react.default.createElement("label", {
     className: "Toggle__Track",
     htmlFor: toggleId
   }));

package/lib/index.js

@@ -131,18 +131,6 @@ Object.defineProperty(exports, "ContainerHeader", {
     return _container_header.default;
   }
 });
-Object.defineProperty(exports, "ContainerInner", {
-  enumerable: true,
-  get: function get() {
-    return _container_inner.default;
-  }
-});
-Object.defineProperty(exports, "Controls", {
-  enumerable: true,
-  get: function get() {
-    return _controls.default;
-  }
-});
 Object.defineProperty(exports, "DragAndDrop", {
   enumerable: true,
   get: function get() {
@@ -233,6 +221,12 @@ Object.defineProperty(exports, "InputGroupItem", {
     return _input_group_item.default;
   }
 });
+Object.defineProperty(exports, "LinkText", {
+  enumerable: true,
+  get: function get() {
+    return _link_text.default;
+  }
+});
 Object.defineProperty(exports, "List", {
   enumerable: true,
   get: function get() {
@@ -1248,10 +1242,6 @@ var _container = _interopRequireDefault(require("./components/container"));
 
 var _container_header = _interopRequireDefault(require("./components/container_header"));
 
-var _container_inner = _interopRequireDefault(require("./components/container_inner"));
-
-var _controls = _interopRequireDefault(require("./components/controls"));
-
 var _drag_and_drop = _interopRequireDefault(require("./components/drag_and_drop"));
 
 var _dropdown = _interopRequireDefault(require("./components/dropdown"));
@@ -1282,6 +1272,8 @@ var _input_group = _interopRequireDefault(require("./components/input_group"));
 
 var _input_group_item = _interopRequireDefault(require("./components/input_group_item"));
 
+var _link_text = _interopRequireDefault(require("./components/link_text"));
+
 var _list = _interopRequireDefault(require("./components/list"));
 
 var _list_inline = _interopRequireDefault(require("./components/list_inline"));