@bigbinary/neetoui 6.5.22 → 6.6.0

package/dist/Accordion.js

@@ -7,7 +7,7 @@ import { isEmpty } from 'ramda';
 import { _ as _extends } from './extends-093996c9.js';
 import { Right } from '@bigbinary/neeto-icons';
 import { _ as _objectWithoutProperties } from './objectWithoutProperties-a0edb288.js';
-import { u as useIsomorphicLayoutEffect, f as frame, a as useConstant, P as PresenceContext, i as invariant, L as LayoutGroupContext, m as motion } from './motion-68c3ecee.js';
+import { u as useIsomorphicLayoutEffect, f as frame, a as useConstant, P as PresenceContext, i as invariant, L as LayoutGroupContext, m as motion } from './motion-087daf52.js';
 import './toPropertyKey-bdc24cb9.js';
 
 function useIsMounted() {

package/dist/ActionDropdown.js

@@ -13,7 +13,7 @@ import 'util';
 import 'ramda';
 import './defineProperty-e5245270.js';
 import 'react-router-dom';
-import './motion-68c3ecee.js';
+import './motion-087daf52.js';
 import './index-2123b5e9.js';
 import 'react-dom';
 import '@bigbinary/neeto-icons';

package/dist/Alert.js

@@ -8,7 +8,7 @@ import './toPropertyKey-bdc24cb9.js';
 import './objectWithoutProperties-a0edb288.js';
 import './index-3659771d.js';
 import 'react-router-dom';
-import './motion-68c3ecee.js';
+import './motion-087daf52.js';
 import './index-2123b5e9.js';
 import './slicedToArray-45fa766e.js';
 import 'react-dom';

package/dist/Button.js

@@ -4,7 +4,7 @@ import { _ as _objectWithoutProperties } from './objectWithoutProperties-a0edb28
 import React__default from 'react';
 import { c as classnames } from './index-3659771d.js';
 import { Link } from 'react-router-dom';
-import { m as motion } from './motion-68c3ecee.js';
+import { m as motion } from './motion-087daf52.js';
 import { T as Tooltip } from './index-2123b5e9.js';
 import './toPropertyKey-bdc24cb9.js';
 import './slicedToArray-45fa766e.js';

package/dist/ColorPicker.js

@@ -11,7 +11,7 @@ import './defineProperty-e5245270.js';
 import './toPropertyKey-bdc24cb9.js';
 import './objectWithoutProperties-a0edb288.js';
 import 'react-router-dom';
-import './motion-68c3ecee.js';
+import './motion-087daf52.js';
 import './index-2123b5e9.js';
 import 'react-dom';
 import 'ramda';

package/dist/Dropdown.js

@@ -13,7 +13,7 @@ import { isPresent } from '@bigbinary/neeto-cist';
 import { Link } from 'react-router-dom';
 import './toPropertyKey-bdc24cb9.js';
 import 'react-dom';
-import './motion-68c3ecee.js';
+import './motion-087daf52.js';
 import './createClass-601a36b2.js';
 import 'util';
 

package/dist/Modal.js

@@ -17,7 +17,7 @@ import 'ramda';
 import './index-7fae3611.js';
 import './overlayManager.js';
 import './createClass-601a36b2.js';
-import './motion-68c3ecee.js';
+import './motion-087daf52.js';
 import './index-2123b5e9.js';
 import '@bigbinary/neeto-cist';
 import 'util';

package/dist/NoData.js

@@ -8,7 +8,7 @@ import Typography from './Typography.js';
 import './defineProperty-e5245270.js';
 import './toPropertyKey-bdc24cb9.js';
 import 'react-router-dom';
-import './motion-68c3ecee.js';
+import './motion-087daf52.js';
 import './index-2123b5e9.js';
 import './slicedToArray-45fa766e.js';
 import 'react-dom';

package/dist/Pane.js

@@ -16,7 +16,7 @@ import 'ramda';
 import './index-7fae3611.js';
 import './overlayManager.js';
 import './createClass-601a36b2.js';
-import './motion-68c3ecee.js';
+import './motion-087daf52.js';
 import './index-2123b5e9.js';
 import '@bigbinary/neeto-cist';
 import 'util';

package/dist/ProgressBar.js

@@ -0,0 +1,28 @@
+import React__default from 'react';
+import { c as classnames } from './index-3659771d.js';
+import { m as motion } from './motion-087daf52.js';
+
+var ProgressBar = function ProgressBar(_ref) {
+  var progressPercentage = _ref.progressPercentage,
+    progressValue = _ref.progressValue,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className;
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: classnames(["neeto-ui-progress-bar__wrapper neeto-ui-rounded-full", className])
+  }, /*#__PURE__*/React__default.createElement(motion.div, {
+    animate: {
+      width: "".concat(progressPercentage, "%")
+    },
+    className: "neeto-ui-progress-bar neeto-ui-rounded-full",
+    initial: {
+      width: 0
+    },
+    transition: {
+      duration: 0.5,
+      ease: "easeInOut"
+    }
+  }, progressValue !== null && progressValue !== void 0 ? progressValue : "".concat(progressPercentage, "%")));
+};
+
+export { ProgressBar as default };
+//# sourceMappingURL=ProgressBar.js.map

package/dist/ProgressBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.js","sources":["../src/components/ProgressBar.jsx"],"sourcesContent":["import React from \"react\";\n\nimport classNames from \"classnames\";\nimport { motion } from \"framer-motion\";\nimport propTypes from \"prop-types\";\n\nconst ProgressBar = ({ progressPercentage, progressValue, className = \"\" }) => (\n  <div\n    className={classNames([\n      \"neeto-ui-progress-bar__wrapper neeto-ui-rounded-full\",\n      className,\n    ])}\n  >\n    <motion.div\n      animate={{ width: `${progressPercentage}%` }}\n      className=\"neeto-ui-progress-bar neeto-ui-rounded-full\"\n      initial={{ width: 0 }}\n      transition={{ duration: 0.5, ease: \"easeInOut\" }}\n    >\n      {progressValue ?? `${progressPercentage}%`}\n    </motion.div>\n  </div>\n);\n\nProgressBar.propTypes = {\n  /**\n   * To specify the value to be used as the width of the progress bar.\n   */\n  progressPercentage: propTypes.number,\n  /**\n   * To specify the progress value to be displayed on the progress bar as text.\n   */\n  progressValue: propTypes.string,\n  /**\n   * To specify external classnames as overrides to the ProgressBar component.\n   */\n  className: propTypes.string,\n};\n\nexport default ProgressBar;\n"],"names":["ProgressBar","_ref","progressPercentage","progressValue","_ref$className","className","React","createElement","classNames","motion","div","animate","width","concat","initial","transition","duration","ease"],"mappings":";;;;AAMA,IAAMA,WAAW,GAAG,SAAdA,WAAWA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,kBAAkB,GAAAD,IAAA,CAAlBC,kBAAkB;IAAEC,aAAa,GAAAF,IAAA,CAAbE,aAAa;IAAAC,cAAA,GAAAH,IAAA,CAAEI,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,cAAA,CAAA;EAAA,oBACtEE,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACEF,IAAAA,SAAS,EAAEG,UAAU,CAAC,CACpB,sDAAsD,EACtDH,SAAS,CACV,CAAA;AAAE,GAAA,eAEHC,cAAA,CAAAC,aAAA,CAACE,MAAM,CAACC,GAAG,EAAA;AACTC,IAAAA,OAAO,EAAE;MAAEC,KAAK,EAAA,EAAA,CAAAC,MAAA,CAAKX,kBAAkB,EAAA,GAAA,CAAA;KAAM;AAC7CG,IAAAA,SAAS,EAAC,6CAA6C;AACvDS,IAAAA,OAAO,EAAE;AAAEF,MAAAA,KAAK,EAAE,CAAA;KAAI;AACtBG,IAAAA,UAAU,EAAE;AAAEC,MAAAA,QAAQ,EAAE,GAAG;AAAEC,MAAAA,IAAI,EAAE,WAAA;AAAY,KAAA;GAE9Cd,EAAAA,aAAa,KAAbA,IAAAA,IAAAA,aAAa,KAAbA,KAAAA,CAAAA,GAAAA,aAAa,MAAAU,MAAA,CAAOX,kBAAkB,EAAA,GAAA,CAAA,CAC5B,CACT,CAAA;AAAA;;;;"}

package/dist/Table.js

@@ -25,7 +25,7 @@ import ReactDOM from 'react-dom';
 import './toPropertyKey-bdc24cb9.js';
 import './createClass-601a36b2.js';
 import 'util';
-import './motion-68c3ecee.js';
+import './motion-087daf52.js';
 import './index-2123b5e9.js';
 
 var useTimeout = function useTimeout(callback, delay) {

package/dist/cjs/Accordion.js

@@ -8,7 +8,7 @@ var ramda = require('ramda');
 var _extends = require('./extends-1b35a664.js');
 var neetoIcons = require('@bigbinary/neeto-icons');
 var objectWithoutProperties = require('./objectWithoutProperties-2fed2d7d.js');
-var motion = require('./motion-8fe81637.js');
+var motion = require('./motion-a1906aff.js');
 require('./toPropertyKey-bfa2e465.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/dist/cjs/ActionDropdown.js

@@ -15,7 +15,7 @@ require('util');
 require('ramda');
 require('./defineProperty-ee86604b.js');
 require('react-router-dom');
-require('./motion-8fe81637.js');
+require('./motion-a1906aff.js');
 require('./index-0e68cfff.js');
 require('react-dom');
 require('@bigbinary/neeto-icons');

package/dist/cjs/Alert.js

@@ -10,7 +10,7 @@ require('./toPropertyKey-bfa2e465.js');
 require('./objectWithoutProperties-2fed2d7d.js');
 require('./index-302c3d37.js');
 require('react-router-dom');
-require('./motion-8fe81637.js');
+require('./motion-a1906aff.js');
 require('./index-0e68cfff.js');
 require('./slicedToArray-732a2048.js');
 require('react-dom');

package/dist/cjs/Button.js

@@ -6,7 +6,7 @@ var objectWithoutProperties = require('./objectWithoutProperties-2fed2d7d.js');
 var React = require('react');
 var index = require('./index-302c3d37.js');
 var reactRouterDom = require('react-router-dom');
-var motion = require('./motion-8fe81637.js');
+var motion = require('./motion-a1906aff.js');
 var Tooltip = require('./index-0e68cfff.js');
 require('./toPropertyKey-bfa2e465.js');
 require('./slicedToArray-732a2048.js');

package/dist/cjs/ColorPicker.js

@@ -13,7 +13,7 @@ require('./defineProperty-ee86604b.js');
 require('./toPropertyKey-bfa2e465.js');
 require('./objectWithoutProperties-2fed2d7d.js');
 require('react-router-dom');
-require('./motion-8fe81637.js');
+require('./motion-a1906aff.js');
 require('./index-0e68cfff.js');
 require('react-dom');
 require('ramda');

package/dist/cjs/Dropdown.js

@@ -15,7 +15,7 @@ var neetoCist = require('@bigbinary/neeto-cist');
 var reactRouterDom = require('react-router-dom');
 require('./toPropertyKey-bfa2e465.js');
 require('react-dom');
-require('./motion-8fe81637.js');
+require('./motion-a1906aff.js');
 require('./createClass-80e17c6a.js');
 require('util');
 

package/dist/cjs/Modal.js

@@ -19,7 +19,7 @@ require('ramda');
 require('./index-a8cc581e.js');
 require('./overlayManager.js');
 require('./createClass-80e17c6a.js');
-require('./motion-8fe81637.js');
+require('./motion-a1906aff.js');
 require('./index-0e68cfff.js');
 require('@bigbinary/neeto-cist');
 require('util');

package/dist/cjs/NoData.js

@@ -10,7 +10,7 @@ var Typography = require('./Typography.js');
 require('./defineProperty-ee86604b.js');
 require('./toPropertyKey-bfa2e465.js');
 require('react-router-dom');
-require('./motion-8fe81637.js');
+require('./motion-a1906aff.js');
 require('./index-0e68cfff.js');
 require('./slicedToArray-732a2048.js');
 require('react-dom');

package/dist/cjs/Pane.js

@@ -18,7 +18,7 @@ require('ramda');
 require('./index-a8cc581e.js');
 require('./overlayManager.js');
 require('./createClass-80e17c6a.js');
-require('./motion-8fe81637.js');
+require('./motion-a1906aff.js');
 require('./index-0e68cfff.js');
 require('@bigbinary/neeto-cist');
 require('util');

package/dist/cjs/ProgressBar.js

@@ -0,0 +1,34 @@
+'use strict';
+
+var React = require('react');
+var index = require('./index-302c3d37.js');
+var motion = require('./motion-a1906aff.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var ProgressBar = function ProgressBar(_ref) {
+  var progressPercentage = _ref.progressPercentage,
+    progressValue = _ref.progressValue,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className;
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: index.classnames(["neeto-ui-progress-bar__wrapper neeto-ui-rounded-full", className])
+  }, /*#__PURE__*/React__default["default"].createElement(motion.motion.div, {
+    animate: {
+      width: "".concat(progressPercentage, "%")
+    },
+    className: "neeto-ui-progress-bar neeto-ui-rounded-full",
+    initial: {
+      width: 0
+    },
+    transition: {
+      duration: 0.5,
+      ease: "easeInOut"
+    }
+  }, progressValue !== null && progressValue !== void 0 ? progressValue : "".concat(progressPercentage, "%")));
+};
+
+module.exports = ProgressBar;
+//# sourceMappingURL=ProgressBar.js.map

package/dist/cjs/ProgressBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.js","sources":["../../src/components/ProgressBar.jsx"],"sourcesContent":["import React from \"react\";\n\nimport classNames from \"classnames\";\nimport { motion } from \"framer-motion\";\nimport propTypes from \"prop-types\";\n\nconst ProgressBar = ({ progressPercentage, progressValue, className = \"\" }) => (\n  <div\n    className={classNames([\n      \"neeto-ui-progress-bar__wrapper neeto-ui-rounded-full\",\n      className,\n    ])}\n  >\n    <motion.div\n      animate={{ width: `${progressPercentage}%` }}\n      className=\"neeto-ui-progress-bar neeto-ui-rounded-full\"\n      initial={{ width: 0 }}\n      transition={{ duration: 0.5, ease: \"easeInOut\" }}\n    >\n      {progressValue ?? `${progressPercentage}%`}\n    </motion.div>\n  </div>\n);\n\nProgressBar.propTypes = {\n  /**\n   * To specify the value to be used as the width of the progress bar.\n   */\n  progressPercentage: propTypes.number,\n  /**\n   * To specify the progress value to be displayed on the progress bar as text.\n   */\n  progressValue: propTypes.string,\n  /**\n   * To specify external classnames as overrides to the ProgressBar component.\n   */\n  className: propTypes.string,\n};\n\nexport default ProgressBar;\n"],"names":["ProgressBar","_ref","progressPercentage","progressValue","_ref$className","className","React","createElement","classNames","motion","div","animate","width","concat","initial","transition","duration","ease"],"mappings":";;;;;;;;;;AAMA,IAAMA,WAAW,GAAG,SAAdA,WAAWA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,kBAAkB,GAAAD,IAAA,CAAlBC,kBAAkB;IAAEC,aAAa,GAAAF,IAAA,CAAbE,aAAa;IAAAC,cAAA,GAAAH,IAAA,CAAEI,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,cAAA,CAAA;EAAA,oBACtEE,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACEF,IAAAA,SAAS,EAAEG,gBAAU,CAAC,CACpB,sDAAsD,EACtDH,SAAS,CACV,CAAA;AAAE,GAAA,eAEHC,yBAAA,CAAAC,aAAA,CAACE,aAAM,CAACC,GAAG,EAAA;AACTC,IAAAA,OAAO,EAAE;MAAEC,KAAK,EAAA,EAAA,CAAAC,MAAA,CAAKX,kBAAkB,EAAA,GAAA,CAAA;KAAM;AAC7CG,IAAAA,SAAS,EAAC,6CAA6C;AACvDS,IAAAA,OAAO,EAAE;AAAEF,MAAAA,KAAK,EAAE,CAAA;KAAI;AACtBG,IAAAA,UAAU,EAAE;AAAEC,MAAAA,QAAQ,EAAE,GAAG;AAAEC,MAAAA,IAAI,EAAE,WAAA;AAAY,KAAA;GAE9Cd,EAAAA,aAAa,KAAbA,IAAAA,IAAAA,aAAa,KAAbA,KAAAA,CAAAA,GAAAA,aAAa,MAAAU,MAAA,CAAOX,kBAAkB,EAAA,GAAA,CAAA,CAC5B,CACT,CAAA;AAAA;;;;"}

package/dist/cjs/Table.js

@@ -27,7 +27,7 @@ var ReactDOM = require('react-dom');
 require('./toPropertyKey-bfa2e465.js');
 require('./createClass-80e17c6a.js');
 require('util');
-require('./motion-8fe81637.js');
+require('./motion-a1906aff.js');
 require('./index-0e68cfff.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/dist/cjs/formik/ActionBlock.js

@@ -10,7 +10,7 @@ require('../defineProperty-ee86604b.js');
 require('../toPropertyKey-bfa2e465.js');
 require('../objectWithoutProperties-2fed2d7d.js');
 require('react-router-dom');
-require('../motion-8fe81637.js');
+require('../motion-a1906aff.js');
 require('../index-0e68cfff.js');
 require('../slicedToArray-732a2048.js');
 require('react-dom');

package/dist/cjs/formik/BlockNavigation.js

@@ -14,7 +14,7 @@ require('../Button.js');
 require('../defineProperty-ee86604b.js');
 require('../toPropertyKey-bfa2e465.js');
 require('../index-302c3d37.js');
-require('../motion-8fe81637.js');
+require('../motion-a1906aff.js');
 require('../index-0e68cfff.js');
 require('react-dom');
 require('../Modal.js');

package/dist/cjs/formik/Button.js

@@ -10,7 +10,7 @@ require('../defineProperty-ee86604b.js');
 require('../toPropertyKey-bfa2e465.js');
 require('../index-302c3d37.js');
 require('react-router-dom');
-require('../motion-8fe81637.js');
+require('../motion-a1906aff.js');
 require('../index-0e68cfff.js');
 require('../slicedToArray-732a2048.js');
 require('react-dom');

package/dist/cjs/formik/index.js

@@ -24,7 +24,7 @@ require('../defineProperty-ee86604b.js');
 require('../toPropertyKey-bfa2e465.js');
 require('../objectWithoutProperties-2fed2d7d.js');
 require('react-router-dom');
-require('../motion-8fe81637.js');
+require('../motion-a1906aff.js');
 require('../index-0e68cfff.js');
 require('../slicedToArray-732a2048.js');
 require('react-dom');