react-jupiter 5.6.34 → 5.6.37

package/accordion/index.js

@@ -0,0 +1,33 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=_interopRequireDefault(require("prop-types")),_index=require("./index.styles"),_icon=_interopRequireDefault(require("../icon")),_panel=_interopRequireDefault(require("./panel"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
+
+
+
+
+
+
+
+
+
+
+var Accordion=function(a){var b=a.items;
+
+return/*#__PURE__*/(
+_react.default.createElement(_index.PanelGroup,null,
+b.map(function(a,b){return/*#__PURE__*/(
+_react.default.createElement(_panel.default,{item:a,key:b}))})));
+
+
+
+};
+
+Accordion.propTypes={
+items:_propTypes.default.arrayOf(_propTypes.default.shape({
+mode:_propTypes.default.oneOf(["white","light","dark"]),
+title:_propTypes.default.string.isRequired,
+key:_propTypes.default.string.isRequired,
+meta:_propTypes.default.node,
+body:_propTypes.default.node.isRequired}))};var _default=
+
+
+
+Accordion;exports.default=_default;

package/accordion/index.styles.js

@@ -0,0 +1,46 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PanelHeading=exports.PanelGroup=exports.Panel=void 0;var _templateObject,_templateObject2,_templateObject3,_styledComponents=_interopRequireDefault(require("styled-components"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}function _taggedTemplateLiteral(a,b){return b||(b=a.slice(0)),Object.freeze(Object.defineProperties(a,{raw:{value:Object.freeze(b)}}))}
+
+var PanelGroup=_styledComponents.default.div(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n    font-family: 'IranSharp';\n"])));exports.PanelGroup=PanelGroup;
+
+
+
+var Panel=_styledComponents.default.div(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n    background-color: #fff;\n    margin: 10px 0;\n    border: 1px solid #000000;\n    border-radius: 4px;\n    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);\n    border-radius: 4px;\n    padding: 10px;\n\n    &.white {\n        background: #ffffff;\n    }\n    &.light {\n        background: #caf0fc;\n    }\n    &.white, &.light {\n        & * {\n            color: #000000;\n        }\n    }\n    &.dark {\n        background: rgb(80, 89, 117);\n        & * {\n            color: #ffffff;\n        }\n    }\n\n    .collapse {\n        display: none;\n    }\n    \n    .panel-title {\n        margin-top: 0;\n        margin-bottom: 0;\n        font-size: 16px;\n        color: inherit;\n    }\n"])));exports.Panel=Panel;
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var PanelHeading=_styledComponents.default.a(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n    padding: 10px 15px;\n    display: flex;\n    justify-content: space-between;\n    &:hover {\n        cursor: pointer;\n    }\n"])));exports.PanelHeading=PanelHeading;

package/accordion/panel.js

@@ -0,0 +1,41 @@
+"use strict";function _typeof(a){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(a){return typeof a}:function(a){return a&&"function"==typeof Symbol&&a.constructor===Symbol&&a!==Symbol.prototype?"symbol":typeof a},_typeof(a)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_index=require("./index.styles"),_icon=_interopRequireDefault(require("../icon"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}function _getRequireWildcardCache(a){if("function"!=typeof WeakMap)return null;var b=new WeakMap,c=new WeakMap;return(_getRequireWildcardCache=function(a){return a?c:b})(a)}function _interopRequireWildcard(a,b){if(!b&&a&&a.__esModule)return a;if(null===a||"object"!==_typeof(a)&&"function"!=typeof a)return{default:a};var c=_getRequireWildcardCache(b);if(c&&c.has(a))return c.get(a);var d={},e=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var f in a)if("default"!=f&&Object.prototype.hasOwnProperty.call(a,f)){var g=e?Object.getOwnPropertyDescriptor(a,f):null;g&&(g.get||g.set)?Object.defineProperty(d,f,g):d[f]=a[f]}return d.default=a,c&&c.set(a,d),d}var
+
+
+
+Panel=function(a){var b=a.item,
+
+c=(0,_react.useRef)(),
+
+d=function(){
+var a=document.getElementById("icon-".concat(b.key));
+
+c.current.classList.contains("collapse")?(
+c.current.classList.remove("collapse"),
+a.classList.remove("new-icon-arrow-drop-down"),
+a.classList.add("new-icon-arrow-drop-up")):(
+
+c.current.classList.add("collapse"),
+a.classList.remove("new-icon-arrow-drop-up"),
+a.classList.add("new-icon-arrow-drop-down"));
+
+};
+
+return/*#__PURE__*/(
+_react.default.createElement(_index.Panel,{className:b.mode},/*#__PURE__*/
+_react.default.createElement(_index.PanelHeading,{onClick:function onClick(){return d(b.key)}},/*#__PURE__*/
+_react.default.createElement("h4",{className:"panel-title"},/*#__PURE__*/
+_react.default.createElement(_icon.default,{name:"info",size:"sm",color:"yellow"}),/*#__PURE__*/
+_react.default.createElement("span",null,b.title)),/*#__PURE__*/
+
+_react.default.createElement("div",null,
+b.meta,/*#__PURE__*/
+_react.default.createElement(_icon.default,{id:"icon-".concat(b.key),name:"arrow-drop-down",size:"sm"}))),/*#__PURE__*/
+
+
+_react.default.createElement("div",{id:b.key,ref:c,className:"panel-collapse collapse in"},/*#__PURE__*/
+_react.default.createElement("div",{className:"panel-body"},b.body))));
+
+
+
+},_default=
+Panel;exports.default=_default;

package/card/event-card/index.style.js

@@ -46,7 +46,7 @@ var VerticalCover=_styledComponents.default.img(_templateObject6||(_templateObje
 
 
 
-var VerticalContentContainer=_styledComponents.default.div(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["\n  background-image: url(",");\n  background-size: cover;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  padding: 12px 16px 16px;\n  min-height: 180px;\n  max-height: 200px;\n"])),
+var VerticalContentContainer=_styledComponents.default.div(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["\n  background-image: url(",");\n  background-size: cover;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  padding: 12px 16px 16px;\n  min-height: 180px;\n  max-height: 200px;\n  direction: rtl;\n  text-align: right;\n"])),
 function(a){return a.background});exports.VerticalContentContainer=VerticalContentContainer;
 
 
@@ -57,6 +57,8 @@ function(a){return a.background});exports.VerticalContentContainer=VerticalConte
 
 
 
+
+
 var VerticalTitle=(0,_styledComponents.default)(_typography.Heading)(_templateObject8||(_templateObject8=_taggedTemplateLiteral(["\n  margin: 0;\n  overflow: hidden;\n  height: 60px;\n"])));exports.VerticalTitle=VerticalTitle;
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-jupiter",
-  "version": "5.6.34",
+  "version": "5.6.37",
   "main": "./index.js",
   "license": "MIT",
   "keywords": [

package/progress-bar/index.js

@@ -0,0 +1,27 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_index=require("./index.styles"),_numbers=require("../utils/numbers"),_icon=_interopRequireDefault(require("../icon"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}var
+
+
+
+
+ProgressBar=function(a){var b=a.width;
+return/*#__PURE__*/(
+_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/
+_react.default.createElement(_index.Names,null,/*#__PURE__*/
+_react.default.createElement("span",null,"\u0647\u0645\u06CC\u0627\u0631",/*#__PURE__*/_react.default.createElement(_icon.default,{name:"arrow-drop-down",size:"sm"})),/*#__PURE__*/
+_react.default.createElement("span",null,"\u0647\u0645\u06A9\u0627\u0631",/*#__PURE__*/_react.default.createElement(_icon.default,{name:"arrow-drop-down",size:"sm"}))),/*#__PURE__*/
+
+_react.default.createElement(_index.ProgressBar,{width:b},/*#__PURE__*/
+_react.default.createElement("div",{className:"filled"},/*#__PURE__*/
+_react.default.createElement("span",null,"\u0627\u0645\u062A\u06CC\u0627\u0632 \u0634\u0645\u0627: ",(0,_numbers.toPersianNumber)(b,{})))),/*#__PURE__*/
+
+
+_react.default.createElement(_index.Numbers,null,/*#__PURE__*/
+_react.default.createElement("span",null,"\u06F0"),/*#__PURE__*/
+_react.default.createElement("span",null,"\u06F5\u06F0"),/*#__PURE__*/
+_react.default.createElement("span",null,"\u06F1\u06F0\u06F0"))));
+
+
+
+},_default=
+
+ProgressBar;exports.default=_default;

package/progress-bar/index.styles.js

@@ -0,0 +1,47 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ProgressBar=exports.Numbers=exports.Names=void 0;var _templateObject,_templateObject2,_templateObject3,_styledComponents=_interopRequireDefault(require("styled-components"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}function _taggedTemplateLiteral(a,b){return b||(b=a.slice(0)),Object.freeze(Object.defineProperties(a,{raw:{value:Object.freeze(b)}}))}
+
+var ProgressBar=_styledComponents.default.div(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n    background-color: #f1f1f1;\n    color: rgb(68, 68, 68);\n    height: 20px;\n    border-radius: 16px;\n\n    &:after {\n        content: \"\";\n        display: table;\n        clear: both;\n    }\n\n    & div.filled {\n        width: ","%;\n        height: 20px;\n        background: rgb(80, 89, 117);\n        left: 0;\n        position: absolute;\n        border-radius: 16px;\n        display: flex;\n        align-items: center;\n        font-size: 15px;\n        color: #fff;\n        justify-content: center;\n      }\n    }\n"])),
+
+
+
+
+
+
+
+
+
+
+
+
+function(a){return a.width});exports.ProgressBar=ProgressBar;
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var Names=_styledComponents.default.div(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n    display: flex;\n    justify-content: space-between;\n    direction: ltr;\n    position: relative;\n    width: 100%;\n    font-family: 'IranSharp';\n    & span > i {\n        display: block;\n    }\n    & span:first-child {\n        position: relative;\n        left: 48%;\n    }\n"])));exports.Names=Names;
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var Numbers=_styledComponents.default.div(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n    display: flex;\n    justify-content: space-between;\n    direction: ltr;\n    font-family: 'IranSharp';\n"])));exports.Numbers=Numbers;