react-jupiter 5.9.50 → 5.9.52

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/card/orgnizer-card/index.js +1 -3
  2. package/form-v7/captcha/index.js +35 -44
  3. package/form-v7/form/index.stories.js +89 -77
  4. package/package.json +1 -1
  5. package/typography/heading/index.js +7 -5
  6. package/typography/heading/index.stories.js +2 -0
  7. package/typography/heading/index.styles.js +8 -7
package/card/orgnizer-card/index.js CHANGED
@@ -1,6 +1,4 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_typography=require("../../typography"),_avatar=_interopRequireDefault(require("../../avatar")),_buttons=_interopRequireDefault(require("./buttons")),_index=require("./index.style"),_spacing=require("../../spacing"),_display=_interopRequireDefault(require("../../display")),_responsive=_interopRequireDefault(require("../../responsive")),_themes=_interopRequireDefault(require("../../themes")),_icon=_interopRequireDefault(require("../../icon"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}/* eslint-disable react/jsx-closing-tag-location */
2
- /* eslint-disable react/jsx-indent */
3
-
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_typography=require("../../typography"),_avatar=_interopRequireDefault(require("../../avatar")),_buttons=_interopRequireDefault(require("./buttons")),_index=require("./index.style"),_spacing=require("../../spacing"),_display=_interopRequireDefault(require("../../display")),_responsive=_interopRequireDefault(require("../../responsive")),_themes=_interopRequireDefault(require("../../themes")),_icon=_interopRequireDefault(require("../../icon"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
4
2
 
5
3
 
6
4
 
package/form-v7/captcha/index.js CHANGED
@@ -1,4 +1,4 @@
1
- "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")),_textInput=_interopRequireDefault(require("../text-input")),_button=_interopRequireDefault(require("../../button")),_index=require("./index.style");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}function _slicedToArray(a,b){return _arrayWithHoles(a)||_iterableToArrayLimit(a,b)||_unsupportedIterableToArray(a,b)||_nonIterableRest()}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(a,b){if(a){if("string"==typeof a)return _arrayLikeToArray(a,b);var c=Object.prototype.toString.call(a).slice(8,-1);return"Object"===c&&a.constructor&&(c=a.constructor.name),"Map"===c||"Set"===c?Array.from(a):"Arguments"===c||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(c)?_arrayLikeToArray(a,b):void 0}}function _arrayLikeToArray(a,b){(null==b||b>a.length)&&(b=a.length);for(var c=0,d=Array(b);c<b;c++)d[c]=a[c];return d}function _iterableToArrayLimit(a,b){var c=null==a?null:"undefined"!=typeof Symbol&&a[Symbol.iterator]||a["@@iterator"];if(null!=c){var d,e,f=[],g=!0,h=!1;try{for(c=c.call(a);!(g=(d=c.next()).done)&&(f.push(d.value),!(b&&f.length===b));g=!0);}catch(a){h=!0,e=a}finally{try{g||null==c["return"]||c["return"]()}finally{if(h)throw e}}return f}}function _arrayWithHoles(a){if(Array.isArray(a))return a}
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_reactHookForm=require("react-hook-form"),_styledComponents=require("styled-components"),_theme=_interopRequireDefault(require("../theme")),_errorMsg=_interopRequireDefault(require("../errorMsg")),_icon=_interopRequireDefault(require("../../icon")),_button=_interopRequireDefault(require("../../button")),_label=_interopRequireDefault(require("../label")),_index=require("../text-input/index.style"),_display=_interopRequireDefault(require("../../display"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(a){for(var b,c=1;c<arguments.length;c++)for(var d in b=arguments[c],b)Object.prototype.hasOwnProperty.call(b,d)&&(a[d]=b[d]);return a},_extends.apply(this,arguments)}
2
2
 
3
3
 
4
4
 
@@ -19,16 +19,11 @@
19
19
 
20
20
 
21
21
 
22
- function Captcha(a){var
23
-
24
- b=
25
-
26
-
27
-
28
22
 
29
23
 
30
- a.src,c=a.errorMessage,d=a.register,e=a.control,f=a.handleCaptchaError,g=a.handleRetryCaptcha,h=
31
- (0,_react.useState)("loading"),i=_slicedToArray(h,2),j=i[0],k=i[1];
24
+ function Captcha(a){
25
+ var
26
+ b=
32
27
 
33
28
 
34
29
 
@@ -37,47 +32,43 @@ a.src,c=a.errorMessage,d=a.register,e=a.control,f=a.handleCaptchaError,g=a.handl
37
32
 
38
33
 
39
34
 
35
+ a.htmlElementName,c=a.label,d=a.classNames,e=a.imageUrl,f=a.register,g=a.control,h=a.fetchData,i=a.loading,j=a.number;
40
36
 
41
37
  return/*#__PURE__*/(
42
- _react.default.createElement(_index.CaptchaBoxContainer,{"data-test":"captcha-box"},/*#__PURE__*/
43
- _react.default.createElement(_index.InputConiatiner,null,/*#__PURE__*/
44
- _react.default.createElement(_textInput.default,{
45
- "data-test":"captcha-input",
46
- htmlElementName:"captcha-input",
47
- label:"\u06A9\u062F \u062A\u0635\u0648\u06CC\u0631\u06CC",
48
- errorMessage:c,
38
+ _react.default.createElement(_styledComponents.ThemeProvider,{theme:_theme.default},/*#__PURE__*/
39
+ _react.default.createElement("div",{className:d},/*#__PURE__*/
40
+ _react.default.createElement(_reactHookForm.Controller,{
41
+ name:b,
42
+ control:g,
43
+ rules:{required:"\u0627\u06CC\u0646 \u0641\u06CC\u0644\u062F \u0627\u062C\u0628\u0627\u0631\u06CC \u0627\u0633\u062A"},
44
+ render:function render(a){var d,g=a.fieldState;return/*#__PURE__*/(
45
+ _react.default.createElement(_display.default,{display:"block"},/*#__PURE__*/
46
+ _react.default.createElement(_label.default,{htmlFor:b,label:c,number:j,required:!0}),/*#__PURE__*/
47
+ _react.default.createElement(_display.default,{display:"flex"},/*#__PURE__*/
48
+ _react.default.createElement(_display.default,{display:"flex",width:"100%"},/*#__PURE__*/
49
+ _react.default.createElement(_index.Input,_extends({
50
+ id:"text".concat("-",b.split(" ").join("")),
51
+ name:b,
49
52
  type:"text",
50
- register:d,
51
- control:e})),/*#__PURE__*/
52
-
53
-
54
- _react.default.createElement(_index.Container,null,
55
- "loaded"!==j&&/*#__PURE__*/
56
- _react.default.createElement(_index.Loading,null),/*#__PURE__*/
53
+ rtl:!1,
54
+ className:"captcha-input"},
55
+ f(b,{
56
+ }))),/*#__PURE__*/
57
57
 
58
58
  _react.default.createElement("img",{
59
- className:"".concat("loaded"===j?"":"hide"),
60
- width:"120px",
61
- height:"32px",
62
- src:b,
59
+ width:"auto",
60
+ height:"35px",
61
+ src:e,
63
62
  alt:"captcha-img",
64
63
  loading:"lazy",
65
- onLoad:function(){k("loaded")},
66
- onError:function(){k("failedToLoad"),f()},
67
- "data-test":"captcha-img"})),
64
+ "data-test":"captcha-img"})),/*#__PURE__*/
65
+
66
+
67
+ _react.default.createElement(_button.default,{type:"button",size:"sm",styleType:"tertiary",onClick:h,disabled:i},/*#__PURE__*/
68
+ _react.default.createElement(_icon.default,{name:i?"loading":"restore"}))),/*#__PURE__*/
68
69
 
69
70
 
70
- g&&/*#__PURE__*/
71
- _react.default.createElement(_index.Container,null,/*#__PURE__*/
72
- _react.default.createElement(_button.default,{
73
- "data-test":"captcha-retry",
74
- htmlType:"button",
75
- icon:"restore",
76
- isLoading:"loading"===j,
77
- onClick:g,
78
- mainColor:"blue",
79
- size:"sm",
80
- styleType:"failedToLoad"===j?"primary":"tertiary"},"\u06A9\u062F \u062A\u0635\u0648\u06CC\u0631\u06CC \u062C\u062F\u06CC\u062F"))));
71
+ _react.default.createElement(_errorMsg.default,{errorMessage:g&&(null===(d=g.error)||void 0===d?void 0:d.message)})))}}))));
81
72
 
82
73
 
83
74
 
@@ -88,9 +79,9 @@ styleType:"failedToLoad"===j?"primary":"tertiary"},"\u06A9\u062F \u062A\u0635\u0
88
79
  }
89
80
 
90
81
  Captcha.defaultProps={
91
- errorMessage:"",
92
- handleCaptchaError:function handleCaptchaError(){},
93
- handleRetryCaptcha:null
82
+ classNames:"",
83
+ loading:!1,
84
+ number:null
94
85
  };var _default=
95
86
 
96
87
  Captcha;exports.default=_default;
package/form-v7/form/index.stories.js CHANGED
@@ -1,4 +1,5 @@
1
- "use strict";var _react=_interopRequireDefault(require("react")),_react2=require("@storybook/react"),_addonInfo=require("@storybook/addon-info"),_addonKnobs=require("@storybook/addon-knobs"),_reactHookForm=require("react-hook-form"),_addonActions=require("@storybook/addon-actions"),_dropdown=require("../dropdown"),_fileInput=_interopRequireDefault(require("../file-input")),_spacing=require("../../spacing"),_radioOption=_interopRequireDefault(require("../radio/radio-option")),_radio=_interopRequireDefault(require("../radio/radio")),_textInput=_interopRequireDefault(require("../text-input")),_textarea=_interopRequireDefault(require("../textarea")),_checkbox=_interopRequireDefault(require("../checkbox/checkbox")),_checkboxOption=_interopRequireDefault(require("../checkbox/checkbox-option"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
1
+ "use strict";var _react=_interopRequireDefault(require("react")),_react2=require("@storybook/react"),_addonInfo=require("@storybook/addon-info"),_addonKnobs=require("@storybook/addon-knobs"),_reactHookForm=require("react-hook-form"),_addonActions=require("@storybook/addon-actions"),_dropdown=require("../dropdown"),_fileInput=_interopRequireDefault(require("../file-input")),_spacing=require("../../spacing"),_radioOption=_interopRequireDefault(require("../radio/radio-option")),_radio=_interopRequireDefault(require("../radio/radio")),_textInput=_interopRequireDefault(require("../text-input")),_textarea=_interopRequireDefault(require("../textarea")),_checkbox=_interopRequireDefault(require("../checkbox/checkbox")),_checkboxOption=_interopRequireDefault(require("../checkbox/checkbox-option")),_captcha=_interopRequireDefault(require("../captcha"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
2
+
2
3
 
3
4
 
4
5
 
@@ -25,67 +26,67 @@ add("Sample Form",function(){var a=
25
26
 
26
27
 
27
28
 
28
- (0,_reactHookForm.useForm)(),b=a.register,c=a.handleSubmit,d=a.control,
29
+ (0,_reactHookForm.useForm)(),b=a.register,c=a.handleSubmit,d=a.control;
30
+
31
+
32
+
33
+
29
34
 
30
35
 
31
36
 
32
37
 
33
- e=[
34
- "question 1",
35
- "question 2",
36
- "question 3"];
37
38
 
38
39
 
39
40
  return/*#__PURE__*/(
40
41
  _react.default.createElement("form",{onSubmit:c(function onSubmit(a){console.log(a)})},/*#__PURE__*/
41
- _react.default.createElement(_dropdown.Select,{
42
- htmlElementName:"select",
43
- placeholder:"\u06CC\u06A9 \u06AF\u0632\u06CC\u0646\u0647 \u0631\u0627 \u0627\u0646\u062A\u062E\u0627\u0628 \u06A9\u0646\u06CC\u062F",
44
- register:b,
45
- control:d,
46
- defaultValue:0,
47
- label:"select box",
48
- number:1,
49
- required:!1},
50
42
 
51
- !!e&&e.map(function(a,b){return/*#__PURE__*/(
52
- _react.default.createElement(_dropdown.SelectOption,{key:b,value:a,label:a}))})),/*#__PURE__*/
53
43
 
54
44
 
55
45
 
56
- _react.default.createElement(_spacing.Margin,{top:8},/*#__PURE__*/
57
- _react.default.createElement(_fileInput.default,{
58
- htmlElementName:"file-input",
59
- register:b,
60
- control:d,
61
- label:(0,_addonKnobs.text)("optional label","\u0627\u06CC\u0646 \u0644\u06CC\u0628\u0644 \u0627\u0633\u062A"),
62
- description:"\u062D\u062C\u0645 \u0641\u0627\u06CC\u0644 \u0627\u0631\u0633\u0627\u0644\u06CC \u0628\u0627\u06CC\u062F \u06A9\u0645\u062A\u0631 \u0627\u0632 \u06F4 \u0645\u06AF\u0627\u0628\u0627\u06CC\u062A \u0628\u0627\u0634\u062F",
63
- number:2,
64
- placeholder:(0,_addonKnobs.text)("optional placeholder","\u0645\u062A\u0646 \u067E\u06CC\u0634\u0641\u0631\u0636"),
65
- disabled:(0,_addonKnobs.boolean)("disabled(default : false)",!1),
66
- errorMessage:(0,_addonKnobs.text)("optional error msg","\u0627\u0631\u0648\u0631 \u0632\u06CC\u0628\u0627"),
67
- required:!1})),/*#__PURE__*/
68
46
 
69
47
 
70
48
 
71
- _react.default.createElement(_spacing.Margin,{top:8},/*#__PURE__*/
72
- _react.default.createElement(_radio.default,{
73
- groupName:"radio",
74
- label:"radio input",
75
- number:3,
76
- register:b,
77
- control:d,
78
- required:!0},/*#__PURE__*/
79
49
 
80
- _react.default.createElement(_radioOption.default,{
81
- label:(0,_addonKnobs.text)("label","\u0632\u06CC\u0631 \u062F\u06CC\u067E\u0644\u0645"),
82
- value:(0,_addonKnobs.text)("value","100"),
83
- isDisabled:(0,_addonKnobs.boolean)("optional disabled item",!1)}),/*#__PURE__*/
84
50
 
85
- _react.default.createElement(_radioOption.default,{value:"200",label:"\u062F\u06CC\u067E\u0644\u0645"}),/*#__PURE__*/
86
- _react.default.createElement(_radioOption.default,{value:"300",label:"\u06A9\u0627\u0631\u0634\u0646\u0627\u0633\u06CC"}),/*#__PURE__*/
87
- _react.default.createElement(_radioOption.default,{value:"400",label:"\u06A9\u0627\u0631\u0634\u0646\u0627\u0633\u06CC \u0627\u0631\u0634\u062F"}),/*#__PURE__*/
88
- _react.default.createElement(_radioOption.default,{value:"500",label:"\u062F\u06A9\u062A\u0631\u0627"}))),/*#__PURE__*/
51
+
52
+
53
+
54
+
55
+
56
+
57
+
58
+
59
+
60
+
61
+
62
+
63
+
64
+
65
+
66
+
67
+
68
+
69
+
70
+
71
+
72
+
73
+
74
+
75
+
76
+
77
+
78
+
79
+
80
+
81
+
82
+
83
+
84
+
85
+
86
+
87
+
88
+
89
+
89
90
 
90
91
 
91
92
 
@@ -99,48 +100,59 @@ register:b,
99
100
  control:d,
100
101
  placeholder:(0,_addonKnobs.text)("optional placeholder","\u0645\u062A\u0646 \u067E\u06CC\u0634\u0641\u0631\u0636"),
101
102
  disabled:(0,_addonKnobs.boolean)("disabled(default : false)",!1),
102
- description:(0,_addonKnobs.text)("optional description","\u062A\u0648\u0636\u06CC\u062D\u0627\u062A \u0627\u0636\u0627\u0641\u0647"),
103
103
  errorMessage:(0,_addonKnobs.text)("optional error msg","\u0627\u0631\u0648\u0631 \u0632\u06CC\u0628\u0627"),
104
104
  type:(0,_addonKnobs.select)("select type(default : text)",["text","password"]),
105
- rtl:!1})),/*#__PURE__*/
105
+ rtl:!0})),/*#__PURE__*/
106
+
107
+
108
+
109
+
110
+
111
+
112
+
113
+
114
+
115
+
116
+
117
+
118
+
119
+
120
+
121
+
122
+
123
+
124
+
125
+
126
+
127
+
128
+
129
+
130
+
131
+
132
+
133
+
134
+
135
+
136
+
137
+
138
+
139
+
140
+
106
141
 
107
142
 
108
143
 
109
- _react.default.createElement(_spacing.Margin,{top:8},/*#__PURE__*/
110
- _react.default.createElement(_textarea.default,{
111
- register:b,
112
- control:d,
113
- label:(0,_addonKnobs.text)("optional label","\u062A\u0648\u0636\u06CC\u062C\u0627\u062A"),
114
- htmlElementName:(0,_addonKnobs.text)("optional html-element-name","textarea-box"),
115
- placeholder:(0,_addonKnobs.text)("optional placeholder","\u0627\u06CC\u0646 \u067E\u0644\u06CC\u0633 \u0647\u0648\u0644\u062F\u0631 \u0627\u0633\u062A"),
116
- minHeight:(0,_addonKnobs.text)("optional minHeight (it should be a number)","120"),
117
- isDisabled:!1,
118
- required:!0,
119
- resize:"both",
120
- handleChange:(0,_addonActions.action)("trigger what you want to do in onChange function"),
121
- defaultValue:"\u0627\u06CC\u0646 \u06CC\u06A9 \u0628\u0627\u06A9\u0633 \u0645\u062A\u0646\u06CC \u0645\u06CC\u200C\u0628\u0627\u0634\u062F"})),/*#__PURE__*/
122
144
 
123
145
 
124
146
 
125
147
  _react.default.createElement(_spacing.Margin,{top:8},/*#__PURE__*/
126
- _react.default.createElement(_checkbox.default,{
127
- groupName:"checkbox",
128
- required:!1,
129
- label:"\u062F\u0631 \u06A9\u062F\u0627\u0645 \u0645\u0648\u0636\u0648\u0639 \u0647\u0627 \u062A\u0648\u0627\u0646\u0627\u06CC\u06CC \u062F\u0627\u0631\u06CC\u062F",
148
+ _react.default.createElement(_captcha.default,{
130
149
  register:b,
131
- control:d},/*#__PURE__*/
132
-
133
- _react.default.createElement(_checkboxOption.default,{
134
- label:(0,_addonKnobs.text)("label","\u0648\u0631\u0632\u0634\u06CC"),
135
- value:(0,_addonKnobs.text)("value","100"),
136
- isDisabled:(0,_addonKnobs.boolean)("optional disabled item",!1),
137
- isChecked:(0,_addonKnobs.boolean)("optional checked item",!1),
138
- register:b}),/*#__PURE__*/
139
-
140
- _react.default.createElement(_checkboxOption.default,{value:"200",label:"\u0639\u0644\u0645\u06CC"}),/*#__PURE__*/
141
- _react.default.createElement(_checkboxOption.default,{value:"300",label:"\u0645\u0630\u0647\u0628\u06CC"}),/*#__PURE__*/
142
- _react.default.createElement(_checkboxOption.default,{value:"400",label:"\u0641\u0631\u0647\u0646\u06AF\u06CC"}),/*#__PURE__*/
143
- _react.default.createElement(_checkboxOption.default,{value:"500",label:"\u0647\u0646\u0631\u06CC"}))),/*#__PURE__*/
150
+ control:d,
151
+ label:"\u06A9\u062F \u062A\u0635\u0648\u06CC\u0631\u06CC",
152
+ htmlElementName:"captcha",
153
+ imageUrl:"https://static.evand.net/captcha/0bb5a9832be7b86a2a0a646ae2fd1649.jpg",
154
+ handleChange:(0,_addonActions.action)("trigger what you want to do in onChange function"),
155
+ fetchData:function fetchData(){return console.log("fetching")}})),/*#__PURE__*/
144
156
 
145
157
 
146
158
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "react-jupiter",
3
- "version": "5.9.50",
3
+ "version": "5.9.52",
4
4
  "main": "./index.js",
5
5
  "license": "MIT",
6
6
  "keywords": [
package/typography/heading/index.js CHANGED
@@ -1,4 +1,4 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=_interopRequireDefault(require("prop-types")),_styledComponents=require("styled-components"),_globalStyle=_interopRequireDefault(require("../../globalStyle")),_theme=_interopRequireDefault(require("../theme")),_index=require("./index.styles"),_excluded=["children","size","level"];function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(a){for(var b,c=1;c<arguments.length;c++)for(var d in b=arguments[c],b)Object.prototype.hasOwnProperty.call(b,d)&&(a[d]=b[d]);return a},_extends.apply(this,arguments)}function _objectWithoutProperties(a,b){if(null==a)return{};var c,d,e=_objectWithoutPropertiesLoose(a,b);if(Object.getOwnPropertySymbols){var f=Object.getOwnPropertySymbols(a);for(d=0;d<f.length;d++)c=f[d],0<=b.indexOf(c)||Object.prototype.propertyIsEnumerable.call(a,c)&&(e[c]=a[c])}return e}function _objectWithoutPropertiesLoose(a,b){if(null==a)return{};var c,d,e={},f=Object.keys(a);for(d=0;d<f.length;d++)c=f[d],0<=b.indexOf(c)||(e[c]=a[c]);return e}var
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=_interopRequireDefault(require("prop-types")),_styledComponents=require("styled-components"),_globalStyle=_interopRequireDefault(require("../../globalStyle")),_theme=_interopRequireDefault(require("../theme")),_index=require("./index.styles"),_excluded=["children","size","level","color"];function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(a){for(var b,c=1;c<arguments.length;c++)for(var d in b=arguments[c],b)Object.prototype.hasOwnProperty.call(b,d)&&(a[d]=b[d]);return a},_extends.apply(this,arguments)}function _objectWithoutProperties(a,b){if(null==a)return{};var c,d,e=_objectWithoutPropertiesLoose(a,b);if(Object.getOwnPropertySymbols){var f=Object.getOwnPropertySymbols(a);for(d=0;d<f.length;d++)c=f[d],0<=b.indexOf(c)||Object.prototype.propertyIsEnumerable.call(a,c)&&(e[c]=a[c])}return e}function _objectWithoutPropertiesLoose(a,b){if(null==a)return{};var c,d,e={},f=Object.keys(a);for(d=0;d<f.length;d++)c=f[d],0<=b.indexOf(c)||(e[c]=a[c]);return e}var
2
2
 
3
3
 
4
4
 
@@ -12,7 +12,7 @@ sizes=_theme.default.sizes,
12
12
  Heading=function(a){var
13
13
 
14
14
  b=
15
- a.children,c=a.size,d=a.level,e=_objectWithoutProperties(a,_excluded);
15
+ a.children,c=a.size,d=a.level,e=a.color,f=_objectWithoutProperties(a,_excluded);
16
16
 
17
17
 
18
18
 
@@ -38,7 +38,7 @@ a.children,c=a.size,d=a.level,e=_objectWithoutProperties(a,_excluded);
38
38
  return/*#__PURE__*/(
39
39
  _react.default.createElement(_styledComponents.ThemeProvider,{theme:_theme.default},/*#__PURE__*/
40
40
  _react.default.createElement(_globalStyle.default,null),
41
- function renderLevel(a,b,c){if(a===void 0)return null;switch(c){case 6:return/*#__PURE__*/_react.default.createElement(_index.H6,_extends({size:b,"data-test":"h6-tag"},e),a);case 5:return/*#__PURE__*/_react.default.createElement(_index.H5,_extends({size:b,"data-test":"h5-tag"},e),a);case 4:return/*#__PURE__*/_react.default.createElement(_index.H4,_extends({size:b,"data-test":"h4-tag"},e),a);case 3:return/*#__PURE__*/_react.default.createElement(_index.H3,_extends({size:b,"data-test":"h3-tag"},e),a);case 2:return/*#__PURE__*/_react.default.createElement(_index.H2,_extends({size:b,"data-test":"h2-tag"},e),a);case 1:default:return/*#__PURE__*/_react.default.createElement(_index.H1,_extends({size:b,"data-test":"h1-tag"},e),a);}}(b,c,d)));
41
+ function renderLevel(){if(b===void 0)return null;switch(d){case 6:return/*#__PURE__*/_react.default.createElement(_index.H6,_extends({size:c,"data-test":"h6-tag",color:e},f),b);case 5:return/*#__PURE__*/_react.default.createElement(_index.H5,_extends({size:c,"data-test":"h5-tag",color:e},f),b);case 4:return/*#__PURE__*/_react.default.createElement(_index.H4,_extends({size:c,"data-test":"h4-tag",color:e},f),b);case 3:return/*#__PURE__*/_react.default.createElement(_index.H3,_extends({size:c,"data-test":"h3-tag",color:e},f),b);case 2:return/*#__PURE__*/_react.default.createElement(_index.H2,_extends({size:c,"data-test":"h2-tag",color:e},f),b);case 1:default:return/*#__PURE__*/_react.default.createElement(_index.H1,_extends({size:c,"data-test":"h1-tag",color:e},f),b);}}()));
42
42
 
43
43
 
44
44
  };
@@ -50,12 +50,14 @@ _propTypes.default.node,
50
50
  _propTypes.default.string]).
51
51
  isRequired,
52
52
  size:_propTypes.default.oneOf([sizes.large,sizes.medium,sizes.small]),
53
- level:_propTypes.default.oneOf([1,2,3,4,5,6])
53
+ level:_propTypes.default.oneOf([1,2,3,4,5,6]),
54
+ color:_propTypes.default.oneOf(["red","green","blue","yellow","white","darkBlue"])
54
55
  },
55
56
 
56
57
  Heading.defaultProps={
57
58
  size:sizes.medium,
58
- level:1
59
+ level:1,
60
+ color:"default"
59
61
  };var _default=
60
62
 
61
63
  Heading;exports.default=_default;
package/typography/heading/index.stories.js CHANGED
@@ -11,6 +11,8 @@ SmallH1:(0,_addonActions.action)("small h1")
11
11
  (0,_react2.storiesOf)("Heading",module).
12
12
  add("Heading default",function(){return/*#__PURE__*/_react.default.createElement(_index.default,null,"\u0627\u06CC\u0646 \u06CC\u06A9 \u0627\u0686 \u062F\u06CC\u0641\u0627\u0644\u062A \u0627\u0633\u062A")}).
13
13
  add("H1 default",function(){return/*#__PURE__*/_react.default.createElement(_index.default,{level:1},"\u0627\u06CC\u0646 \u06CC\u06A9 \u0627\u0686 \u06CC\u06A9 \u062F\u06CC\u0641\u0627\u0644\u062A \u0627\u0633\u062A")}).
14
+ add("H1 blue",function(){return/*#__PURE__*/_react.default.createElement(_index.default,{level:1,color:"blue"},"\u0627\u06CC\u0646 \u06CC\u06A9 \u0627\u0686 \u06CC\u06A9 \u062F\u06CC\u0641\u0627\u0644\u062A \u0627\u0633\u062A")}).
15
+ add("H1 red",function(){return/*#__PURE__*/_react.default.createElement(_index.default,{level:1,color:"red"},"\u0627\u06CC\u0646 \u06CC\u06A9 \u0627\u0686 \u06CC\u06A9 \u062F\u06CC\u0641\u0627\u0644\u062A \u0627\u0633\u062A")}).
14
16
  add("H1 small",function(){return/*#__PURE__*/_react.default.createElement(_index.default,{level:1,size:"sm"},"\u0627\u06CC\u0646 \u06CC\u06A9 \u0627\u0686 \u06CC\u06A9 \u06A9\u0648\u0686\u06A9 \u0627\u0633\u062A")}).
