New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

@nejcm/react-skeleton

Package Overview
Dependencies
Maintainers
1
Versions
16
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@nejcm/react-skeleton - npm Package Compare versions

Comparing version 2.0.3 to 3.0.0

57

CHANGELOG.md

@@ -1,2 +0,2 @@

## [2.0.3](https://github.com/nejcm/react-skeleton/compare/v2.0.2...v2.0.3) (2020-05-27)
# [3.0.0](https://github.com/nejcm/react-skeleton/compare/v2.0.3...v3.0.0) (2020-06-07)

@@ -6,25 +6,8 @@

* fixed missing dependencies ([3f3cafe](https://github.com/nejcm/react-skeleton/commit/3f3cafee3f9ed17cbde72a6dc3c29a721d5c2405))
* fixed missing babel plugin issue ([4e7830b](https://github.com/nejcm/react-skeleton/commit/4e7830bdaf9faec25fc074e9f242bac437061779))
## [2.0.2](https://github.com/nejcm/react-skeleton/compare/v2.0.1...v2.0.2) (2020-05-24)
### Bug Fixes
* fixed docs ([613d1a8](https://github.com/nejcm/react-skeleton/commit/613d1a8bd90596c6e2cf2192db68ab3e066c1412))
## [2.0.1](https://github.com/nejcm/react-skeleton/compare/v2.0.0...v2.0.1) (2020-04-21)
### Bug Fixes
* fixed build and replaced rollup config with kcd-scripts, fixed className bug ([de3b5f2](https://github.com/nejcm/react-skeleton/commit/de3b5f27bd4c740c18bb99f96b62bd7650498f0b))
* fixed travis build - missing dep ([e8eca5f](https://github.com/nejcm/react-skeleton/commit/e8eca5f657f2123e089cc8aa86677787e0ea5196))
# [2.0.0](https://github.com/nejcm/react-skeleton/compare/v1.0.2...v2.0.0) (2020-04-07)
### Features
* added types ([669644c](https://github.com/nejcm/react-skeleton/commit/669644cf923356b719fd56fa40b990f1e68d5977))
* added support for styled components and emotion ([a9d9df4](https://github.com/nejcm/react-skeleton/commit/a9d9df4dfe046ffeb5a0d72c3f6ba95287b2d9f5))

@@ -34,34 +17,2 @@

* Renamed title prop to header
## [1.0.2](https://github.com/nejcm/react-skeleton/compare/v1.0.1...v1.0.2) (2020-03-19)
### Bug Fixes
* Added component tests and fixed prop types issues ([5651a89](https://github.com/nejcm/react-skeleton/commit/5651a898bb06936a975934061c5d3eee9304aae8))
* deps ([d6ae560](https://github.com/nejcm/react-skeleton/commit/d6ae56007f90da99f26388eb66e8ecad10f596a9))
* eslint deps ([ae66801](https://github.com/nejcm/react-skeleton/commit/ae66801f4b5efa3065587ed87dcbcd078f04ca27))
* fixed missing dependency ([6df4248](https://github.com/nejcm/react-skeleton/commit/6df42488e8d7f72b91271be8f5bde3bf4aa5adda))
* fixed travis build env variables ([a45496f](https://github.com/nejcm/react-skeleton/commit/a45496f5ab0a34cf7ca99776b7418271a8820daf))
## [1.0.1](https://github.com/nejcm/react-skeleton/compare/v1.0.0...v1.0.1) (2020-03-18)
### Bug Fixes
* dependency issue fix ([730cc4c](https://github.com/nejcm/react-skeleton/commit/730cc4c925e499de774190e674d3eb5473e948a6))
* rollup sass fix ([036303e](https://github.com/nejcm/react-skeleton/commit/036303ea8df51a1cacc391e4754369b873dd5e0f))
# 1.0.0 (2020-03-18)
### Bug Fixes
* small readme fix ([87a620d](https://github.com/nejcm/react-skeleton/commit/87a620d16c08e686713e4ed7e0467834c65f95d0))
# CHANGELOG
The changelog is automatically updated using
[semantic-release](https://github.com/semantic-release/semantic-release). You
can see it on the [releases page](../../releases).
* Renamed packages

212

dist/@nejcm/react-skeleton.cjs.js

@@ -14,3 +14,3 @@ 'use strict';

var _taggedTemplateLiteral = _interopDefault(require('@babel/runtime/helpers/taggedTemplateLiteral'));
var styled = _interopDefault(require('@emotion/styled'));
var styled = _interopDefault(require('styled-components'));
var _toConsumableArray = _interopDefault(require('@babel/runtime/helpers/toConsumableArray'));

@@ -22,7 +22,2 @@

/**
* Convert measure value to valid css
* @param {String|Number} value Measure value
* @returns {String} Css value
*/
var measure2Css = function (value) {

@@ -68,6 +63,5 @@ return value ? typeof value === 'string' ? value : "".concat(value, "px") : undefined;

return (/*#__PURE__*/React__default.createElement(CircleWrapper, _extends({
className: "s-circ s-loader ".concat(className || '')
}, extractStyles(rest)))
);
return /*#__PURE__*/React__default.createElement(CircleWrapper, _extends({
className: "s-circ s-loader ".concat(className || '')
}, extractStyles(rest)));
};

@@ -123,6 +117,5 @@

return (/*#__PURE__*/React__default.createElement(RectangleWrapper, _extends({
className: "s-rect s-loader ".concat(className || '')
}, extractStyles(rest)))
);
return /*#__PURE__*/React__default.createElement(RectangleWrapper, _extends({
className: "s-rect s-loader ".concat(className || '')
}, extractStyles(rest)));
};

@@ -181,6 +174,5 @@

return (/*#__PURE__*/React__default.createElement(SkeletonWrapper, _extends({
className: "skeleton ".concat(className || '').concat(active ? ' s-active' : ' s-inactive').concat(darkTheme ? ' s-dark' : '')
}, rest))
);
return /*#__PURE__*/React__default.createElement(SkeletonWrapper, _extends({
className: "skeleton ".concat(className || '').concat(active ? ' s-active' : ' s-inactive').concat(darkTheme ? ' s-dark' : '')
}, rest));
};

@@ -230,16 +222,14 @@

var max = widths.length || 0;
return (/*#__PURE__*/React__default.createElement(Skeleton, skeletonProps, /*#__PURE__*/React__default.createElement(Wrapper, _extends({
className: "s-paragraph ".concat(className || '')
}, rest), header && /*#__PURE__*/React__default.createElement(Skeleton.Rectangle, {
className: "s-header",
width: "50%"
}), lines > 0 ? _toConsumableArray(Array(lines)).map(function (_, i) {
return (/*#__PURE__*/React__default.createElement(Skeleton.Rectangle, {
key: i,
className: "s-line",
width: widths[i % max] || '100%'
})
);
}) : null, children))
);
return /*#__PURE__*/React__default.createElement(Skeleton, skeletonProps, /*#__PURE__*/React__default.createElement(Wrapper, _extends({
className: "s-paragraph ".concat(className || '')
}, rest), header && /*#__PURE__*/React__default.createElement(Skeleton.Rectangle, {
className: "s-header",
width: "50%"
}), lines > 0 ? _toConsumableArray(Array(lines)).map(function (_, i) {
return /*#__PURE__*/React__default.createElement(Skeleton.Rectangle, {
key: i,
className: "s-line",
width: widths[i % max] || '100%'
});
}) : null, children));
};

@@ -305,14 +295,13 @@ process.env.NODE_ENV !== "production" ? Paragraph.propTypes = {

return (/*#__PURE__*/React__default.createElement(Skeleton, skeletonProps, /*#__PURE__*/React__default.createElement(Wrapper$1, _extends({
className: "s-card ".concat(className || ''),
style: internalStyle
}, rest), image ? /*#__PURE__*/React__default.createElement(Skeleton.Rectangle, {
className: "s-image",
height: 200
}) : null, header || paragraph ? /*#__PURE__*/React__default.createElement(Paragraph, {
header: header,
lines: paragraph ? 3 : 0,
skeletonProps: skeletonProps
}) : null, children))
);
return /*#__PURE__*/React__default.createElement(Skeleton, skeletonProps, /*#__PURE__*/React__default.createElement(Wrapper$1, _extends({
className: "s-card ".concat(className || ''),
style: internalStyle
}, rest), image ? /*#__PURE__*/React__default.createElement(Skeleton.Rectangle, {
className: "s-image",
height: 200
}) : null, header || paragraph ? /*#__PURE__*/React__default.createElement(Paragraph, {
header: header,
lines: paragraph ? 3 : 0,
skeletonProps: skeletonProps
}) : null, children));
};

@@ -382,17 +371,16 @@ process.env.NODE_ENV !== "production" ? Card.propTypes = {

return (/*#__PURE__*/React__default.createElement(Skeleton, skeletonProps, /*#__PURE__*/React__default.createElement(Wrapper$2, _extends({
className: "s-comment ".concat(className || '')
}, rest), /*#__PURE__*/React__default.createElement("div", null, avatarCircle ? /*#__PURE__*/React__default.createElement(Skeleton.Circle, {
className: "s-avatar",
width: avatarSize,
height: avatarSize
}) : /*#__PURE__*/React__default.createElement(Skeleton.Rectangle, {
className: "s-avatar",
width: avatarSize,
height: avatarSize
})), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(Paragraph, {
header: false,
lines: lines
}), children)))
);
return /*#__PURE__*/React__default.createElement(Skeleton, skeletonProps, /*#__PURE__*/React__default.createElement(Wrapper$2, _extends({
className: "s-comment ".concat(className || '')
}, rest), /*#__PURE__*/React__default.createElement("div", null, avatarCircle ? /*#__PURE__*/React__default.createElement(Skeleton.Circle, {
className: "s-avatar",
width: avatarSize,
height: avatarSize
}) : /*#__PURE__*/React__default.createElement(Skeleton.Rectangle, {
className: "s-avatar",
width: avatarSize,
height: avatarSize
})), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(Paragraph, {
header: false,
lines: lines
}), children)));
};

@@ -454,21 +442,19 @@

} : undefined;
return (/*#__PURE__*/React__default.createElement(Skeleton, skeletonProps, /*#__PURE__*/React__default.createElement(Wrapper$3, _extends({
className: "s-form ".concat(className || '')
}, rest), _toConsumableArray(Array(inputs)).map(function (_, i) {
return (/*#__PURE__*/React__default.createElement(React.Fragment, {
key: i
}, label ? /*#__PURE__*/React__default.createElement(Skeleton.Rectangle, {
className: "s-label"
}) : null, /*#__PURE__*/React__default.createElement(Skeleton.Rectangle, {
key: i,
className: "s-input",
width: widths[i % max] || '100%',
style: style
}))
);
}), button ? /*#__PURE__*/React__default.createElement(Skeleton.Rectangle, {
className: "s-button",
return /*#__PURE__*/React__default.createElement(Skeleton, skeletonProps, /*#__PURE__*/React__default.createElement(Wrapper$3, _extends({
className: "s-form ".concat(className || '')
}, rest), _toConsumableArray(Array(inputs)).map(function (_, i) {
return /*#__PURE__*/React__default.createElement(React.Fragment, {
key: i
}, label ? /*#__PURE__*/React__default.createElement(Skeleton.Rectangle, {
className: "s-label"
}) : null, /*#__PURE__*/React__default.createElement(Skeleton.Rectangle, {
key: i,
className: "s-input",
width: widths[i % max] || '100%',
style: style
}) : null, children))
);
}));
}), button ? /*#__PURE__*/React__default.createElement(Skeleton.Rectangle, {
className: "s-button",
style: style
}) : null, children));
};

@@ -534,11 +520,9 @@ process.env.NODE_ENV !== "production" ? Form.propTypes = {

return (/*#__PURE__*/React__default.createElement(Skeleton, skeletonProps, /*#__PURE__*/React__default.createElement(Wrapper$4, _extends({
className: "s-grid ".concat(className || '')
}, rest), cols > 0 ? _toConsumableArray(Array(cols)).map(function (_, i) {
return (/*#__PURE__*/React__default.createElement("div", {
key: i
}, typeof children === 'function' ? children(i) : children)
);
}) : null))
);
return /*#__PURE__*/React__default.createElement(Skeleton, skeletonProps, /*#__PURE__*/React__default.createElement(Wrapper$4, _extends({
className: "s-grid ".concat(className || '')
}, rest), cols > 0 ? _toConsumableArray(Array(cols)).map(function (_, i) {
return /*#__PURE__*/React__default.createElement("div", {
key: i
}, typeof children === 'function' ? children(i) : children);
}) : null));
};

@@ -598,33 +582,29 @@ process.env.NODE_ENV !== "production" ? Grid.propTypes = {

var td = colIter.map(function (__, j) {
return (/*#__PURE__*/React__default.createElement("td", {
key: "c-".concat(j),
style: isArray ? undefined : {
width: widths[j % max]
}
}, /*#__PURE__*/React__default.createElement(Skeleton.Rectangle, {
as: "span",
width: "100%",
className: "s-cell"
}))
);
return /*#__PURE__*/React__default.createElement("td", {
key: "c-".concat(j),
style: isArray ? undefined : {
width: widths[j % max]
}
}, /*#__PURE__*/React__default.createElement(Skeleton.Rectangle, {
as: "span",
width: "100%",
className: "s-cell"
}));
});
return (/*#__PURE__*/React__default.createElement(Skeleton, skeletonProps, /*#__PURE__*/React__default.createElement(Wrapper$5, _extends({
className: "s-table ".concat(className || '')
}, rest), head ? /*#__PURE__*/React__default.createElement("thead", null, /*#__PURE__*/React__default.createElement("tr", null, colIter.map(function (val, i) {
return (/*#__PURE__*/React__default.createElement("th", {
key: i,
align: "left"
}, val ? val : /*#__PURE__*/React__default.createElement(Skeleton.Rectangle, {
as: "span",
width: "100%",
className: "s-cell"
}))
);
}))) : null, /*#__PURE__*/React__default.createElement("tbody", null, rowIter.map(function (_, i) {
return (/*#__PURE__*/React__default.createElement("tr", {
key: i
}, td)
);
}), children)))
);
return /*#__PURE__*/React__default.createElement(Skeleton, skeletonProps, /*#__PURE__*/React__default.createElement(Wrapper$5, _extends({
className: "s-table ".concat(className || '')
}, rest), head ? /*#__PURE__*/React__default.createElement("thead", null, /*#__PURE__*/React__default.createElement("tr", null, colIter.map(function (val, i) {
return /*#__PURE__*/React__default.createElement("th", {
key: i,
align: "left"
}, val ? val : /*#__PURE__*/React__default.createElement(Skeleton.Rectangle, {
as: "span",
width: "100%",
className: "s-cell"
}));
}))) : null, /*#__PURE__*/React__default.createElement("tbody", null, rowIter.map(function (_, i) {
return /*#__PURE__*/React__default.createElement("tr", {
key: i
}, td);
}), children)));
};

@@ -631,0 +611,0 @@ process.env.NODE_ENV !== "production" ? Table.propTypes = {

212

dist/@nejcm/react-skeleton.esm.js

@@ -7,3 +7,3 @@ import _extends from '@babel/runtime/helpers/extends';

import _taggedTemplateLiteral from '@babel/runtime/helpers/taggedTemplateLiteral';
import styled from '@emotion/styled';
import styled from 'styled-components';
import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';

@@ -15,7 +15,2 @@

/**
* Convert measure value to valid css
* @param {String|Number} value Measure value
* @returns {String} Css value
*/
var measure2Css = function (value) {

@@ -61,6 +56,5 @@ return value ? typeof value === 'string' ? value : "".concat(value, "px") : undefined;

return (/*#__PURE__*/React.createElement(CircleWrapper, _extends({
className: "s-circ s-loader ".concat(className || '')
}, extractStyles(rest)))
);
return /*#__PURE__*/React.createElement(CircleWrapper, _extends({
className: "s-circ s-loader ".concat(className || '')
}, extractStyles(rest)));
};

@@ -116,6 +110,5 @@

return (/*#__PURE__*/React.createElement(RectangleWrapper, _extends({
className: "s-rect s-loader ".concat(className || '')
}, extractStyles(rest)))
);
return /*#__PURE__*/React.createElement(RectangleWrapper, _extends({
className: "s-rect s-loader ".concat(className || '')
}, extractStyles(rest)));
};

@@ -174,6 +167,5 @@

return (/*#__PURE__*/React.createElement(SkeletonWrapper, _extends({
className: "skeleton ".concat(className || '').concat(active ? ' s-active' : ' s-inactive').concat(darkTheme ? ' s-dark' : '')
}, rest))
);
return /*#__PURE__*/React.createElement(SkeletonWrapper, _extends({
className: "skeleton ".concat(className || '').concat(active ? ' s-active' : ' s-inactive').concat(darkTheme ? ' s-dark' : '')
}, rest));
};

@@ -223,16 +215,14 @@

var max = widths.length || 0;
return (/*#__PURE__*/React.createElement(Skeleton, skeletonProps, /*#__PURE__*/React.createElement(Wrapper, _extends({
className: "s-paragraph ".concat(className || '')
}, rest), header && /*#__PURE__*/React.createElement(Skeleton.Rectangle, {
className: "s-header",
width: "50%"
}), lines > 0 ? _toConsumableArray(Array(lines)).map(function (_, i) {
return (/*#__PURE__*/React.createElement(Skeleton.Rectangle, {
key: i,
className: "s-line",
width: widths[i % max] || '100%'
})
);
}) : null, children))
);
return /*#__PURE__*/React.createElement(Skeleton, skeletonProps, /*#__PURE__*/React.createElement(Wrapper, _extends({
className: "s-paragraph ".concat(className || '')
}, rest), header && /*#__PURE__*/React.createElement(Skeleton.Rectangle, {
className: "s-header",
width: "50%"
}), lines > 0 ? _toConsumableArray(Array(lines)).map(function (_, i) {
return /*#__PURE__*/React.createElement(Skeleton.Rectangle, {
key: i,
className: "s-line",
width: widths[i % max] || '100%'
});
}) : null, children));
};

@@ -298,14 +288,13 @@ process.env.NODE_ENV !== "production" ? Paragraph.propTypes = {

return (/*#__PURE__*/React.createElement(Skeleton, skeletonProps, /*#__PURE__*/React.createElement(Wrapper$1, _extends({
className: "s-card ".concat(className || ''),
style: internalStyle
}, rest), image ? /*#__PURE__*/React.createElement(Skeleton.Rectangle, {
className: "s-image",
height: 200
}) : null, header || paragraph ? /*#__PURE__*/React.createElement(Paragraph, {
header: header,
lines: paragraph ? 3 : 0,
skeletonProps: skeletonProps
}) : null, children))
);
return /*#__PURE__*/React.createElement(Skeleton, skeletonProps, /*#__PURE__*/React.createElement(Wrapper$1, _extends({
className: "s-card ".concat(className || ''),
style: internalStyle
}, rest), image ? /*#__PURE__*/React.createElement(Skeleton.Rectangle, {
className: "s-image",
height: 200
}) : null, header || paragraph ? /*#__PURE__*/React.createElement(Paragraph, {
header: header,
lines: paragraph ? 3 : 0,
skeletonProps: skeletonProps
}) : null, children));
};

@@ -375,17 +364,16 @@ process.env.NODE_ENV !== "production" ? Card.propTypes = {

return (/*#__PURE__*/React.createElement(Skeleton, skeletonProps, /*#__PURE__*/React.createElement(Wrapper$2, _extends({
className: "s-comment ".concat(className || '')
}, rest), /*#__PURE__*/React.createElement("div", null, avatarCircle ? /*#__PURE__*/React.createElement(Skeleton.Circle, {
className: "s-avatar",
width: avatarSize,
height: avatarSize
}) : /*#__PURE__*/React.createElement(Skeleton.Rectangle, {
className: "s-avatar",
width: avatarSize,
height: avatarSize
})), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Paragraph, {
header: false,
lines: lines
}), children)))
);
return /*#__PURE__*/React.createElement(Skeleton, skeletonProps, /*#__PURE__*/React.createElement(Wrapper$2, _extends({
className: "s-comment ".concat(className || '')
}, rest), /*#__PURE__*/React.createElement("div", null, avatarCircle ? /*#__PURE__*/React.createElement(Skeleton.Circle, {
className: "s-avatar",
width: avatarSize,
height: avatarSize
}) : /*#__PURE__*/React.createElement(Skeleton.Rectangle, {
className: "s-avatar",
width: avatarSize,
height: avatarSize
})), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Paragraph, {
header: false,
lines: lines
}), children)));
};

@@ -447,21 +435,19 @@

} : undefined;
return (/*#__PURE__*/React.createElement(Skeleton, skeletonProps, /*#__PURE__*/React.createElement(Wrapper$3, _extends({
className: "s-form ".concat(className || '')
}, rest), _toConsumableArray(Array(inputs)).map(function (_, i) {
return (/*#__PURE__*/React.createElement(Fragment, {
key: i
}, label ? /*#__PURE__*/React.createElement(Skeleton.Rectangle, {
className: "s-label"
}) : null, /*#__PURE__*/React.createElement(Skeleton.Rectangle, {
key: i,
className: "s-input",
width: widths[i % max] || '100%',
style: style
}))
);
}), button ? /*#__PURE__*/React.createElement(Skeleton.Rectangle, {
className: "s-button",
return /*#__PURE__*/React.createElement(Skeleton, skeletonProps, /*#__PURE__*/React.createElement(Wrapper$3, _extends({
className: "s-form ".concat(className || '')
}, rest), _toConsumableArray(Array(inputs)).map(function (_, i) {
return /*#__PURE__*/React.createElement(Fragment, {
key: i
}, label ? /*#__PURE__*/React.createElement(Skeleton.Rectangle, {
className: "s-label"
}) : null, /*#__PURE__*/React.createElement(Skeleton.Rectangle, {
key: i,
className: "s-input",
width: widths[i % max] || '100%',
style: style
}) : null, children))
);
}));
}), button ? /*#__PURE__*/React.createElement(Skeleton.Rectangle, {
className: "s-button",
style: style
}) : null, children));
};

@@ -527,11 +513,9 @@ process.env.NODE_ENV !== "production" ? Form.propTypes = {

return (/*#__PURE__*/React.createElement(Skeleton, skeletonProps, /*#__PURE__*/React.createElement(Wrapper$4, _extends({
className: "s-grid ".concat(className || '')
}, rest), cols > 0 ? _toConsumableArray(Array(cols)).map(function (_, i) {
return (/*#__PURE__*/React.createElement("div", {
key: i
}, typeof children === 'function' ? children(i) : children)
);
}) : null))
);
return /*#__PURE__*/React.createElement(Skeleton, skeletonProps, /*#__PURE__*/React.createElement(Wrapper$4, _extends({
className: "s-grid ".concat(className || '')
}, rest), cols > 0 ? _toConsumableArray(Array(cols)).map(function (_, i) {
return /*#__PURE__*/React.createElement("div", {
key: i
}, typeof children === 'function' ? children(i) : children);
}) : null));
};

@@ -591,33 +575,29 @@ process.env.NODE_ENV !== "production" ? Grid.propTypes = {

var td = colIter.map(function (__, j) {
return (/*#__PURE__*/React.createElement("td", {
key: "c-".concat(j),
style: isArray ? undefined : {
width: widths[j % max]
}
}, /*#__PURE__*/React.createElement(Skeleton.Rectangle, {
as: "span",
width: "100%",
className: "s-cell"
}))
);
return /*#__PURE__*/React.createElement("td", {
key: "c-".concat(j),
style: isArray ? undefined : {
width: widths[j % max]
}
}, /*#__PURE__*/React.createElement(Skeleton.Rectangle, {
as: "span",
width: "100%",
className: "s-cell"
}));
});
return (/*#__PURE__*/React.createElement(Skeleton, skeletonProps, /*#__PURE__*/React.createElement(Wrapper$5, _extends({
className: "s-table ".concat(className || '')
}, rest), head ? /*#__PURE__*/React.createElement("thead", null, /*#__PURE__*/React.createElement("tr", null, colIter.map(function (val, i) {
return (/*#__PURE__*/React.createElement("th", {
key: i,
align: "left"
}, val ? val : /*#__PURE__*/React.createElement(Skeleton.Rectangle, {
as: "span",
width: "100%",
className: "s-cell"
}))
);
}))) : null, /*#__PURE__*/React.createElement("tbody", null, rowIter.map(function (_, i) {
return (/*#__PURE__*/React.createElement("tr", {
key: i
}, td)
);
}), children)))
);
return /*#__PURE__*/React.createElement(Skeleton, skeletonProps, /*#__PURE__*/React.createElement(Wrapper$5, _extends({
className: "s-table ".concat(className || '')
}, rest), head ? /*#__PURE__*/React.createElement("thead", null, /*#__PURE__*/React.createElement("tr", null, colIter.map(function (val, i) {
return /*#__PURE__*/React.createElement("th", {
key: i,
align: "left"
}, val ? val : /*#__PURE__*/React.createElement(Skeleton.Rectangle, {
as: "span",
width: "100%",
className: "s-cell"
}));
}))) : null, /*#__PURE__*/React.createElement("tbody", null, rowIter.map(function (_, i) {
return /*#__PURE__*/React.createElement("tr", {
key: i
}, td);
}), children)));
};

@@ -624,0 +604,0 @@ process.env.NODE_ENV !== "production" ? Table.propTypes = {

1356

dist/@nejcm/react-skeleton.umd.js
(function (global, factory) {
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('prop-types'), require('react'), require('@emotion/styled')) :
typeof define === 'function' && define.amd ? define(['exports', 'prop-types', 'react', '@emotion/styled'], factory) :
(global = global || self, factory(global.NejcmReactSkeleton = {}, global.PropTypes, global.React, global.EmotionStyled));
}(this, (function (exports, PropTypes, React, styled) { 'use strict';
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react'), require('styled-components')) :
typeof define === 'function' && define.amd ? define(['exports', 'react', 'styled-components'], factory) :
(global = global || self, factory(global.NejcmReactSkeleton = {}, global.React, global.StyledComponents));
}(this, (function (exports, React, styled) { 'use strict';
PropTypes = PropTypes && Object.prototype.hasOwnProperty.call(PropTypes, 'default') ? PropTypes['default'] : PropTypes;
var React__default = 'default' in React ? React['default'] : React;

@@ -75,2 +74,1025 @@ styled = styled && Object.prototype.hasOwnProperty.call(styled, 'default') ? styled['default'] : styled;

var _typeof_1 = createCommonjsModule(function (module) {
function _typeof(obj) {
"@babel/helpers - typeof";
if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
module.exports = _typeof = function (obj) {
return typeof obj;
};
} else {
module.exports = _typeof = function (obj) {
return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
};
}
return _typeof(obj);
}
module.exports = _typeof;
});
var reactIs_development = createCommonjsModule(function (module, exports) {
{
(function () {
// The Symbol used to tag the ReactElement-like types. If there is no native Symbol
// nor polyfill, then a plain number is used for performance.
var hasSymbol = typeof Symbol === 'function' && Symbol.for;
var REACT_ELEMENT_TYPE = hasSymbol ? Symbol.for('react.element') : 0xeac7;
var REACT_PORTAL_TYPE = hasSymbol ? Symbol.for('react.portal') : 0xeaca;
var REACT_FRAGMENT_TYPE = hasSymbol ? Symbol.for('react.fragment') : 0xeacb;
var REACT_STRICT_MODE_TYPE = hasSymbol ? Symbol.for('react.strict_mode') : 0xeacc;
var REACT_PROFILER_TYPE = hasSymbol ? Symbol.for('react.profiler') : 0xead2;
var REACT_PROVIDER_TYPE = hasSymbol ? Symbol.for('react.provider') : 0xeacd;
var REACT_CONTEXT_TYPE = hasSymbol ? Symbol.for('react.context') : 0xeace; // TODO: We don't use AsyncMode or ConcurrentMode anymore. They were temporary
// (unstable) APIs that have been removed. Can we remove the symbols?
var REACT_ASYNC_MODE_TYPE = hasSymbol ? Symbol.for('react.async_mode') : 0xeacf;
var REACT_CONCURRENT_MODE_TYPE = hasSymbol ? Symbol.for('react.concurrent_mode') : 0xeacf;
var REACT_FORWARD_REF_TYPE = hasSymbol ? Symbol.for('react.forward_ref') : 0xead0;
var REACT_SUSPENSE_TYPE = hasSymbol ? Symbol.for('react.suspense') : 0xead1;
var REACT_SUSPENSE_LIST_TYPE = hasSymbol ? Symbol.for('react.suspense_list') : 0xead8;
var REACT_MEMO_TYPE = hasSymbol ? Symbol.for('react.memo') : 0xead3;
var REACT_LAZY_TYPE = hasSymbol ? Symbol.for('react.lazy') : 0xead4;
var REACT_BLOCK_TYPE = hasSymbol ? Symbol.for('react.block') : 0xead9;
var REACT_FUNDAMENTAL_TYPE = hasSymbol ? Symbol.for('react.fundamental') : 0xead5;
var REACT_RESPONDER_TYPE = hasSymbol ? Symbol.for('react.responder') : 0xead6;
var REACT_SCOPE_TYPE = hasSymbol ? Symbol.for('react.scope') : 0xead7;
function typeOf(object) {
if (_typeof_1(object) === 'object' && object !== null) {
var $$typeof = object.$$typeof;
switch ($$typeof) {
case REACT_ELEMENT_TYPE:
var type = object.type;
switch (type) {
case REACT_ASYNC_MODE_TYPE:
case REACT_CONCURRENT_MODE_TYPE:
case REACT_FRAGMENT_TYPE:
case REACT_PROFILER_TYPE:
case REACT_STRICT_MODE_TYPE:
case REACT_SUSPENSE_TYPE:
return type;
default:
var $$typeofType = type && type.$$typeof;
switch ($$typeofType) {
case REACT_CONTEXT_TYPE:
case REACT_FORWARD_REF_TYPE:
case REACT_LAZY_TYPE:
case REACT_MEMO_TYPE:
case REACT_PROVIDER_TYPE:
return $$typeofType;
default:
return $$typeof;
}
}
case REACT_PORTAL_TYPE:
return $$typeof;
}
}
return undefined;
} // AsyncMode is deprecated along with isAsyncMode
var hasWarnedAboutDeprecatedIsAsyncMode = false; // AsyncMode should be deprecated
function isAsyncMode(object) {
{
if (!hasWarnedAboutDeprecatedIsAsyncMode) {
hasWarnedAboutDeprecatedIsAsyncMode = true; // Using console['warn'] to evade Babel and ESLint
console['warn']('The ReactIs.isAsyncMode() alias has been deprecated, ' + 'and will be removed in React 17+. Update your code to use ' + 'ReactIs.isConcurrentMode() instead. It has the exact same API.');
}
}
return isConcurrentMode(object) || typeOf(object) === REACT_ASYNC_MODE_TYPE;
}
function isConcurrentMode(object) {
return typeOf(object) === REACT_CONCURRENT_MODE_TYPE;
}
exports.AsyncMode = REACT_ASYNC_MODE_TYPE;
exports.ConcurrentMode = REACT_CONCURRENT_MODE_TYPE;
exports.ContextConsumer = REACT_CONTEXT_TYPE;
exports.ContextProvider = REACT_PROVIDER_TYPE;
exports.Element = REACT_ELEMENT_TYPE;
exports.ForwardRef = REACT_FORWARD_REF_TYPE;
exports.Fragment = REACT_FRAGMENT_TYPE;
exports.Lazy = REACT_LAZY_TYPE;
exports.Memo = REACT_MEMO_TYPE;
exports.Portal = REACT_PORTAL_TYPE;
exports.Profiler = REACT_PROFILER_TYPE;
exports.StrictMode = REACT_STRICT_MODE_TYPE;
exports.Suspense = REACT_SUSPENSE_TYPE;
exports.isAsyncMode = isAsyncMode;
exports.isConcurrentMode = isConcurrentMode;
exports.isContextConsumer = function (object) {
return typeOf(object) === REACT_CONTEXT_TYPE;
};
exports.isContextProvider = function (object) {
return typeOf(object) === REACT_PROVIDER_TYPE;
};
exports.isElement = function (object) {
return _typeof_1(object) === 'object' && object !== null && object.$$typeof === REACT_ELEMENT_TYPE;
};
exports.isForwardRef = function (object) {
return typeOf(object) === REACT_FORWARD_REF_TYPE;
};
exports.isFragment = function (object) {
return typeOf(object) === REACT_FRAGMENT_TYPE;
};
exports.isLazy = function (object) {
return typeOf(object) === REACT_LAZY_TYPE;
};
exports.isMemo = function (object) {
return typeOf(object) === REACT_MEMO_TYPE;
};
exports.isPortal = function (object) {
return typeOf(object) === REACT_PORTAL_TYPE;
};
exports.isProfiler = function (object) {
return typeOf(object) === REACT_PROFILER_TYPE;
};
exports.isStrictMode = function (object) {
return typeOf(object) === REACT_STRICT_MODE_TYPE;
};
exports.isSuspense = function (object) {
return typeOf(object) === REACT_SUSPENSE_TYPE;
};
exports.isValidElementType = function (type) {
return typeof type === 'string' || typeof type === 'function' || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
type === REACT_FRAGMENT_TYPE || type === REACT_CONCURRENT_MODE_TYPE || type === REACT_PROFILER_TYPE || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || _typeof_1(type) === 'object' && type !== null && (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE || type.$$typeof === REACT_FUNDAMENTAL_TYPE || type.$$typeof === REACT_RESPONDER_TYPE || type.$$typeof === REACT_SCOPE_TYPE || type.$$typeof === REACT_BLOCK_TYPE);
};
exports.typeOf = typeOf;
})();
}
});
var reactIs_development_1 = reactIs_development.AsyncMode;
var reactIs_development_2 = reactIs_development.ConcurrentMode;
var reactIs_development_3 = reactIs_development.ContextConsumer;
var reactIs_development_4 = reactIs_development.ContextProvider;
var reactIs_development_5 = reactIs_development.Element;
var reactIs_development_6 = reactIs_development.ForwardRef;
var reactIs_development_7 = reactIs_development.Fragment;
var reactIs_development_8 = reactIs_development.Lazy;
var reactIs_development_9 = reactIs_development.Memo;
var reactIs_development_10 = reactIs_development.Portal;
var reactIs_development_11 = reactIs_development.Profiler;
var reactIs_development_12 = reactIs_development.StrictMode;
var reactIs_development_13 = reactIs_development.Suspense;
var reactIs_development_14 = reactIs_development.isAsyncMode;
var reactIs_development_15 = reactIs_development.isConcurrentMode;
var reactIs_development_16 = reactIs_development.isContextConsumer;
var reactIs_development_17 = reactIs_development.isContextProvider;
var reactIs_development_18 = reactIs_development.isElement;
var reactIs_development_19 = reactIs_development.isForwardRef;
var reactIs_development_20 = reactIs_development.isFragment;
var reactIs_development_21 = reactIs_development.isLazy;
var reactIs_development_22 = reactIs_development.isMemo;
var reactIs_development_23 = reactIs_development.isPortal;
var reactIs_development_24 = reactIs_development.isProfiler;
var reactIs_development_25 = reactIs_development.isStrictMode;
var reactIs_development_26 = reactIs_development.isSuspense;
var reactIs_development_27 = reactIs_development.isValidElementType;
var reactIs_development_28 = reactIs_development.typeOf;
var reactIs = createCommonjsModule(function (module) {
{
module.exports = reactIs_development;
}
});
/*
object-assign
(c) Sindre Sorhus
@license MIT
*/
/* eslint-disable no-unused-vars */
var getOwnPropertySymbols = Object.getOwnPropertySymbols;
var hasOwnProperty = Object.prototype.hasOwnProperty;
var propIsEnumerable = Object.prototype.propertyIsEnumerable;
function toObject(val) {
if (val === null || val === undefined) {
throw new TypeError('Object.assign cannot be called with null or undefined');
}
return Object(val);
}
function shouldUseNative() {
try {
if (!Object.assign) {
return false;
} // Detect buggy property enumeration order in older V8 versions.
// https://bugs.chromium.org/p/v8/issues/detail?id=4118
var test1 = new String('abc'); // eslint-disable-line no-new-wrappers
test1[5] = 'de';
if (Object.getOwnPropertyNames(test1)[0] === '5') {
return false;
} // https://bugs.chromium.org/p/v8/issues/detail?id=3056
var test2 = {};
for (var i = 0; i < 10; i++) {
test2['_' + String.fromCharCode(i)] = i;
}
var order2 = Object.getOwnPropertyNames(test2).map(function (n) {
return test2[n];
});
if (order2.join('') !== '0123456789') {
return false;
} // https://bugs.chromium.org/p/v8/issues/detail?id=3056
var test3 = {};
'abcdefghijklmnopqrst'.split('').forEach(function (letter) {
test3[letter] = letter;
});
if (Object.keys(Object.assign({}, test3)).join('') !== 'abcdefghijklmnopqrst') {
return false;
}
return true;
} catch (err) {
// We don't expect any of the above to throw, but better to be safe.
return false;
}
}
var objectAssign = shouldUseNative() ? Object.assign : function (target) {
var from;
var to = toObject(target);
var symbols;
for (var s = 1; s < arguments.length; s++) {
from = Object(arguments[s]);
for (var key in from) {
if (hasOwnProperty.call(from, key)) {
to[key] = from[key];
}
}
if (getOwnPropertySymbols) {
symbols = getOwnPropertySymbols(from);
for (var i = 0; i < symbols.length; i++) {
if (propIsEnumerable.call(from, symbols[i])) {
to[symbols[i]] = from[symbols[i]];
}
}
}
}
return to;
};
/**
* Copyright (c) 2013-present, Facebook, Inc.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
var ReactPropTypesSecret = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED';
var ReactPropTypesSecret_1 = ReactPropTypesSecret;
/**
* Copyright (c) 2013-present, Facebook, Inc.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
var printWarning = function () {};
{
var ReactPropTypesSecret$1 = ReactPropTypesSecret_1;
var loggedTypeFailures = {};
var has = Function.call.bind(Object.prototype.hasOwnProperty);
printWarning = function (text) {
var message = 'Warning: ' + text;
if (typeof console !== 'undefined') {
console.error(message);
}
try {
// --- Welcome to debugging React ---
// This error was thrown as a convenience so that you can use this stack
// to find the callsite that caused this warning to fire.
throw new Error(message);
} catch (x) {}
};
}
/**
* Assert that the values match with the type specs.
* Error messages are memorized and will only be shown once.
*
* @param {object} typeSpecs Map of name to a ReactPropType
* @param {object} values Runtime values that need to be type-checked
* @param {string} location e.g. "prop", "context", "child context"
* @param {string} componentName Name of the component for error messages.
* @param {?Function} getStack Returns the component stack.
* @private
*/
function checkPropTypes(typeSpecs, values, location, componentName, getStack) {
{
for (var typeSpecName in typeSpecs) {
if (has(typeSpecs, typeSpecName)) {
var error; // Prop type validation may throw. In case they do, we don't want to
// fail the render phase where it didn't fail before. So we log it.
// After these have been cleaned up, we'll let them throw.
try {
// This is intentionally an invariant that gets caught. It's the same
// behavior as without this statement except with a better message.
if (typeof typeSpecs[typeSpecName] !== 'function') {
var err = Error((componentName || 'React class') + ': ' + location + ' type `' + typeSpecName + '` is invalid; ' + 'it must be a function, usually from the `prop-types` package, but received `' + _typeof_1(typeSpecs[typeSpecName]) + '`.');
err.name = 'Invariant Violation';
throw err;
}
error = typeSpecs[typeSpecName](values, typeSpecName, componentName, location, null, ReactPropTypesSecret$1);
} catch (ex) {
error = ex;
}
if (error && !(error instanceof Error)) {
printWarning((componentName || 'React class') + ': type specification of ' + location + ' `' + typeSpecName + '` is invalid; the type checker ' + 'function must return `null` or an `Error` but returned a ' + _typeof_1(error) + '. ' + 'You may have forgotten to pass an argument to the type checker ' + 'creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and ' + 'shape all require an argument).');
}
if (error instanceof Error && !(error.message in loggedTypeFailures)) {
// Only monitor this failure once because there tends to be a lot of the
// same error.
loggedTypeFailures[error.message] = true;
var stack = getStack ? getStack() : '';
printWarning('Failed ' + location + ' type: ' + error.message + (stack != null ? stack : ''));
}
}
}
}
}
/**
* Resets warning cache when testing.
*
* @private
*/
checkPropTypes.resetWarningCache = function () {
{
loggedTypeFailures = {};
}
};
var checkPropTypes_1 = checkPropTypes;
/**
* Copyright (c) 2013-present, Facebook, Inc.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
var has$1 = Function.call.bind(Object.prototype.hasOwnProperty);
var printWarning$1 = function () {};
{
printWarning$1 = function (text) {
var message = 'Warning: ' + text;
if (typeof console !== 'undefined') {
console.error(message);
}
try {
// --- Welcome to debugging React ---
// This error was thrown as a convenience so that you can use this stack
// to find the callsite that caused this warning to fire.
throw new Error(message);
} catch (x) {}
};
}
function emptyFunctionThatReturnsNull() {
return null;
}
var factoryWithTypeCheckers = function (isValidElement, throwOnDirectAccess) {
/* global Symbol */
var ITERATOR_SYMBOL = typeof Symbol === 'function' && Symbol.iterator;
// Before Symbol spec.
/**
* Returns the iterator method function contained on the iterable object.
*
* Be sure to invoke the function with the iterable as context:
*
* var iteratorFn = getIteratorFn(myIterable);
* if (iteratorFn) {
* var iterator = iteratorFn.call(myIterable);
* ...
* }
*
* @param {?object} maybeIterable
* @return {?function}
*/
function getIteratorFn(maybeIterable) {
var iteratorFn = maybeIterable && (ITERATOR_SYMBOL && maybeIterable[ITERATOR_SYMBOL] || maybeIterable['@@iterator']);
if (typeof iteratorFn === 'function') {
return iteratorFn;
}
}
/**
* Collection of methods that allow declaration and validation of props that are
* supplied to React components. Example usage:
*
* var Props = require('ReactPropTypes');
* var MyArticle = React.createClass({
* propTypes: {
* // An optional string prop named "description".
* description: Props.string,
*
* // A required enum prop named "category".
* category: Props.oneOf(['News','Photos']).isRequired,
*
* // A prop named "dialog" that requires an instance of Dialog.
* dialog: Props.instanceOf(Dialog).isRequired
* },
* render: function() { ... }
* });
*
* A more formal specification of how these methods are used:
*
* type := array|bool|func|object|number|string|oneOf([...])|instanceOf(...)
* decl := ReactPropTypes.{type}(.isRequired)?
*
* Each and every declaration produces a function with the same signature. This
* allows the creation of custom validation functions. For example:
*
* var MyLink = React.createClass({
* propTypes: {
* // An optional string or URI prop named "href".
* href: function(props, propName, componentName) {
* var propValue = props[propName];
* if (propValue != null && typeof propValue !== 'string' &&
* !(propValue instanceof URI)) {
* return new Error(
* 'Expected a string or an URI for ' + propName + ' in ' +
* componentName
* );
* }
* }
* },
* render: function() {...}
* });
*
* @internal
*/
var ANONYMOUS = '<<anonymous>>'; // Important!
// Keep this list in sync with production version in `./factoryWithThrowingShims.js`.
var ReactPropTypes = {
array: createPrimitiveTypeChecker('array'),
bool: createPrimitiveTypeChecker('boolean'),
func: createPrimitiveTypeChecker('function'),
number: createPrimitiveTypeChecker('number'),
object: createPrimitiveTypeChecker('object'),
string: createPrimitiveTypeChecker('string'),
symbol: createPrimitiveTypeChecker('symbol'),
any: function () {
return createChainableTypeChecker(emptyFunctionThatReturnsNull);
}(),
arrayOf: function (typeChecker) {
return createChainableTypeChecker(function (props, propName, componentName, location, propFullName) {
if (typeof typeChecker !== 'function') {
return new PropTypeError('Property `' + propFullName + '` of component `' + componentName + '` has invalid PropType notation inside arrayOf.');
}
var propValue = props[propName];
if (!Array.isArray(propValue)) {
var propType = getPropType(propValue);
return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected an array.'));
}
for (var i = 0; i < propValue.length; i++) {
var error = typeChecker(propValue, i, componentName, location, propFullName + '[' + i + ']', ReactPropTypesSecret_1);
if (error instanceof Error) {
return error;
}
}
return null;
});
},
element: function () {
return createChainableTypeChecker(function (props, propName, componentName, location, propFullName) {
var propValue = props[propName];
if (!isValidElement(propValue)) {
var propType = getPropType(propValue);
return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected a single ReactElement.'));
}
return null;
});
}(),
elementType: function () {
return createChainableTypeChecker(function (props, propName, componentName, location, propFullName) {
var propValue = props[propName];
if (!reactIs.isValidElementType(propValue)) {
var propType = getPropType(propValue);
return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected a single ReactElement type.'));
}
return null;
});
}(),
instanceOf: function (expectedClass) {
return createChainableTypeChecker(function (props, propName, componentName, location, propFullName) {
if (!(props[propName] instanceof expectedClass)) {
var expectedClassName = expectedClass.name || ANONYMOUS;
var actualClassName = getClassName(props[propName]);
return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + actualClassName + '` supplied to `' + componentName + '`, expected ') + ('instance of `' + expectedClassName + '`.'));
}
return null;
});
},
node: function () {
return createChainableTypeChecker(function (props, propName, componentName, location, propFullName) {
if (!isNode(props[propName])) {
return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` supplied to ' + ('`' + componentName + '`, expected a ReactNode.'));
}
return null;
});
}(),
objectOf: function (typeChecker) {
return createChainableTypeChecker(function (props, propName, componentName, location, propFullName) {
if (typeof typeChecker !== 'function') {
return new PropTypeError('Property `' + propFullName + '` of component `' + componentName + '` has invalid PropType notation inside objectOf.');
}
var propValue = props[propName];
var propType = getPropType(propValue);
if (propType !== 'object') {
return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected an object.'));
}
for (var key in propValue) {
if (has$1(propValue, key)) {
var error = typeChecker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret_1);
if (error instanceof Error) {
return error;
}
}
}
return null;
});
},
oneOf: createEnumTypeChecker,
oneOfType: createUnionTypeChecker,
shape: function (shapeTypes) {
return createChainableTypeChecker(function (props, propName, componentName, location, propFullName) {
var propValue = props[propName];
var propType = getPropType(propValue);
if (propType !== 'object') {
return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type `' + propType + '` ' + ('supplied to `' + componentName + '`, expected `object`.'));
}
for (var key in shapeTypes) {
var checker = shapeTypes[key];
if (!checker) {
continue;
}
var error = checker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret_1);
if (error) {
return error;
}
}
return null;
});
},
exact: function (shapeTypes) {
return createChainableTypeChecker(function (props, propName, componentName, location, propFullName) {
var propValue = props[propName];
var propType = getPropType(propValue);
if (propType !== 'object') {
return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type `' + propType + '` ' + ('supplied to `' + componentName + '`, expected `object`.'));
} // We need to check all keys in case some are required but missing from
// props.
var allKeys = objectAssign({}, props[propName], shapeTypes);
for (var key in allKeys) {
var checker = shapeTypes[key];
if (!checker) {
return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` key `' + key + '` supplied to `' + componentName + '`.' + '\nBad object: ' + JSON.stringify(props[propName], null, ' ') + '\nValid keys: ' + JSON.stringify(Object.keys(shapeTypes), null, ' '));
}
var error = checker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret_1);
if (error) {
return error;
}
}
return null;
});
}
};
/**
* inlined Object.is polyfill to avoid requiring consumers ship their own
* https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is
*/
/*eslint-disable no-self-compare*/
function is(x, y) {
// SameValue algorithm
if (x === y) {
// Steps 1-5, 7-10
// Steps 6.b-6.e: +0 != -0
return x !== 0 || 1 / x === 1 / y;
} else {
// Step 6.a: NaN == NaN
return x !== x && y !== y;
}
}
/*eslint-enable no-self-compare*/
/**
* We use an Error-like object for backward compatibility as people may call
* PropTypes directly and inspect their output. However, we don't use real
* Errors anymore. We don't inspect their stack anyway, and creating them
* is prohibitively expensive if they are created too often, such as what
* happens in oneOfType() for any type before the one that matched.
*/
function PropTypeError(message) {
this.message = message;
this.stack = '';
} // Make `instanceof Error` still work for returned errors.
PropTypeError.prototype = Error.prototype;
function createChainableTypeChecker(validate) {
{
var manualPropTypeCallCache = {};
var manualPropTypeWarningCount = 0;
}
function checkType(isRequired, props, propName, componentName, location, propFullName, secret) {
componentName = componentName || ANONYMOUS;
propFullName = propFullName || propName;
if (secret !== ReactPropTypesSecret_1) {
if (throwOnDirectAccess) {
// New behavior only for users of `prop-types` package
var err = new Error('Calling PropTypes validators directly is not supported by the `prop-types` package. ' + 'Use `PropTypes.checkPropTypes()` to call them. ' + 'Read more at http://fb.me/use-check-prop-types');
err.name = 'Invariant Violation';
throw err;
} else if ( typeof console !== 'undefined') {
// Old behavior for people using React.PropTypes
var cacheKey = componentName + ':' + propName;
if (!manualPropTypeCallCache[cacheKey] && // Avoid spamming the console because they are often not actionable except for lib authors
manualPropTypeWarningCount < 3) {
printWarning$1('You are manually calling a React.PropTypes validation ' + 'function for the `' + propFullName + '` prop on `' + componentName + '`. This is deprecated ' + 'and will throw in the standalone `prop-types` package. ' + 'You may be seeing this warning due to a third-party PropTypes ' + 'library. See https://fb.me/react-warning-dont-call-proptypes ' + 'for details.');
manualPropTypeCallCache[cacheKey] = true;
manualPropTypeWarningCount++;
}
}
}
if (props[propName] == null) {
if (isRequired) {
if (props[propName] === null) {
return new PropTypeError('The ' + location + ' `' + propFullName + '` is marked as required ' + ('in `' + componentName + '`, but its value is `null`.'));
}
return new PropTypeError('The ' + location + ' `' + propFullName + '` is marked as required in ' + ('`' + componentName + '`, but its value is `undefined`.'));
}
return null;
} else {
return validate(props, propName, componentName, location, propFullName);
}
}
var chainedCheckType = checkType.bind(null, false);
chainedCheckType.isRequired = checkType.bind(null, true);
return chainedCheckType;
}
function createPrimitiveTypeChecker(expectedType) {
return createChainableTypeChecker(function (props, propName, componentName, location, propFullName) {
var propValue = props[propName];
var propType = getPropType(propValue);
if (propType !== expectedType) {
// `propValue` being instance of, say, date/regexp, pass the 'object'
// check, but we can offer a more precise error message here rather than
// 'of type `object`'.
var preciseType = getPreciseType(propValue);
return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + preciseType + '` supplied to `' + componentName + '`, expected ') + ('`' + expectedType + '`.'));
}
return null;
});
}
function createEnumTypeChecker(expectedValues) {
if (!Array.isArray(expectedValues)) {
{
if (arguments.length > 1) {
printWarning$1('Invalid arguments supplied to oneOf, expected an array, got ' + arguments.length + ' arguments. ' + 'A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z]).');
} else {
printWarning$1('Invalid argument supplied to oneOf, expected an array.');
}
}
return emptyFunctionThatReturnsNull;
}
return createChainableTypeChecker(function (props, propName, componentName, location, propFullName) {
var propValue = props[propName];
for (var i = 0; i < expectedValues.length; i++) {
if (is(propValue, expectedValues[i])) {
return null;
}
}
var valuesString = JSON.stringify(expectedValues, function (key, value) {
var type = getPreciseType(value);
if (type === 'symbol') {
return String(value);
}
return value;
});
return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of value `' + String(propValue) + '` ' + ('supplied to `' + componentName + '`, expected one of ' + valuesString + '.'));
});
}
function createUnionTypeChecker(arrayOfTypeCheckers) {
if (!Array.isArray(arrayOfTypeCheckers)) {
printWarning$1('Invalid argument supplied to oneOfType, expected an instance of array.') ;
return emptyFunctionThatReturnsNull;
}
for (var i = 0; i < arrayOfTypeCheckers.length; i++) {
var checker = arrayOfTypeCheckers[i];
if (typeof checker !== 'function') {
printWarning$1('Invalid argument supplied to oneOfType. Expected an array of check functions, but ' + 'received ' + getPostfixForTypeWarning(checker) + ' at index ' + i + '.');
return emptyFunctionThatReturnsNull;
}
}
function validate(props, propName, componentName, location, propFullName) {
for (var i = 0; i < arrayOfTypeCheckers.length; i++) {
var checker = arrayOfTypeCheckers[i];
if (checker(props, propName, componentName, location, propFullName, ReactPropTypesSecret_1) == null) {
return null;
}
}
return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` supplied to ' + ('`' + componentName + '`.'));
}
return createChainableTypeChecker(validate);
}
function isNode(propValue) {
switch (_typeof_1(propValue)) {
case 'number':
case 'string':
case 'undefined':
return true;
case 'boolean':
return !propValue;
case 'object':
if (Array.isArray(propValue)) {
return propValue.every(isNode);
}
if (propValue === null || isValidElement(propValue)) {
return true;
}
var iteratorFn = getIteratorFn(propValue);
if (iteratorFn) {
var iterator = iteratorFn.call(propValue);
var step;
if (iteratorFn !== propValue.entries) {
while (!(step = iterator.next()).done) {
if (!isNode(step.value)) {
return false;
}
}
} else {
// Iterator will provide entry [k,v] tuples rather than values.
while (!(step = iterator.next()).done) {
var entry = step.value;
if (entry) {
if (!isNode(entry[1])) {
return false;
}
}
}
}
} else {
return false;
}
return true;
default:
return false;
}
}
function isSymbol(propType, propValue) {
// Native Symbol.
if (propType === 'symbol') {
return true;
} // falsy value can't be a Symbol
if (!propValue) {
return false;
} // 19.4.3.5 Symbol.prototype[@@toStringTag] === 'Symbol'
if (propValue['@@toStringTag'] === 'Symbol') {
return true;
} // Fallback for non-spec compliant Symbols which are polyfilled.
if (typeof Symbol === 'function' && propValue instanceof Symbol) {
return true;
}
return false;
} // Equivalent of `typeof` but with special handling for array and regexp.
function getPropType(propValue) {
var propType = _typeof_1(propValue);
if (Array.isArray(propValue)) {
return 'array';
}
if (propValue instanceof RegExp) {
// Old webkits (at least until Android 4.0) return 'function' rather than
// 'object' for typeof a RegExp. We'll normalize this here so that /bla/
// passes PropTypes.object.
return 'object';
}
if (isSymbol(propType, propValue)) {
return 'symbol';
}
return propType;
} // This handles more types than `getPropType`. Only used for error messages.
// See `createPrimitiveTypeChecker`.
function getPreciseType(propValue) {
if (typeof propValue === 'undefined' || propValue === null) {
return '' + propValue;
}
var propType = getPropType(propValue);
if (propType === 'object') {
if (propValue instanceof Date) {
return 'date';
} else if (propValue instanceof RegExp) {
return 'regexp';
}
}
return propType;
} // Returns a string that is postfixed to a warning about an invalid type.
// For example, "undefined" or "of type array"
function getPostfixForTypeWarning(value) {
var type = getPreciseType(value);
switch (type) {
case 'array':
case 'object':
return 'an ' + type;
case 'boolean':
case 'date':
case 'regexp':
return 'a ' + type;
default:
return type;
}
} // Returns class name of the object, if any.
function getClassName(propValue) {
if (!propValue.constructor || !propValue.constructor.name) {
return ANONYMOUS;
}
return propValue.constructor.name;
}
ReactPropTypes.checkPropTypes = checkPropTypes_1;
ReactPropTypes.resetWarningCache = checkPropTypes_1.resetWarningCache;
ReactPropTypes.PropTypes = ReactPropTypes;
return ReactPropTypes;
};
var propTypes = createCommonjsModule(function (module) {
/**
* Copyright (c) 2013-present, Facebook, Inc.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
{
// By explicitly using `prop-types` you are opting into new development behavior.
// http://fb.me/prop-types-in-prod
module.exports = factoryWithTypeCheckers(reactIs.isElement, true);
}
});
function _defineProperty(obj, key, value) {

@@ -97,7 +1119,2 @@ if (key in obj) {

/**
* Convert measure value to valid css
* @param {String|Number} value Measure value
* @returns {String} Css value
*/
var measure2Css = function (value) {

@@ -157,6 +1174,5 @@ return value ? typeof value === 'string' ? value : "".concat(value, "px") : undefined;

return (/*#__PURE__*/React__default.createElement(CircleWrapper, _extends_1({
className: "s-circ s-loader ".concat(className || '')
}, extractStyles(rest)))
);
return /*#__PURE__*/React__default.createElement(CircleWrapper, _extends_1({
className: "s-circ s-loader ".concat(className || '')
}, extractStyles(rest)));
};

@@ -168,3 +1184,3 @@

*/
width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
width: propTypes.oneOfType([propTypes.string, propTypes.number]),

@@ -174,3 +1190,3 @@ /**

*/
maxWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
maxWidth: propTypes.oneOfType([propTypes.string, propTypes.number]),

@@ -180,3 +1196,3 @@ /**

*/
minWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
minWidth: propTypes.oneOfType([propTypes.string, propTypes.number]),

@@ -186,3 +1202,3 @@ /**

*/
height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
height: propTypes.oneOfType([propTypes.string, propTypes.number]),

@@ -192,3 +1208,3 @@ /**

*/
maxHeight: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
maxHeight: propTypes.oneOfType([propTypes.string, propTypes.number]),

@@ -198,4 +1214,4 @@ /**

*/
minHeight: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
className: PropTypes.string
minHeight: propTypes.oneOfType([propTypes.string, propTypes.number]),
className: propTypes.string
} ;

@@ -218,6 +1234,5 @@

return (/*#__PURE__*/React__default.createElement(RectangleWrapper, _extends_1({
className: "s-rect s-loader ".concat(className || '')
}, extractStyles(rest)))
);
return /*#__PURE__*/React__default.createElement(RectangleWrapper, _extends_1({
className: "s-rect s-loader ".concat(className || '')
}, extractStyles(rest)));
};

@@ -229,3 +1244,3 @@

*/
width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
width: propTypes.oneOfType([propTypes.string, propTypes.number]),

@@ -235,3 +1250,3 @@ /**

*/
maxWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
maxWidth: propTypes.oneOfType([propTypes.string, propTypes.number]),

@@ -241,3 +1256,3 @@ /**

*/
minWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
minWidth: propTypes.oneOfType([propTypes.string, propTypes.number]),

@@ -247,3 +1262,3 @@ /**

*/
height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
height: propTypes.oneOfType([propTypes.string, propTypes.number]),

@@ -253,3 +1268,3 @@ /**

*/
maxHeight: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
maxHeight: propTypes.oneOfType([propTypes.string, propTypes.number]),

@@ -259,4 +1274,4 @@ /**

*/
minHeight: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
className: PropTypes.string
minHeight: propTypes.oneOfType([propTypes.string, propTypes.number]),
className: propTypes.string
} ;

@@ -282,6 +1297,5 @@

return (/*#__PURE__*/React__default.createElement(SkeletonWrapper, _extends_1({
className: "skeleton ".concat(className || '').concat(active ? ' s-active' : ' s-inactive').concat(darkTheme ? ' s-dark' : '')
}, rest))
);
return /*#__PURE__*/React__default.createElement(SkeletonWrapper, _extends_1({
className: "skeleton ".concat(className || '').concat(active ? ' s-active' : ' s-inactive').concat(darkTheme ? ' s-dark' : '')
}, rest));
};

@@ -293,3 +1307,3 @@

*/
darkTheme: PropTypes.bool,
darkTheme: propTypes.bool,

@@ -299,4 +1313,4 @@ /**

*/
active: PropTypes.bool,
className: PropTypes.string
active: propTypes.bool,
className: propTypes.string
} ;

@@ -380,16 +1394,14 @@ /*Skeleton.defaultProps = {

var max = widths.length || 0;
return (/*#__PURE__*/React__default.createElement(Skeleton, skeletonProps, /*#__PURE__*/React__default.createElement(Wrapper, _extends_1({
className: "s-paragraph ".concat(className || '')
}, rest), header && /*#__PURE__*/React__default.createElement(Skeleton.Rectangle, {
className: "s-header",
width: "50%"
}), lines > 0 ? toConsumableArray(Array(lines)).map(function (_, i) {
return (/*#__PURE__*/React__default.createElement(Skeleton.Rectangle, {
key: i,
className: "s-line",
width: widths[i % max] || '100%'
})
);
}) : null, children))
);
return /*#__PURE__*/React__default.createElement(Skeleton, skeletonProps, /*#__PURE__*/React__default.createElement(Wrapper, _extends_1({
className: "s-paragraph ".concat(className || '')
}, rest), header && /*#__PURE__*/React__default.createElement(Skeleton.Rectangle, {
className: "s-header",
width: "50%"
}), lines > 0 ? toConsumableArray(Array(lines)).map(function (_, i) {
return /*#__PURE__*/React__default.createElement(Skeleton.Rectangle, {
key: i,
className: "s-line",
width: widths[i % max] || '100%'
});
}) : null, children));
};

@@ -400,3 +1412,3 @@ Paragraph.propTypes = {

*/
header: PropTypes.bool,
header: propTypes.bool,

@@ -406,3 +1418,3 @@ /**

*/
lines: PropTypes.number,
lines: propTypes.number,

@@ -412,3 +1424,3 @@ /**

*/
widths: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])),
widths: propTypes.arrayOf(propTypes.oneOfType([propTypes.number, propTypes.string])),

@@ -418,5 +1430,5 @@ /**

*/
skeletonProps: PropTypes.object,
className: PropTypes.string,
children: PropTypes.node
skeletonProps: propTypes.object,
className: propTypes.string,
children: propTypes.node
} ;

@@ -459,14 +1471,13 @@ /*Paragraph.defaultProps = {

return (/*#__PURE__*/React__default.createElement(Skeleton, skeletonProps, /*#__PURE__*/React__default.createElement(Wrapper$1, _extends_1({
className: "s-card ".concat(className || ''),
style: internalStyle
}, rest), image ? /*#__PURE__*/React__default.createElement(Skeleton.Rectangle, {
className: "s-image",
height: 200
}) : null, header || paragraph ? /*#__PURE__*/React__default.createElement(Paragraph, {
header: header,
lines: paragraph ? 3 : 0,
skeletonProps: skeletonProps
}) : null, children))
);
return /*#__PURE__*/React__default.createElement(Skeleton, skeletonProps, /*#__PURE__*/React__default.createElement(Wrapper$1, _extends_1({
className: "s-card ".concat(className || ''),
style: internalStyle
}, rest), image ? /*#__PURE__*/React__default.createElement(Skeleton.Rectangle, {
className: "s-image",
height: 200
}) : null, header || paragraph ? /*#__PURE__*/React__default.createElement(Paragraph, {
header: header,
lines: paragraph ? 3 : 0,
skeletonProps: skeletonProps
}) : null, children));
};

@@ -477,3 +1488,3 @@ Card.propTypes = {

*/
width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
width: propTypes.oneOfType([propTypes.string, propTypes.number]),

@@ -483,3 +1494,3 @@ /**

*/
maxWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
maxWidth: propTypes.oneOfType([propTypes.string, propTypes.number]),

@@ -489,3 +1500,3 @@ /**

*/
image: PropTypes.bool,
image: propTypes.bool,

@@ -495,3 +1506,3 @@ /**

*/
header: PropTypes.bool,
header: propTypes.bool,

@@ -501,3 +1512,3 @@ /**

*/
paragraph: PropTypes.bool,
paragraph: propTypes.bool,

@@ -507,6 +1518,6 @@ /**

*/
skeletonProps: PropTypes.object,
className: PropTypes.string,
children: PropTypes.node,
style: PropTypes.object
skeletonProps: propTypes.object,
className: propTypes.string,
children: propTypes.node,
style: propTypes.object
} ;

@@ -542,17 +1553,16 @@ /*Card.defaultProps = {

return (/*#__PURE__*/React__default.createElement(Skeleton, skeletonProps, /*#__PURE__*/React__default.createElement(Wrapper$2, _extends_1({
className: "s-comment ".concat(className || '')
}, rest), /*#__PURE__*/React__default.createElement("div", null, avatarCircle ? /*#__PURE__*/React__default.createElement(Skeleton.Circle, {
className: "s-avatar",
width: avatarSize,
height: avatarSize
}) : /*#__PURE__*/React__default.createElement(Skeleton.Rectangle, {
className: "s-avatar",
width: avatarSize,
height: avatarSize
})), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(Paragraph, {
header: false,
lines: lines
}), children)))
);
return /*#__PURE__*/React__default.createElement(Skeleton, skeletonProps, /*#__PURE__*/React__default.createElement(Wrapper$2, _extends_1({
className: "s-comment ".concat(className || '')
}, rest), /*#__PURE__*/React__default.createElement("div", null, avatarCircle ? /*#__PURE__*/React__default.createElement(Skeleton.Circle, {
className: "s-avatar",
width: avatarSize,
height: avatarSize
}) : /*#__PURE__*/React__default.createElement(Skeleton.Rectangle, {
className: "s-avatar",
width: avatarSize,
height: avatarSize
})), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(Paragraph, {
header: false,
lines: lines
}), children)));
};

@@ -564,3 +1574,3 @@

*/
avatarSize: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
avatarSize: propTypes.oneOfType([propTypes.string, propTypes.number]),

@@ -570,3 +1580,3 @@ /**

*/
avatarCircle: PropTypes.bool,
avatarCircle: propTypes.bool,

@@ -576,3 +1586,3 @@ /**

*/
lines: PropTypes.number,
lines: propTypes.number,

@@ -582,5 +1592,5 @@ /**

*/
skeletonProps: PropTypes.object,
className: PropTypes.string,
children: PropTypes.node
skeletonProps: propTypes.object,
className: propTypes.string,
children: propTypes.node
} ;

@@ -618,21 +1628,19 @@

} : undefined;
return (/*#__PURE__*/React__default.createElement(Skeleton, skeletonProps, /*#__PURE__*/React__default.createElement(Wrapper$3, _extends_1({
className: "s-form ".concat(className || '')
}, rest), toConsumableArray(Array(inputs)).map(function (_, i) {
return (/*#__PURE__*/React__default.createElement(React.Fragment, {
key: i
}, label ? /*#__PURE__*/React__default.createElement(Skeleton.Rectangle, {
className: "s-label"
}) : null, /*#__PURE__*/React__default.createElement(Skeleton.Rectangle, {
key: i,
className: "s-input",
width: widths[i % max] || '100%',
style: style
}))
);
}), button ? /*#__PURE__*/React__default.createElement(Skeleton.Rectangle, {
className: "s-button",
return /*#__PURE__*/React__default.createElement(Skeleton, skeletonProps, /*#__PURE__*/React__default.createElement(Wrapper$3, _extends_1({
className: "s-form ".concat(className || '')
}, rest), toConsumableArray(Array(inputs)).map(function (_, i) {
return /*#__PURE__*/React__default.createElement(React.Fragment, {
key: i
}, label ? /*#__PURE__*/React__default.createElement(Skeleton.Rectangle, {
className: "s-label"
}) : null, /*#__PURE__*/React__default.createElement(Skeleton.Rectangle, {
key: i,
className: "s-input",
width: widths[i % max] || '100%',
style: style
}) : null, children))
);
}));
}), button ? /*#__PURE__*/React__default.createElement(Skeleton.Rectangle, {
className: "s-button",
style: style
}) : null, children));
};

@@ -643,3 +1651,3 @@ Form.propTypes = {

*/
label: PropTypes.bool,
label: propTypes.bool,

@@ -649,3 +1657,3 @@ /**

*/
button: PropTypes.bool,
button: propTypes.bool,

@@ -655,3 +1663,3 @@ /**

*/
inputs: PropTypes.number,
inputs: propTypes.number,

@@ -661,3 +1669,3 @@ /**

*/
inputHeight: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
inputHeight: propTypes.oneOfType([propTypes.string, propTypes.number]),

@@ -667,3 +1675,3 @@ /**

*/
widths: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])),
widths: propTypes.arrayOf(propTypes.oneOfType([propTypes.number, propTypes.string])),

@@ -673,5 +1681,5 @@ /**

*/
skeletonProps: PropTypes.object,
className: PropTypes.string,
children: PropTypes.node
skeletonProps: propTypes.object,
className: propTypes.string,
children: propTypes.node
} ;

@@ -704,11 +1712,9 @@ /*Form.defaultProps = {

return (/*#__PURE__*/React__default.createElement(Skeleton, skeletonProps, /*#__PURE__*/React__default.createElement(Wrapper$4, _extends_1({
className: "s-grid ".concat(className || '')
}, rest), cols > 0 ? toConsumableArray(Array(cols)).map(function (_, i) {
return (/*#__PURE__*/React__default.createElement("div", {
key: i
}, typeof children === 'function' ? children(i) : children)
);
}) : null))
);
return /*#__PURE__*/React__default.createElement(Skeleton, skeletonProps, /*#__PURE__*/React__default.createElement(Wrapper$4, _extends_1({
className: "s-grid ".concat(className || '')
}, rest), cols > 0 ? toConsumableArray(Array(cols)).map(function (_, i) {
return /*#__PURE__*/React__default.createElement("div", {
key: i
}, typeof children === 'function' ? children(i) : children);
}) : null));
};

@@ -719,3 +1725,3 @@ Grid.propTypes = {

*/
cols: PropTypes.number,
cols: propTypes.number,

@@ -725,3 +1731,3 @@ /**

*/
skeletonProps: PropTypes.object,
skeletonProps: propTypes.object,

@@ -731,4 +1737,4 @@ /**

*/
children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
className: PropTypes.string
children: propTypes.oneOfType([propTypes.node, propTypes.func]),
className: propTypes.string
} ;

@@ -771,33 +1777,29 @@ /*Grid.defaultProps = {

var td = colIter.map(function (__, j) {
return (/*#__PURE__*/React__default.createElement("td", {
key: "c-".concat(j),
style: isArray ? undefined : {
width: widths[j % max]
}
}, /*#__PURE__*/React__default.createElement(Skeleton.Rectangle, {
as: "span",
width: "100%",
className: "s-cell"
}))
);
return /*#__PURE__*/React__default.createElement("td", {
key: "c-".concat(j),
style: isArray ? undefined : {
width: widths[j % max]
}
}, /*#__PURE__*/React__default.createElement(Skeleton.Rectangle, {
as: "span",
width: "100%",
className: "s-cell"
}));
});
return (/*#__PURE__*/React__default.createElement(Skeleton, skeletonProps, /*#__PURE__*/React__default.createElement(Wrapper$5, _extends_1({
className: "s-table ".concat(className || '')
}, rest), head ? /*#__PURE__*/React__default.createElement("thead", null, /*#__PURE__*/React__default.createElement("tr", null, colIter.map(function (val, i) {
return (/*#__PURE__*/React__default.createElement("th", {
key: i,
align: "left"
}, val ? val : /*#__PURE__*/React__default.createElement(Skeleton.Rectangle, {
as: "span",
width: "100%",
className: "s-cell"
}))
);
}))) : null, /*#__PURE__*/React__default.createElement("tbody", null, rowIter.map(function (_, i) {
return (/*#__PURE__*/React__default.createElement("tr", {
key: i
}, td)
);
}), children)))
);
return /*#__PURE__*/React__default.createElement(Skeleton, skeletonProps, /*#__PURE__*/React__default.createElement(Wrapper$5, _extends_1({
className: "s-table ".concat(className || '')
}, rest), head ? /*#__PURE__*/React__default.createElement("thead", null, /*#__PURE__*/React__default.createElement("tr", null, colIter.map(function (val, i) {
return /*#__PURE__*/React__default.createElement("th", {
key: i,
align: "left"
}, val ? val : /*#__PURE__*/React__default.createElement(Skeleton.Rectangle, {
as: "span",
width: "100%",
className: "s-cell"
}));
}))) : null, /*#__PURE__*/React__default.createElement("tbody", null, rowIter.map(function (_, i) {
return /*#__PURE__*/React__default.createElement("tr", {
key: i
}, td);
}), children)));
};

@@ -808,3 +1810,3 @@ Table.propTypes = {

*/
head: PropTypes.bool,
head: propTypes.bool,

@@ -814,3 +1816,3 @@ /**

*/
rows: PropTypes.number,
rows: propTypes.number,

@@ -820,3 +1822,3 @@ /**

*/
cols: PropTypes.oneOfType([PropTypes.number, PropTypes.arrayOf(PropTypes.node)]),
cols: propTypes.oneOfType([propTypes.number, propTypes.arrayOf(propTypes.node)]),

@@ -826,3 +1828,3 @@ /**

*/
widths: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])),
widths: propTypes.arrayOf(propTypes.oneOfType([propTypes.number, propTypes.string])),

@@ -832,5 +1834,5 @@ /**

*/
skeletonProps: PropTypes.object,
className: PropTypes.string,
children: PropTypes.node
skeletonProps: propTypes.object,
className: propTypes.string,
children: propTypes.node
} ;

@@ -837,0 +1839,0 @@ /*Table.defaultProps = {

2

dist/@nejcm/react-skeleton.umd.min.js

@@ -1,2 +0,2 @@

!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("prop-types"),require("react"),require("@emotion/styled")):"function"==typeof define&&define.amd?define(["exports","prop-types","react","@emotion/styled"],n):n((e=e||self).NejcmReactSkeleton={},e.PropTypes,e.React,e.EmotionStyled)}(this,(function(e,n,t,r){"use strict";n=n&&Object.prototype.hasOwnProperty.call(n,"default")?n.default:n;var a="default"in t?t.default:t;r=r&&Object.prototype.hasOwnProperty.call(r,"default")?r.default:r;var i=function(e,n){return e(n={exports:{}},n.exports),n.exports}((function(e){function n(){return e.exports=n=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},n.apply(this,arguments)}e.exports=n}));var o=function(e,n){if(null==e)return{};var t,r,a={},i=Object.keys(e);for(r=0;r<i.length;r++)t=i[r],n.indexOf(t)>=0||(a[t]=e[t]);return a};var l=function(e,n){if(null==e)return{};var t,r,a=o(e,n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)t=i[r],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a};var c=function(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e};function s(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function u(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?s(Object(t),!0).forEach((function(n){c(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):s(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var d=function(e){return e?"string"==typeof e?e:"".concat(e,"px"):void 0},m=function(e){var n=e.width,t=e.maxWidth,r=e.minWidth,a=e.height,i=e.maxHeight,o=e.minHeight,c=e.style,s=l(e,["width","maxWidth","minWidth","height","maxHeight","minHeight","style"]);return u({style:u({width:d(n),maxWidth:d(t),minWidth:d(r),height:d(a),maxHeight:d(i),minHeight:d(o)},c)},s)};var f=function(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))};function p(){var e=f([""]);return p=function(){return e},e}var h=r.div(p());function v(){var e=f([""]);return v=function(){return e},e}var g=r.div(v());function b(){var e=f(["\n .s-loader {\n position: relative;\n overflow: hidden;\n background-color: rgba(0, 0, 0, 0.055);\n\n &:after {\n content: '';\n position: absolute;\n width: 100%;\n height: 100%;\n background: linear-gradient(\n 90deg,\n rgba(0, 0, 0, 0),\n rgba(0, 0, 0, 0.07),\n rgba(0, 0, 0, 0)\n );\n transform: translateX(-100%);\n }\n }\n\n &.s-active {\n .s-loader {\n &:after {\n animation: loading 1.75s 0.5s infinite;\n }\n }\n }\n\n &.s-inactive {\n .s-loader {\n &:after {\n animation: none;\n }\n }\n }\n\n &.s-dark {\n .s-loader {\n background-color: rgba(255, 255, 255, 0.175);\n &:after {\n background: linear-gradient(\n 90deg,\n rgba(255, 255, 255, 0),\n rgba(255, 255, 255, 0.12),\n rgba(255, 255, 255, 0)\n );\n }\n }\n }\n\n @keyframes loading {\n 100% {\n transform: translateX(100%);\n }\n }\n\n .s-rect {\n border-radius: 2px;\n }\n .s-circ {\n border-radius: 50%;\n }\n"]);return b=function(){return e},e}var y=r.div(b()),O=function(e){var n=e.active,t=void 0===n||n,r=e.darkTheme,o=e.className,c=l(e,["active","darkTheme","className"]);return a.createElement(y,i({className:"skeleton ".concat(o||"").concat(t?" s-active":" s-inactive").concat(r?" s-dark":"")},c))};O.Rectangle=function(e){var n=e.className,t=l(e,["className"]);return a.createElement(g,i({className:"s-rect s-loader ".concat(n||"")},m(t)))},O.Circle=function(e){var n=e.className,t=l(e,["className"]);return a.createElement(h,i({className:"s-circ s-loader ".concat(n||"")},m(t)))};var w=function(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r};var E=function(e){if(Array.isArray(e))return w(e)};var j=function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)};var P=function(e,n){if(e){if("string"==typeof e)return w(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?w(e,n):void 0}};var N=function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")};var k=function(e){return E(e)||j(e)||P(e)||N()};function x(){var e=f(["\n .s-header {\n height: 2rem;\n margin-bottom: 1.25rem;\n }\n\n .s-line {\n height: 1.25rem;\n margin-bottom: 0.75rem;\n\n &:last-child {\n margin-bottom: 0;\n }\n }\n"]);return x=function(){return e},e}var S=r.div(x()),A=function(e){var n=e.header,t=e.lines,r=void 0===t?3:t,o=e.widths,c=void 0===o?["100%","100%","75%","35%","50%","85%"]:o,s=e.skeletonProps,u=e.className,d=e.children,m=l(e,["header","lines","widths","skeletonProps","className","children"]),f=c.length||0;return a.createElement(O,s,a.createElement(S,i({className:"s-paragraph ".concat(u||"")},m),n&&a.createElement(O.Rectangle,{className:"s-header",width:"50%"}),r>0?k(Array(r)).map((function(e,n){return a.createElement(O.Rectangle,{key:n,className:"s-line",width:c[n%f]||"100%"})})):null,d))};function R(){var e=f(["\n border: solid 1px rgba(0, 0, 0, 0.08);\n border-radius: 3px;\n padding: 1.25rem;\n\n .s-image {\n margin-bottom: 1rem;\n }\n"]);return R=function(){return e},e}var W=r.div(R());function D(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function H(){var e=f(["\n display: table;\n width: 100%;\n\n > * {\n display: table-cell;\n\n &:first-of-type {\n padding-right: 1.5rem;\n vertical-align: top;\n }\n\n &:last-of-type {\n width: 100%;\n vertical-align: middle;\n }\n }\n"]);return H=function(){return e},e}var C=r.div(H());function T(){var e=f(["\n .s-label {\n height: 1rem;\n max-width: 150px;\n margin-bottom: 0.3rem;\n }\n .s-input {\n height: 2.5rem;\n margin-bottom: 1.2rem;\n }\n .s-button {\n height: 2.5rem;\n max-width: 175px;\n }\n"]);return T=function(){return e},e}var z=r.div(T());function I(){var e=f(["\n display: flex;\n flex-wrap: wrap;\n margin: -1rem;\n overflow: hidden;\n\n > * {\n flex: 1 1 auto;\n padding: 1rem;\n }\n"]);return I=function(){return e},e}var q=r.div(I());function F(){var e=f(["\n width: 100%;\n border-collapse: collapse;\n\n th,\n td {\n padding: 0.8rem;\n border-bottom: solid 1px rgba(0, 0, 0, 0.1);\n }\n\n th {\n .s-cell {\n display: flex;\n height: 2rem;\n }\n }\n\n td {\n .s-cell {\n display: flex;\n height: 1.25rem;\n }\n }\n"]);return F=function(){return e},e}var M=r.table(F());e.Card=function(e){var n=e.width,t=e.maxWidth,r=e.image,o=e.header,s=e.paragraph,u=e.skeletonProps,m=e.className,f=e.children,p=e.style,h=l(e,["width","maxWidth","image","header","paragraph","skeletonProps","className","children","style"]),v=function(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?D(Object(t),!0).forEach((function(n){c(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):D(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}({width:d(n),maxWidth:d(t)},p);return a.createElement(O,u,a.createElement(W,i({className:"s-card ".concat(m||""),style:v},h),r?a.createElement(O.Rectangle,{className:"s-image",height:200}):null,o||s?a.createElement(A,{header:o,lines:s?3:0,skeletonProps:u}):null,f))},e.Comment=function(e){var n=e.avatarSize,t=void 0===n?45:n,r=e.avatarCircle,o=void 0===r||r,c=e.lines,s=void 0===c?3:c,u=e.skeletonProps,d=e.className,m=e.children,f=l(e,["avatarSize","avatarCircle","lines","skeletonProps","className","children"]);return a.createElement(O,u,a.createElement(C,i({className:"s-comment ".concat(d||"")},f),a.createElement("div",null,o?a.createElement(O.Circle,{className:"s-avatar",width:t,height:t}):a.createElement(O.Rectangle,{className:"s-avatar",width:t,height:t})),a.createElement("div",null,a.createElement(A,{header:!1,lines:s}),m)))},e.Form=function(e){var n=e.inputs,r=void 0===n?3:n,o=e.inputHeight,c=e.button,s=void 0===c||c,u=e.label,m=void 0===u||u,f=e.widths,p=void 0===f?["100%"]:f,h=e.className,v=e.children,g=e.skeletonProps,b=l(e,["inputs","inputHeight","button","label","widths","className","children","skeletonProps"]),y=p.length||0,w=o?{height:d(o)}:void 0;return a.createElement(O,g,a.createElement(z,i({className:"s-form ".concat(h||"")},b),k(Array(r)).map((function(e,n){return a.createElement(t.Fragment,{key:n},m?a.createElement(O.Rectangle,{className:"s-label"}):null,a.createElement(O.Rectangle,{key:n,className:"s-input",width:p[n%y]||"100%",style:w}))})),s?a.createElement(O.Rectangle,{className:"s-button",style:w}):null,v))},e.Grid=function(e){var n=e.cols,t=void 0===n?3:n,r=e.className,o=e.skeletonProps,c=e.children,s=l(e,["cols","className","skeletonProps","children"]);return a.createElement(O,o,a.createElement(q,i({className:"s-grid ".concat(r||"")},s),t>0?k(Array(t)).map((function(e,n){return a.createElement("div",{key:n},"function"==typeof c?c(n):c)})):null))},e.Paragraph=A,e.Table=function(e){var n=e.head,t=void 0===n||n,r=e.rows,o=void 0===r?3:r,c=e.cols,s=void 0===c?4:c,u=e.widths,d=void 0===u?["100%","100%","75%","35%","50%","85%"]:u,m=e.skeletonProps,f=e.className,p=e.children,h=l(e,["head","rows","cols","widths","skeletonProps","className","children"]),v=Array.isArray(s),g=k(Array(o)),b=v?s:k(Array(s)),y=d.length,w=b.map((function(e,n){return a.createElement("td",{key:"c-".concat(n),style:v?void 0:{width:d[n%y]}},a.createElement(O.Rectangle,{as:"span",width:"100%",className:"s-cell"}))}));return a.createElement(O,m,a.createElement(M,i({className:"s-table ".concat(f||"")},h),t?a.createElement("thead",null,a.createElement("tr",null,b.map((function(e,n){return a.createElement("th",{key:n,align:"left"},e||a.createElement(O.Rectangle,{as:"span",width:"100%",className:"s-cell"}))})))):null,a.createElement("tbody",null,g.map((function(e,n){return a.createElement("tr",{key:n},w)})),p)))},e.default=O,Object.defineProperty(e,"__esModule",{value:!0})}));
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("styled-components")):"function"==typeof define&&define.amd?define(["exports","react","styled-components"],t):t((e=e||self).NejcmReactSkeleton={},e.React,e.StyledComponents)}(this,(function(e,t,n){"use strict";var r="default"in t?t.default:t;function o(e,t){return e(t={exports:{}},t.exports),t.exports}n=n&&Object.prototype.hasOwnProperty.call(n,"default")?n.default:n;var a=o((function(e){function t(){return e.exports=t=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},t.apply(this,arguments)}e.exports=t}));var i=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o};var c=function(e,t){if(null==e)return{};var n,r,o=i(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o},s=o((function(e){function t(n){return"function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?e.exports=t=function(e){return typeof e}:e.exports=t=function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},t(n)}e.exports=t})),l="function"==typeof Symbol&&Symbol.for,u=l?Symbol.for("react.element"):60103,f=l?Symbol.for("react.portal"):60106,m=l?Symbol.for("react.fragment"):60107,d=l?Symbol.for("react.strict_mode"):60108,p=l?Symbol.for("react.profiler"):60114,y=l?Symbol.for("react.provider"):60109,b=l?Symbol.for("react.context"):60110,h=l?Symbol.for("react.async_mode"):60111,g=l?Symbol.for("react.concurrent_mode"):60111,v=l?Symbol.for("react.forward_ref"):60112,O=l?Symbol.for("react.suspense"):60113,w=l?Symbol.for("react.suspense_list"):60120,j=l?Symbol.for("react.memo"):60115,P=l?Symbol.for("react.lazy"):60116,E=l?Symbol.for("react.block"):60121,S=l?Symbol.for("react.fundamental"):60117,x=l?Symbol.for("react.responder"):60118,k=l?Symbol.for("react.scope"):60119;function N(e){if("object"===s(e)&&null!==e){var t=e.$$typeof;switch(t){case u:switch(e=e.type){case h:case g:case m:case p:case d:case O:return e;default:switch(e=e&&e.$$typeof){case b:case v:case P:case j:case y:return e;default:return t}}case f:return t}}}function C(e){return N(e)===g}var $={AsyncMode:h,ConcurrentMode:g,ContextConsumer:b,ContextProvider:y,Element:u,ForwardRef:v,Fragment:m,Lazy:P,Memo:j,Portal:f,Profiler:p,StrictMode:d,Suspense:O,isAsyncMode:function(e){return C(e)||N(e)===h},isConcurrentMode:C,isContextConsumer:function(e){return N(e)===b},isContextProvider:function(e){return N(e)===y},isElement:function(e){return"object"===s(e)&&null!==e&&e.$$typeof===u},isForwardRef:function(e){return N(e)===v},isFragment:function(e){return N(e)===m},isLazy:function(e){return N(e)===P},isMemo:function(e){return N(e)===j},isPortal:function(e){return N(e)===f},isProfiler:function(e){return N(e)===p},isStrictMode:function(e){return N(e)===d},isSuspense:function(e){return N(e)===O},isValidElementType:function(e){return"string"==typeof e||"function"==typeof e||e===m||e===g||e===p||e===d||e===O||e===w||"object"===s(e)&&null!==e&&(e.$$typeof===P||e.$$typeof===j||e.$$typeof===y||e.$$typeof===b||e.$$typeof===v||e.$$typeof===S||e.$$typeof===x||e.$$typeof===k||e.$$typeof===E)},typeOf:N},R=o((function(e,t){})),A=(R.AsyncMode,R.ConcurrentMode,R.ContextConsumer,R.ContextProvider,R.Element,R.ForwardRef,R.Fragment,R.Lazy,R.Memo,R.Portal,R.Profiler,R.StrictMode,R.Suspense,R.isAsyncMode,R.isConcurrentMode,R.isContextConsumer,R.isContextProvider,R.isElement,R.isForwardRef,R.isFragment,R.isLazy,R.isMemo,R.isPortal,R.isProfiler,R.isStrictMode,R.isSuspense,R.isValidElementType,R.typeOf,o((function(e){e.exports=$})),Object.getOwnPropertySymbols),M=Object.prototype.hasOwnProperty,T=Object.prototype.propertyIsEnumerable;function _(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}(function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var t={},n=0;n<10;n++)t["_"+String.fromCharCode(n)]=n;if("0123456789"!==Object.getOwnPropertyNames(t).map((function(e){return t[e]})).join(""))return!1;var r={};return"abcdefghijklmnopqrst".split("").forEach((function(e){r[e]=e})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},r)).join("")}catch(e){return!1}})()&&Object.assign,Function.call.bind(Object.prototype.hasOwnProperty);function F(){}function W(){}W.resetWarningCache=F;o((function(e){e.exports=function(){function e(e,t,n,r,o,a){if("SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"!==a){var i=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw i.name="Invariant Violation",i}}function t(){return e}e.isRequired=e;var n={array:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:W,resetWarningCache:F};return n.PropTypes=n,n}()}));var D=function(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e};function z(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function H(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?z(Object(n),!0).forEach((function(t){D(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):z(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var I=function(e){return e?"string"==typeof e?e:"".concat(e,"px"):void 0},L=function(e){var t=e.width,n=e.maxWidth,r=e.minWidth,o=e.height,a=e.maxHeight,i=e.minHeight,s=e.style,l=c(e,["width","maxWidth","minWidth","height","maxHeight","minHeight","style"]);return H({style:H({width:I(t),maxWidth:I(n),minWidth:I(r),height:I(o),maxHeight:I(a),minHeight:I(i)},s)},l)};var q=function(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))};function U(){var e=q([""]);return U=function(){return e},e}var V=n.div(U());function X(){var e=q([""]);return X=function(){return e},e}var B=n.div(X());function G(){var e=q(["\n .s-loader {\n position: relative;\n overflow: hidden;\n background-color: rgba(0, 0, 0, 0.055);\n\n &:after {\n content: '';\n position: absolute;\n width: 100%;\n height: 100%;\n background: linear-gradient(\n 90deg,\n rgba(0, 0, 0, 0),\n rgba(0, 0, 0, 0.07),\n rgba(0, 0, 0, 0)\n );\n transform: translateX(-100%);\n }\n }\n\n &.s-active {\n .s-loader {\n &:after {\n animation: loading 1.75s 0.5s infinite;\n }\n }\n }\n\n &.s-inactive {\n .s-loader {\n &:after {\n animation: none;\n }\n }\n }\n\n &.s-dark {\n .s-loader {\n background-color: rgba(255, 255, 255, 0.175);\n &:after {\n background: linear-gradient(\n 90deg,\n rgba(255, 255, 255, 0),\n rgba(255, 255, 255, 0.12),\n rgba(255, 255, 255, 0)\n );\n }\n }\n }\n\n @keyframes loading {\n 100% {\n transform: translateX(100%);\n }\n }\n\n .s-rect {\n border-radius: 2px;\n }\n .s-circ {\n border-radius: 50%;\n }\n"]);return G=function(){return e},e}var Y=n.div(G()),J=function(e){var t=e.active,n=void 0===t||t,o=e.darkTheme,i=e.className,s=c(e,["active","darkTheme","className"]);return r.createElement(Y,a({className:"skeleton ".concat(i||"").concat(n?" s-active":" s-inactive").concat(o?" s-dark":"")},s))};J.Rectangle=function(e){var t=e.className,n=c(e,["className"]);return r.createElement(B,a({className:"s-rect s-loader ".concat(t||"")},L(n)))},J.Circle=function(e){var t=e.className,n=c(e,["className"]);return r.createElement(V,a({className:"s-circ s-loader ".concat(t||"")},L(n)))};var K=function(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r};var Q=function(e){if(Array.isArray(e))return K(e)};var Z=function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)};var ee=function(e,t){if(e){if("string"==typeof e)return K(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?K(e,t):void 0}};var te=function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")};var ne=function(e){return Q(e)||Z(e)||ee(e)||te()};function re(){var e=q(["\n .s-header {\n height: 2rem;\n margin-bottom: 1.25rem;\n }\n\n .s-line {\n height: 1.25rem;\n margin-bottom: 0.75rem;\n\n &:last-child {\n margin-bottom: 0;\n }\n }\n"]);return re=function(){return e},e}var oe=n.div(re()),ae=function(e){var t=e.header,n=e.lines,o=void 0===n?3:n,i=e.widths,s=void 0===i?["100%","100%","75%","35%","50%","85%"]:i,l=e.skeletonProps,u=e.className,f=e.children,m=c(e,["header","lines","widths","skeletonProps","className","children"]),d=s.length||0;return r.createElement(J,l,r.createElement(oe,a({className:"s-paragraph ".concat(u||"")},m),t&&r.createElement(J.Rectangle,{className:"s-header",width:"50%"}),o>0?ne(Array(o)).map((function(e,t){return r.createElement(J.Rectangle,{key:t,className:"s-line",width:s[t%d]||"100%"})})):null,f))};function ie(){var e=q(["\n border: solid 1px rgba(0, 0, 0, 0.08);\n border-radius: 3px;\n padding: 1.25rem;\n\n .s-image {\n margin-bottom: 1rem;\n }\n"]);return ie=function(){return e},e}var ce=n.div(ie());function se(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function le(){var e=q(["\n display: table;\n width: 100%;\n\n > * {\n display: table-cell;\n\n &:first-of-type {\n padding-right: 1.5rem;\n vertical-align: top;\n }\n\n &:last-of-type {\n width: 100%;\n vertical-align: middle;\n }\n }\n"]);return le=function(){return e},e}var ue=n.div(le());function fe(){var e=q(["\n .s-label {\n height: 1rem;\n max-width: 150px;\n margin-bottom: 0.3rem;\n }\n .s-input {\n height: 2.5rem;\n margin-bottom: 1.2rem;\n }\n .s-button {\n height: 2.5rem;\n max-width: 175px;\n }\n"]);return fe=function(){return e},e}var me=n.div(fe());function de(){var e=q(["\n display: flex;\n flex-wrap: wrap;\n margin: -1rem;\n overflow: hidden;\n\n > * {\n flex: 1 1 auto;\n padding: 1rem;\n }\n"]);return de=function(){return e},e}var pe=n.div(de());function ye(){var e=q(["\n width: 100%;\n border-collapse: collapse;\n\n th,\n td {\n padding: 0.8rem;\n border-bottom: solid 1px rgba(0, 0, 0, 0.1);\n }\n\n th {\n .s-cell {\n display: flex;\n height: 2rem;\n }\n }\n\n td {\n .s-cell {\n display: flex;\n height: 1.25rem;\n }\n }\n"]);return ye=function(){return e},e}var be=n.table(ye());e.Card=function(e){var t=e.width,n=e.maxWidth,o=e.image,i=e.header,s=e.paragraph,l=e.skeletonProps,u=e.className,f=e.children,m=e.style,d=c(e,["width","maxWidth","image","header","paragraph","skeletonProps","className","children","style"]),p=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?se(Object(n),!0).forEach((function(t){D(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):se(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({width:I(t),maxWidth:I(n)},m);return r.createElement(J,l,r.createElement(ce,a({className:"s-card ".concat(u||""),style:p},d),o?r.createElement(J.Rectangle,{className:"s-image",height:200}):null,i||s?r.createElement(ae,{header:i,lines:s?3:0,skeletonProps:l}):null,f))},e.Comment=function(e){var t=e.avatarSize,n=void 0===t?45:t,o=e.avatarCircle,i=void 0===o||o,s=e.lines,l=void 0===s?3:s,u=e.skeletonProps,f=e.className,m=e.children,d=c(e,["avatarSize","avatarCircle","lines","skeletonProps","className","children"]);return r.createElement(J,u,r.createElement(ue,a({className:"s-comment ".concat(f||"")},d),r.createElement("div",null,i?r.createElement(J.Circle,{className:"s-avatar",width:n,height:n}):r.createElement(J.Rectangle,{className:"s-avatar",width:n,height:n})),r.createElement("div",null,r.createElement(ae,{header:!1,lines:l}),m)))},e.Form=function(e){var n=e.inputs,o=void 0===n?3:n,i=e.inputHeight,s=e.button,l=void 0===s||s,u=e.label,f=void 0===u||u,m=e.widths,d=void 0===m?["100%"]:m,p=e.className,y=e.children,b=e.skeletonProps,h=c(e,["inputs","inputHeight","button","label","widths","className","children","skeletonProps"]),g=d.length||0,v=i?{height:I(i)}:void 0;return r.createElement(J,b,r.createElement(me,a({className:"s-form ".concat(p||"")},h),ne(Array(o)).map((function(e,n){return r.createElement(t.Fragment,{key:n},f?r.createElement(J.Rectangle,{className:"s-label"}):null,r.createElement(J.Rectangle,{key:n,className:"s-input",width:d[n%g]||"100%",style:v}))})),l?r.createElement(J.Rectangle,{className:"s-button",style:v}):null,y))},e.Grid=function(e){var t=e.cols,n=void 0===t?3:t,o=e.className,i=e.skeletonProps,s=e.children,l=c(e,["cols","className","skeletonProps","children"]);return r.createElement(J,i,r.createElement(pe,a({className:"s-grid ".concat(o||"")},l),n>0?ne(Array(n)).map((function(e,t){return r.createElement("div",{key:t},"function"==typeof s?s(t):s)})):null))},e.Paragraph=ae,e.Table=function(e){var t=e.head,n=void 0===t||t,o=e.rows,i=void 0===o?3:o,s=e.cols,l=void 0===s?4:s,u=e.widths,f=void 0===u?["100%","100%","75%","35%","50%","85%"]:u,m=e.skeletonProps,d=e.className,p=e.children,y=c(e,["head","rows","cols","widths","skeletonProps","className","children"]),b=Array.isArray(l),h=ne(Array(i)),g=b?l:ne(Array(l)),v=f.length,O=g.map((function(e,t){return r.createElement("td",{key:"c-".concat(t),style:b?void 0:{width:f[t%v]}},r.createElement(J.Rectangle,{as:"span",width:"100%",className:"s-cell"}))}));return r.createElement(J,m,r.createElement(be,a({className:"s-table ".concat(d||"")},y),n?r.createElement("thead",null,r.createElement("tr",null,g.map((function(e,t){return r.createElement("th",{key:t,align:"left"},e||r.createElement(J.Rectangle,{as:"span",width:"100%",className:"s-cell"}))})))):null,r.createElement("tbody",null,h.map((function(e,t){return r.createElement("tr",{key:t},O)})),p)))},e.default=J,Object.defineProperty(e,"__esModule",{value:!0})}));
//# sourceMappingURL=react-skeleton.umd.min.js.map

90

package.json
{
"name": "@nejcm/react-skeleton",
"version": "2.0.3",
"version": "3.0.0",
"author": "Nejc Mursic <nmursi2@gmail.com> (https://github.com/nejcm)",

@@ -10,3 +10,3 @@ "description": "React skeleton loader that allows customization with some predefined templates.",

"module": "dist/@nejcm/react-skeleton.esm.js",
"types": "types/index.d.ts",
"types": "../../types/index.d.ts",
"sideEffects": false,

@@ -39,8 +39,4 @@ "license": "MIT",

"scripts": {
"docz:clean": "docz clean && rimraf .docz",
"docz:dev": "docz clean && docz dev",
"docz:build": "docz clean && docz build",
"docz:serve": "docz build && docz serve",
"format": "prettier ./src/**/*.js --write",
"clean": "rimraf dist coverage .docz",
"clean": "rimraf dist coverage",
"lint": "eslint ./src",

@@ -54,48 +50,28 @@ "lint:fix": "eslint ./src --fix",

"validate": "npm run format && npm run lint && npm run test:build",
"setup": "npm install && npm run validate",
"semantic-release": "semantic-release",
"storybook": "start-storybook -p 9001 -c .storybook"
"semantic-release": "semantic-release"
},
"husky": {
"hooks": {
"pre-commit": "lint-staged"
}
},
"peerDependencies": {
"@emotion/styled": ">=10",
"prop-types": ">=15",
"react": ">=16.8",
"react-dom": ">=16.8"
"styled-components": ">=4",
"react": ">=16.8"
},
"dependencies": {
"@babel/runtime": "^7.9.6"
},
"dependencies": {},
"devDependencies": {
"@babel/compat-data": "^7.9.6",
"@babel/helpers": "^7.9.6",
"@babel/plugin-proposal-class-properties": "^7.8.3",
"@babel/plugin-transform-runtime": "^7.9.6",
"@babel/preset-typescript": "^7.9.0",
"@emotion/styled": "^10.0.27",
"@nejcm/docz-theme-extended": "^1.4.1",
"@babel/compat-data": "^7.10.1",
"@babel/helpers": "^7.10.1",
"@babel/plugin-proposal-class-properties": "^7.10.1",
"@babel/plugin-transform-runtime": "^7.10.1",
"@babel/preset-typescript": "^7.10.1",
"@babel/runtime": "^7.10.2",
"@semantic-release/changelog": "^5.0.1",
"@semantic-release/commit-analyzer": "^8.0.1",
"@semantic-release/git": "^9.0.0",
"@semantic-release/github": "^7.0.6",
"@semantic-release/github": "^7.0.7",
"@semantic-release/npm": "^7.0.5",
"@semantic-release/release-notes-generator": "^9.0.1",
"@storybook/addon-docs": "^5.3.18",
"@storybook/addon-knobs": "^5.3.18",
"@storybook/addon-links": "^5.3.18",
"@storybook/addon-notes": "^5.3.18",
"@storybook/addon-options": "^5.3.18",
"@storybook/addons": "^5.3.18",
"@storybook/react": "^5.3.18",
"@testing-library/jest-dom": "^5.8.0",
"@testing-library/react": "^10.0.4",
"@testing-library/react-hooks": "^3.2.1",
"@testing-library/user-event": "^10.3.2",
"@testing-library/jest-dom": "^5.9.0",
"@testing-library/react": "^10.2.1",
"@testing-library/react-hooks": "^3.3.0",
"@testing-library/user-event": "^11.2.1",
"@types/jest": "^25.2.3",
"@types/react": "^16.9.35",
"autoprefixer": "^9.8.0",
"babel-loader": "^8.1.0",

@@ -109,12 +85,12 @@ "babel-plugin-minify-dead-code-elimination": "^0.5.1",

"cross-env": "^7.0.2",
"docz": "2.3.1",
"dotenv": "^8.2.0",
"eslint": "^7.0.0",
"eslint-config-kentcdodds": "^14.12.0",
"eslint": "^7.2.0",
"eslint-config-kentcdodds": "^14.13.0",
"eslint-config-react-app": "^5.2.1",
"eslint-loader": "^4.0.2",
"eslint-plugin-flowtype": "^5.1.0",
"eslint-plugin-babel": "5.3.0",
"eslint-plugin-flowtype": "^5.1.3",
"eslint-plugin-html": "^6.0.2",
"eslint-plugin-import": "^2.20.2",
"eslint-plugin-jest": "^23.13.1",
"eslint-plugin-jest": "^23.13.2",
"eslint-plugin-jsx-a11y": "6.2.3",

@@ -124,6 +100,4 @@ "eslint-plugin-node": "^11.1.0",

"eslint-plugin-react": "^7.20.0",
"eslint-plugin-react-hooks": "^4.0.2",
"eslint-plugin-react-hooks": "^4.0.4",
"eslint-plugin-standard": "^4.0.1",
"gh-pages": "^2.2.0",
"husky": "^4.2.5",
"jest": "^26.0.1",

@@ -134,23 +108,19 @@ "jest-coverage-badges": "^1.1.2",

"jest-watch-typeahead": "^0.6.0",
"kcd-scripts": "^6.0.1",
"lint-staged": "^10.2.4",
"kcd-scripts": "^6.2.0",
"node-sass": "^4.14.1",
"postcss": "^7.0.30",
"prettier": "^2.0.5",
"prop-types": "^15.7.2",
"react": "^16.13.1",
"react-dom": "^16.13.1",
"react-is": "^16.13.1",
"react-test-renderer": "^16.13.1",
"rimraf": "^3.0.2",
"rollup": "^2.10.5",
"rollup": "^2.14.0",
"rollup-plugin-babel": "^4.4.0",
"rollup-plugin-commonjs": "^10.1.0",
"rollup-plugin-sass": "^1.2.2",
"sass-loader": "^8.0.2",
"semantic-release": "^17.0.7",
"serve": "^11.3.0",
"semantic-release": "^17.0.8",
"serve": "^11.3.2",
"start-server-and-test": "^1.11.0",
"style-loader": "^1.2.1",
"typescript": "^3.9.3",
"styled-components": "5.1.1",
"typescript": "^3.9.5",
"webpack-merge": "^4.2.2"

@@ -157,0 +127,0 @@ },

README.md
types/index.d.ts
dist/@nejcm/react-skeleton.umd.js.map

Sorry, the diff of this file is not supported yet

dist/@nejcm/react-skeleton.umd.min.js.map

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc