@micromag/element-keypad 0.3.257

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/assets/css/styles.css +1 -0
  2. package/es/index.js +63 -0
  3. package/lib/index.js +73 -0
  4. package/package.json +67 -0
package/assets/css/styles.css ADDED
@@ -0,0 +1 @@
1
+ .micromag-element-keypad-inner{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%}.micromag-element-keypad-slot{position:relative}
package/es/index.js ADDED
@@ -0,0 +1,63 @@
1
+ import _objectSpread from '@babel/runtime/helpers/objectSpread2';
2
+ import _defineProperty from '@babel/runtime/helpers/defineProperty';
3
+ import classNames from 'classnames';
4
+ import PropTypes from 'prop-types';
5
+ import React from 'react';
6
+ import { getStyleFromAlignment } from '@micromag/core/utils';
7
+
8
+ var styles = {"inner":"micromag-element-keypad-inner","slot":"micromag-element-keypad-slot"};
9
+
10
+ var propTypes = {
11
+ align: PropTypes.oneOf(['left', 'right', 'middle']),
12
+ columns: PropTypes.number,
13
+ spacing: PropTypes.number,
14
+ className: PropTypes.string,
15
+ itemClassName: PropTypes.string,
16
+ innerClassName: PropTypes.string,
17
+ items: PropTypes.node
18
+ };
19
+ var defaultProps = {
20
+ align: null,
21
+ columns: 3,
22
+ spacing: 10,
23
+ className: null,
24
+ itemClassName: null,
25
+ innerClassName: null,
26
+ items: null
27
+ };
28
+
29
+ function Keypad(_ref) {
30
+ var items = _ref.items,
31
+ align = _ref.align,
32
+ columns = _ref.columns,
33
+ spacing = _ref.spacing,
34
+ className = _ref.className,
35
+ itemClassName = _ref.itemClassName,
36
+ innerClassName = _ref.innerClassName;
37
+ var itemWidth = "".concat(100 / columns, "%");
38
+ return /*#__PURE__*/React.createElement("div", {
39
+ className: classNames([styles.container, _defineProperty({}, className, className !== null)])
40
+ }, /*#__PURE__*/React.createElement("div", {
41
+ className: classNames([styles.inner, _defineProperty({}, innerClassName, innerClassName !== null)]),
42
+ style: _objectSpread({}, getStyleFromAlignment({
43
+ horizontal: align
44
+ }))
45
+ }, items !== null ? items.map(function (item) {
46
+ var _ref4 = item || {},
47
+ key = _ref4.key;
48
+
49
+ return /*#__PURE__*/React.createElement("div", {
50
+ key: key,
51
+ className: classNames([styles.item, _defineProperty({}, itemClassName, itemClassName !== null)]),
52
+ style: {
53
+ width: itemWidth,
54
+ padding: spacing / 2
55
+ }
56
+ }, item);
57
+ }) : null));
58
+ }
59
+
60
+ Keypad.propTypes = propTypes;
61
+ Keypad.defaultProps = defaultProps;
62
+
63
+ export { Keypad as default };
package/lib/index.js ADDED
@@ -0,0 +1,73 @@
1
+ 'use strict';
2
+
3
+ var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
4
+ var _defineProperty = require('@babel/runtime/helpers/defineProperty');
5
+ var classNames = require('classnames');
6
+ var PropTypes = require('prop-types');
7
+ var React = require('react');
8
+ var utils = require('@micromag/core/utils');
9
+
10
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
11
+
12
+ var _objectSpread__default = /*#__PURE__*/_interopDefaultLegacy(_objectSpread);
13
+ var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
14
+ var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
15
+ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
16
+ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
17
+
18
+ var styles = {"inner":"micromag-element-keypad-inner","slot":"micromag-element-keypad-slot"};
19
+
20
+ var propTypes = {
21
+ align: PropTypes__default["default"].oneOf(['left', 'right', 'middle']),
22
+ columns: PropTypes__default["default"].number,
23
+ spacing: PropTypes__default["default"].number,
24
+ className: PropTypes__default["default"].string,
25
+ itemClassName: PropTypes__default["default"].string,
26
+ innerClassName: PropTypes__default["default"].string,
27
+ items: PropTypes__default["default"].node
28
+ };
29
+ var defaultProps = {
30
+ align: null,
31
+ columns: 3,
32
+ spacing: 10,
33
+ className: null,
34
+ itemClassName: null,
35
+ innerClassName: null,
36
+ items: null
37
+ };
38
+
39
+ function Keypad(_ref) {
40
+ var items = _ref.items,
41
+ align = _ref.align,
42
+ columns = _ref.columns,
43
+ spacing = _ref.spacing,
44
+ className = _ref.className,
45
+ itemClassName = _ref.itemClassName,
46
+ innerClassName = _ref.innerClassName;
47
+ var itemWidth = "".concat(100 / columns, "%");
48
+ return /*#__PURE__*/React__default["default"].createElement("div", {
49
+ className: classNames__default["default"]([styles.container, _defineProperty__default["default"]({}, className, className !== null)])
50
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
51
+ className: classNames__default["default"]([styles.inner, _defineProperty__default["default"]({}, innerClassName, innerClassName !== null)]),
52
+ style: _objectSpread__default["default"]({}, utils.getStyleFromAlignment({
53
+ horizontal: align
54
+ }))
55
+ }, items !== null ? items.map(function (item) {
56
+ var _ref4 = item || {},
57
+ key = _ref4.key;
58
+
59
+ return /*#__PURE__*/React__default["default"].createElement("div", {
60
+ key: key,
61
+ className: classNames__default["default"]([styles.item, _defineProperty__default["default"]({}, itemClassName, itemClassName !== null)]),
62
+ style: {
63
+ width: itemWidth,
64
+ padding: spacing / 2
65
+ }
66
+ }, item);
67
+ }) : null));
68
+ }
69
+
70
+ Keypad.propTypes = propTypes;
71
+ Keypad.defaultProps = defaultProps;
72
+
73
+ module.exports = Keypad;
package/package.json ADDED
@@ -0,0 +1,67 @@
1
+ {
2
+ "name": "@micromag/element-keypad",
3
+ "version": "0.3.257",
4
+ "description": "",
5
+ "keywords": [
6
+ "javascript"
7
+ ],
8
+ "homepage": "https://github.com/urbania-media/micromag-js",
9
+ "repository": {
10
+ "type": "git",
11
+ "url": "git+https://github.com/urbania-media/micromag-js.git"
12
+ },
13
+ "author": {
14
+ "name": "Folklore",
15
+ "email": "info@folklore.email"
16
+ },
17
+ "contributors": [
18
+ {
19
+ "name": "David Mongeau-Petitpas",
20
+ "email": "dmp@folklore.email"
21
+ },
22
+ {
23
+ "name": "Nicolas Roy-Bourdages",
24
+ "email": "nrb@folklore.email"
25
+ },
26
+ {
27
+ "name": "Julien Carignan",
28
+ "email": "jc@folklore.email"
29
+ },
30
+ {
31
+ "name": "Fred mercy",
32
+ "email": "fred@folklore.email"
33
+ }
34
+ ],
35
+ "license": "ISC",
36
+ "main": "lib/index.js",
37
+ "module": "es/index.js",
38
+ "files": [
39
+ "lib",
40
+ "es",
41
+ "assets"
42
+ ],
43
+ "scripts": {
44
+ "prepare": "../../scripts/prepare-package.sh"
45
+ },
46
+ "devDependencies": {
47
+ "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
48
+ "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
49
+ },
50
+ "peerDependencies": {
51
+ "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
52
+ "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
53
+ },
54
+ "dependencies": {
55
+ "@babel/runtime": "^7.13.10",
56
+ "@micromag/core": "^0.3.257",
57
+ "classnames": "^2.2.6",
58
+ "lodash": "^4.17.21",
59
+ "prop-types": "^15.7.2",
60
+ "react-intl": "^5.12.1",
61
+ "uuid": "^8.3.2"
62
+ },
63
+ "publishConfig": {
64
+ "access": "public"
65
+ },
66
+ "gitHead": "420b1f249efd0ec5371a5f27f3a277bc11111e09"
67
+ }