15
17
  add("H1 medium",function(){return/*#__PURE__*/_react.default.createElement(_index.default,{level:1,size:"md"},"\u0627\u06CC\u0646 \u06CC\u06A9 \u0627\u0686 \u06CC\u06A9 \u0645\u062A\u0633\u0648\u0637 \u0627\u0633\u062A")}).
16
18
  add("H1 large",function(){return/*#__PURE__*/_react.default.createElement(_index.default,{level:1,size:"lg"},"\u0627\u06CC\u0646 \u06CC\u06A9 \u0627\u0686 \u06CC\u06A9 \u0628\u0632\u0631\u06AF \u0627\u0633\u062A")}).
package/typography/heading/index.styles.js CHANGED
@@ -1,4 +1,5 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.H6=exports.H5=exports.H4=exports.H3=exports.H2=exports.H1=void 0;var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_styledComponents=_interopRequireDefault(require("styled-components")),_utils=require("../utils");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)}}))}
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.H6=exports.H5=exports.H4=exports.H3=exports.H2=exports.H1=void 0;var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_styledComponents=_interopRequireDefault(require("styled-components")),_utils=require("../utils"),_theme=require("../../utils/theme");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)}}))}
2
+
2
3
 
3
4
 
4
5
  var H1=_styledComponents.default.h1(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n font-family: 'IranSharp';\n margin: ","\n font-size: ","\n line-height: ","\n color: ",";\n font-weight: bold;\n"])),
@@ -8,7 +9,7 @@ function(a){var b=a.theme,c=a.size;return"".concat((0,_utils.getSizeOfHeading)(b
8
9
  function(a){var b=a.theme,c=a.size;return"\n ".concat(
9
10
  (0,_utils.getSizeOfHeading)(b,c,1)*b.lineHeightRatio,"px;\n ")},
10
11
 
11
- function(a){var b=a.theme;return"".concat(b.defaultColor)});exports.H1=H1;
12
+ function(a){var b=a.theme,c=a.color;return(0,_theme.getColorFromName)(b,c)});exports.H1=H1;
12
13
 
13
14
 
14
15
 
@@ -19,7 +20,7 @@ function(a){var b=a.theme,c=a.size;return"".concat((0,_utils.getSizeOfHeading)(b
19
20
  function(a){var b=a.theme,c=a.size;return"\n ".concat(
20
21
  (0,_utils.getSizeOfHeading)(b,c,2)*b.lineHeightRatio,"px;\n ")},
21
22
 
22
- function(a){var b=a.theme;return"".concat(b.defaultColor)});exports.H2=H2;
23
+ function(a){var b=a.theme,c=a.color;return(0,_theme.getColorFromName)(b,c)});exports.H2=H2;
23
24
 
24
25
 
25
26
 
@@ -30,7 +31,7 @@ function(a){var b=a.theme,c=a.size;return"".concat((0,_utils.getSizeOfHeading)(b
30
31
  function(a){var b=a.theme,c=a.size;return"\n ".concat(
31
32
  (0,_utils.getSizeOfHeading)(b,c,3)*b.lineHeightRatio,"px;\n ")},
32
33
 
33
- function(a){var b=a.theme;return"".concat(b.defaultColor)});exports.H3=H3;
34
+ function(a){var b=a.theme,c=a.color;return(0,_theme.getColorFromName)(b,c)});exports.H3=H3;
34
35
 
35
36
 
36
37
 
@@ -41,7 +42,7 @@ function(a){var b=a.theme,c=a.size;return"".concat((0,_utils.getSizeOfHeading)(b
41
42
  function(a){var b=a.theme,c=a.size;return"\n ".concat(
42
43
  (0,_utils.getSizeOfHeading)(b,c,4)*b.lineHeightRatio,"px;\n ")},
43
44
 
44
- function(a){var b=a.theme;return"".concat(b.defaultColor)});exports.H4=H4;
45
+ function(a){var b=a.theme,c=a.color;return(0,_theme.getColorFromName)(b,c)});exports.H4=H4;
45
46
 
46
47
 
47
48
 
@@ -52,7 +53,7 @@ function(a){var b=a.theme,c=a.size;return"".concat((0,_utils.getSizeOfHeading)(b
52
53
  function(a){var b=a.theme,c=a.size;return"\n ".concat(
53
54
  (0,_utils.getSizeOfHeading)(b,c,5)*b.lineHeightRatio,"px;\n ")},
54
55
 
55
- function(a){var b=a.theme;return"".concat(b.defaultColor)});exports.H5=H5;
56
+ function(a){var b=a.theme,c=a.color;return(0,_theme.getColorFromName)(b,c)});exports.H5=H5;
56
57
 
57
58
 
58
59
 
@@ -63,4 +64,4 @@ function(a){var b=a.theme,c=a.size;return"".concat((0,_utils.getSizeOfHeading)(b
63
64
  function(a){var b=a.theme,c=a.size;return"\n ".concat(
64
65
  (0,_utils.getSizeOfHeading)(b,c,6)*b.lineHeightRatio,"px;\n ")},
65
66
 
66
- function(a){var b=a.theme;return"".concat(b.defaultColor)});exports.H6=H6;
67
+ function(a){var b=a.theme,c=a.color;return(0,_theme.getColorFromName)(b,c)});exports.H6=H6;