@pareto-engineering/design-system 2.0.0-alpha.52 → 2.0.0-alpha.53

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 (190) hide show
  1. package/dist/cjs/{c/BlogContext → a/AppContext}/Context.js +0 -0
  2. package/dist/cjs/{c/SiteFooter/common/Section/Section.js → a/AppContext/ContextProvider.js} +50 -49
  3. package/dist/cjs/{c/BlogContext → a/AppContext}/index.js +13 -5
  4. package/dist/cjs/{c/BlogContext/useBlog.js → a/AppContext/useApp.js} +0 -0
  5. package/dist/cjs/a/AppContext/useTheme.js +45 -0
  6. package/dist/cjs/a/index.js +8 -8
  7. package/dist/cjs/b/Page/common/PageHelmet/PageHelmet.js +1 -1
  8. package/dist/cjs/b/SocialMediaButton/SocialMediaButton.js +4 -4
  9. package/dist/cjs/b/ThemeSelector/ThemeSelector.js +1 -1
  10. package/dist/es/{c/BlogContext → a/AppContext}/Context.js +0 -0
  11. package/dist/es/a/AppContext/ContextProvider.js +78 -0
  12. package/dist/es/a/AppContext/index.js +5 -0
  13. package/dist/es/{c/BlogContext/useBlog.js → a/AppContext/useApp.js} +0 -0
  14. package/dist/es/a/AppContext/useTheme.js +34 -0
  15. package/dist/es/a/index.js +1 -1
  16. package/dist/es/b/Page/common/PageHelmet/PageHelmet.js +2 -2
  17. package/dist/es/b/SocialMediaButton/SocialMediaButton.js +5 -5
  18. package/dist/es/b/ThemeSelector/ThemeSelector.js +2 -2
  19. package/package.json +1 -1
  20. package/src/__snapshots__/Storyshots.test.js.snap +2 -2
  21. package/src/stories/a/{SiteContext.stories.jsx → AppContext.stories.jsx} +8 -8
  22. package/src/stories/b/SocialMediaButton.stories.jsx +6 -6
  23. package/src/stories/b/ThemeSelector.stories.jsx +5 -5
  24. package/src/stories/c/ContentSlides.stories.jsx +6 -6
  25. package/src/ui/a/{SiteContext → AppContext}/Context.js +0 -0
  26. package/src/ui/a/{SiteContext → AppContext}/ContextProvider.jsx +8 -7
  27. package/src/ui/a/AppContext/index.js +5 -0
  28. package/src/ui/a/{SiteContext/useSite.js → AppContext/useApp.js} +0 -0
  29. package/src/ui/a/{SiteContext → AppContext}/useTheme.js +0 -0
  30. package/src/ui/a/index.js +4 -4
  31. package/src/ui/b/Page/common/PageHelmet/PageHelmet.jsx +2 -2
  32. package/src/ui/b/SocialMediaButton/SocialMediaButton.jsx +4 -4
  33. package/src/ui/b/ThemeSelector/ThemeSelector.jsx +2 -2
  34. package/dist/cjs/a/GradientBackground/GradientBackground.js +0 -140
  35. package/dist/cjs/a/GradientBackground/index.js +0 -15
  36. package/dist/cjs/a/GradientBackground/styles.scss +0 -191
  37. package/dist/cjs/a/Popover/common/Divider/Divider.js +0 -67
  38. package/dist/cjs/a/Popover/common/Divider/index.js +0 -15
  39. package/dist/cjs/a/Popover/common/Item/Item.js +0 -67
  40. package/dist/cjs/a/Popover/common/Item/index.js +0 -15
  41. package/dist/cjs/a/Popover/common/index.js +0 -21
  42. package/dist/cjs/c/AcceptCookies/AcceptCookies.js +0 -134
  43. package/dist/cjs/c/AcceptCookies/index.js +0 -15
  44. package/dist/cjs/c/AcceptCookies/styles.scss +0 -49
  45. package/dist/cjs/c/BlogCategoryButton/BlogCategoryButton.js +0 -95
  46. package/dist/cjs/c/BlogCategoryButton/index.js +0 -15
  47. package/dist/cjs/c/BlogContext/BlogContextProvider.js +0 -63
  48. package/dist/cjs/c/BlogContext/ContextProvider.js +0 -63
  49. package/dist/cjs/c/BlogPost/BlogPost.js +0 -147
  50. package/dist/cjs/c/BlogPost/index.js +0 -15
  51. package/dist/cjs/c/BlogPost/styles.scss +0 -33
  52. package/dist/cjs/c/BlogPostsList/BlogPostsList.js +0 -73
  53. package/dist/cjs/c/BlogPostsList/common/Card/Card.js +0 -170
  54. package/dist/cjs/c/BlogPostsList/common/Card/index.js +0 -15
  55. package/dist/cjs/c/BlogPostsList/common/index.js +0 -13
  56. package/dist/cjs/c/BlogPostsList/index.js +0 -15
  57. package/dist/cjs/c/BlogPostsList/styles.scss +0 -72
  58. package/dist/cjs/c/SiteFooter/SiteFooter.js +0 -73
  59. package/dist/cjs/c/SiteFooter/common/Section/index.js +0 -15
  60. package/dist/cjs/c/SiteFooter/common/index.js +0 -13
  61. package/dist/cjs/c/SiteFooter/index.js +0 -15
  62. package/dist/cjs/c/SiteFooter/styles.scss +0 -34
  63. package/dist/cjs/c/SiteHeaderCTA/SiteHeaderCTA.js +0 -108
  64. package/dist/cjs/c/SiteHeaderCTA/index.js +0 -15
  65. package/dist/cjs/c/SiteHeaderCTA/styles.scss +0 -44
  66. package/dist/cjs/c/SiteMission/SiteMission.js +0 -113
  67. package/dist/cjs/c/SiteMission/index.js +0 -15
  68. package/dist/cjs/c/SiteMission/styles.scss +0 -30
  69. package/dist/cjs/c/SiteNavigation/SiteNavigation.js +0 -130
  70. package/dist/cjs/c/SiteNavigation/index.js +0 -15
  71. package/dist/cjs/c/SiteNavigation/styles.scss +0 -118
  72. package/dist/cjs/c/SiteOnboardingStep/SiteOnboardingStep.js +0 -98
  73. package/dist/cjs/c/SiteOnboardingStep/index.js +0 -15
  74. package/dist/cjs/c/SiteOnboardingStep/styles.scss +0 -51
  75. package/dist/cjs/c/SitePricing/SitePricing.js +0 -108
  76. package/dist/cjs/c/SitePricing/index.js +0 -15
  77. package/dist/cjs/c/SitePricing/styles.scss +0 -73
  78. package/dist/cjs/c/SiteServices/SiteServices.js +0 -211
  79. package/dist/cjs/c/SiteServices/index.js +0 -15
  80. package/dist/cjs/c/SiteServices/styles.scss +0 -138
  81. package/dist/cjs/c/TeamGallery/TeamGallery.js +0 -80
  82. package/dist/cjs/c/TeamGallery/common/PersonCard/PersonCard.js +0 -84
  83. package/dist/cjs/c/TeamGallery/common/PersonCard/index.js +0 -15
  84. package/dist/cjs/c/TeamGallery/common/index.js +0 -13
  85. package/dist/cjs/c/TeamGallery/index.js +0 -15
  86. package/dist/cjs/c/TeamGallery/styles.scss +0 -100
  87. package/dist/cjs/c/Testimonials/Testimonials.js +0 -119
  88. package/dist/cjs/c/Testimonials/index.js +0 -15
  89. package/dist/cjs/c/Testimonials/styles.scss +0 -112
  90. package/dist/cjs/experimental/GradientBackground/GradientBackground.js +0 -98
  91. package/dist/cjs/experimental/GradientBackground/index.js +0 -15
  92. package/dist/cjs/experimental/GradientBackground/styles.scss +0 -64
  93. package/dist/cjs/experimental/index.js +0 -13
  94. package/dist/cjs/f/fields/CheckboxInput/CheckboxInput.js +0 -105
  95. package/dist/cjs/f/fields/CheckboxInput/index.js +0 -15
  96. package/dist/cjs/f/fields/CheckboxInput/styles.scss +0 -28
  97. package/dist/cjs/f/fields/QuerySelect/styles.scss +0 -21
  98. package/dist/cjs/f/fields/RadioInput/RadioInput.js +0 -110
  99. package/dist/cjs/f/fields/RadioInput/index.js +0 -15
  100. package/dist/cjs/f/fields/RadioInput/styles.scss +0 -26
  101. package/dist/cjs/f/fields/TaskRecommendation/TaskRecommendation.js +0 -129
  102. package/dist/cjs/f/fields/TaskRecommendation/index.js +0 -15
  103. package/dist/cjs/f/fields/TaskRecommendation/styles.scss +0 -37
  104. package/dist/cjs/f/fields/TaskRecommendationInput/TaskRecommendationInput.js +0 -131
  105. package/dist/cjs/f/fields/TaskRecommendationInput/index.js +0 -15
  106. package/dist/cjs/f/fields/TaskRecommendationInput/styles.scss +0 -41
  107. package/dist/cjs/f/fields/TextArea/TextArea.js +0 -141
  108. package/dist/cjs/f/fields/TextArea/index.js +0 -15
  109. package/dist/cjs/f/fields/TextArea/styles.scss +0 -19
  110. package/dist/cjs/test/QueryLoader/styles.scss +0 -9
  111. package/dist/es/a/GradientBackground/GradientBackground.js +0 -118
  112. package/dist/es/a/GradientBackground/index.js +0 -2
  113. package/dist/es/a/GradientBackground/styles.scss +0 -191
  114. package/dist/es/a/Popover/common/Divider/Divider.js +0 -47
  115. package/dist/es/a/Popover/common/Divider/index.js +0 -2
  116. package/dist/es/a/Popover/common/Item/Item.js +0 -47
  117. package/dist/es/a/Popover/common/Item/index.js +0 -2
  118. package/dist/es/a/Popover/common/index.js +0 -2
  119. package/dist/es/c/AcceptCookies/AcceptCookies.js +0 -117
  120. package/dist/es/c/AcceptCookies/index.js +0 -2
  121. package/dist/es/c/AcceptCookies/styles.scss +0 -49
  122. package/dist/es/c/BlogCategoryButton/BlogCategoryButton.js +0 -68
  123. package/dist/es/c/BlogCategoryButton/index.js +0 -2
  124. package/dist/es/c/BlogContext/BlogContextProvider.js +0 -45
  125. package/dist/es/c/BlogContext/ContextProvider.js +0 -45
  126. package/dist/es/c/BlogContext/index.js +0 -4
  127. package/dist/es/c/BlogPost/BlogPost.js +0 -128
  128. package/dist/es/c/BlogPost/index.js +0 -2
  129. package/dist/es/c/BlogPost/styles.scss +0 -33
  130. package/dist/es/c/BlogPostsList/BlogPostsList.js +0 -56
  131. package/dist/es/c/BlogPostsList/common/Card/Card.js +0 -143
  132. package/dist/es/c/BlogPostsList/common/Card/index.js +0 -2
  133. package/dist/es/c/BlogPostsList/common/index.js +0 -1
  134. package/dist/es/c/BlogPostsList/index.js +0 -2
  135. package/dist/es/c/BlogPostsList/styles.scss +0 -72
  136. package/dist/es/c/SiteFooter/SiteFooter.js +0 -56
  137. package/dist/es/c/SiteFooter/common/Section/Section.js +0 -73
  138. package/dist/es/c/SiteFooter/common/Section/index.js +0 -2
  139. package/dist/es/c/SiteFooter/common/index.js +0 -1
  140. package/dist/es/c/SiteFooter/index.js +0 -2
  141. package/dist/es/c/SiteFooter/styles.scss +0 -34
  142. package/dist/es/c/SiteHeaderCTA/SiteHeaderCTA.js +0 -92
  143. package/dist/es/c/SiteHeaderCTA/index.js +0 -2
  144. package/dist/es/c/SiteHeaderCTA/styles.scss +0 -44
  145. package/dist/es/c/SiteMission/SiteMission.js +0 -96
  146. package/dist/es/c/SiteMission/index.js +0 -2
  147. package/dist/es/c/SiteMission/styles.scss +0 -30
  148. package/dist/es/c/SiteNavigation/SiteNavigation.js +0 -111
  149. package/dist/es/c/SiteNavigation/index.js +0 -2
  150. package/dist/es/c/SiteNavigation/styles.scss +0 -118
  151. package/dist/es/c/SiteOnboardingStep/SiteOnboardingStep.js +0 -81
  152. package/dist/es/c/SiteOnboardingStep/index.js +0 -2
  153. package/dist/es/c/SiteOnboardingStep/styles.scss +0 -51
  154. package/dist/es/c/SitePricing/SitePricing.js +0 -91
  155. package/dist/es/c/SitePricing/index.js +0 -2
  156. package/dist/es/c/SitePricing/styles.scss +0 -73
  157. package/dist/es/c/SiteServices/SiteServices.js +0 -195
  158. package/dist/es/c/SiteServices/index.js +0 -2
  159. package/dist/es/c/SiteServices/styles.scss +0 -138
  160. package/dist/es/c/TeamGallery/TeamGallery.js +0 -64
  161. package/dist/es/c/TeamGallery/common/PersonCard/PersonCard.js +0 -64
  162. package/dist/es/c/TeamGallery/common/PersonCard/index.js +0 -2
  163. package/dist/es/c/TeamGallery/common/index.js +0 -1
  164. package/dist/es/c/TeamGallery/index.js +0 -2
  165. package/dist/es/c/TeamGallery/styles.scss +0 -100
  166. package/dist/es/c/Testimonials/Testimonials.js +0 -99
  167. package/dist/es/c/Testimonials/index.js +0 -2
  168. package/dist/es/c/Testimonials/styles.scss +0 -112
  169. package/dist/es/experimental/GradientBackground/GradientBackground.js +0 -76
  170. package/dist/es/experimental/GradientBackground/index.js +0 -2
  171. package/dist/es/experimental/GradientBackground/styles.scss +0 -64
  172. package/dist/es/experimental/index.js +0 -1
  173. package/dist/es/f/fields/CheckboxInput/CheckboxInput.js +0 -85
  174. package/dist/es/f/fields/CheckboxInput/index.js +0 -2
  175. package/dist/es/f/fields/CheckboxInput/styles.scss +0 -28
  176. package/dist/es/f/fields/QuerySelect/styles.scss +0 -21
  177. package/dist/es/f/fields/RadioInput/RadioInput.js +0 -90
  178. package/dist/es/f/fields/RadioInput/index.js +0 -2
  179. package/dist/es/f/fields/RadioInput/styles.scss +0 -26
  180. package/dist/es/f/fields/TaskRecommendation/TaskRecommendation.js +0 -111
  181. package/dist/es/f/fields/TaskRecommendation/index.js +0 -2
  182. package/dist/es/f/fields/TaskRecommendation/styles.scss +0 -37
  183. package/dist/es/f/fields/TaskRecommendationInput/TaskRecommendationInput.js +0 -111
  184. package/dist/es/f/fields/TaskRecommendationInput/index.js +0 -2
  185. package/dist/es/f/fields/TaskRecommendationInput/styles.scss +0 -41
  186. package/dist/es/f/fields/TextArea/TextArea.js +0 -124
  187. package/dist/es/f/fields/TextArea/index.js +0 -2
  188. package/dist/es/f/fields/TextArea/styles.scss +0 -19
  189. package/dist/es/test/QueryLoader/styles.scss +0 -9
  190. package/src/ui/a/SiteContext/index.js +0 -5
@@ -1,98 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
-
8
- var React = _interopRequireWildcard(require("react"));
9
-
10
- var _propTypes = _interopRequireDefault(require("prop-types"));
11
-
12
- var _bem = _interopRequireDefault(require("@pareto-engineering/bem"));
13
-
14
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
-
16
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
17
-
18
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
19
-
20
- function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
21
-
22
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
23
-
24
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
25
-
26
- // Local Definitions
27
- var baseClassName = _bem.default.base;
28
- var componentClassName = 'gradient-background';
29
- /**
30
- * This is the component description.
31
- */
32
-
33
- var GradientBackground = _ref => {
34
- var {
35
- id,
36
- className: userClassName,
37
- style,
38
- pin,
39
- shape // ...otherProps
40
-
41
- } = _ref;
42
- (0, React.useLayoutEffect)(() => {
43
- Promise.resolve().then(() => _interopRequireWildcard(require("./styles.scss")));
44
- }, []);
45
- return /*#__PURE__*/React.createElement("div", {
46
- id: id,
47
- className: [baseClassName, componentClassName, userClassName].filter(e => e).join(' '),
48
- style: _objectSpread(_objectSpread({}, style), {}, {
49
- '--pin': pin
50
- }) // {...otherProps}
51
-
52
- }, /*#__PURE__*/React.createElement("div", {
53
- className: "shapes"
54
- }, shape === 'triangle' && /*#__PURE__*/React.createElement("div", {
55
- className: "triangle"
56
- }), shape === 'ellipses' && /*#__PURE__*/React.createElement("div", {
57
- className: "ellipses"
58
- }, /*#__PURE__*/React.createElement("div", {
59
- className: "up"
60
- }), /*#__PURE__*/React.createElement("div", {
61
- className: "down"
62
- })), shape === 'ellipse' && /*#__PURE__*/React.createElement("div", {
63
- className: "ellipse"
64
- })));
65
- };
66
-
67
- GradientBackground.propTypes = {
68
- /**
69
- * The HTML id for this element
70
- */
71
- id: _propTypes.default.string,
72
-
73
- /**
74
- * The HTML class names for this element
75
- */
76
- className: _propTypes.default.string,
77
-
78
- /**
79
- * The React-written, css properties for this element.
80
- */
81
- style: _propTypes.default.objectOf(_propTypes.default.string),
82
-
83
- /**
84
- * Where to pin the shapes
85
- */
86
- pin: _propTypes.default.oneOf(['flex-start', 'center', 'flex-end']),
87
-
88
- /**
89
- *
90
- */
91
- shape: _propTypes.default.oneOf(['triangle', 'ellipse', 'spiral', 'diamonds', 'circles', 'ellipses'])
92
- };
93
- GradientBackground.defaultProps = {
94
- pin: 'center',
95
- shape: 'triangle'
96
- };
97
- var _default = GradientBackground;
98
- exports.default = _default;
@@ -1,15 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- Object.defineProperty(exports, "GradientBackground", {
7
- enumerable: true,
8
- get: function get() {
9
- return _GradientBackground.default;
10
- }
11
- });
12
-
13
- var _GradientBackground = _interopRequireDefault(require("./GradientBackground"));
14
-
15
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -1,64 +0,0 @@
1
- /* @pareto-engineering/generator-front 1.0.12 */
2
-
3
- @use "@pareto-engineering/bem";
4
-
5
- $default-triangle-dimension:30em;
6
- $default-ellipses-dimension:50em;
7
- $default-ellipse-dimension:80em;
8
- $default-shapes-opacity:.8;
9
-
10
- .#{bem.$base}.gradient-background {
11
- align-items: center;
12
- background: var(--light-y);
13
- display: flex;
14
- flex-direction: column;
15
- height: 100%;
16
- justify-content: var(--pin);
17
- position: absolute;
18
- width: 100%;
19
-
20
- .shapes {
21
- display: flex;
22
- justify-content: center;
23
-
24
- .triangle {
25
- background-image: linear-gradient(var(--light-y), var(--dark-y));
26
- clip-path: polygon(0 0, 50% 100%, 100% 0);
27
- height: $default-triangle-dimension * .86;
28
- opacity: $default-shapes-opacity;
29
- width: $default-triangle-dimension;
30
- }
31
-
32
- .ellipses {
33
-
34
- height: $default-ellipses-dimension / 2;
35
- width: $default-ellipses-dimension;
36
- opacity: $default-shapes-opacity;
37
-
38
- .up {
39
- background-image: linear-gradient(var(--light-y), var(--y));
40
- clip-path: ellipse(40% 100% at 50% 0%);
41
- height:50%;
42
- }
43
-
44
- .down {
45
- background-image: linear-gradient(to top, var(--light-y), var(--y));
46
- clip-path: ellipse(40% 100% at 50% 100%);
47
- height:50%;
48
- }
49
-
50
- }
51
-
52
- .ellipse {
53
- height: $default-ellipse-dimension / 1.5;
54
- width: $default-ellipse-dimension;
55
- background-image: linear-gradient( to top left, var(--dark-y), var(--light-y),var(--dark-y));
56
- clip-path: ellipse(50% 25% at 50% 50%);
57
- opacity: $default-shapes-opacity;
58
- transform: rotate3d(0, 0, -1, 10deg);
59
- }
60
-
61
- }
62
- }
63
-
64
-
@@ -1,13 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- Object.defineProperty(exports, "GradientBackground", {
7
- enumerable: true,
8
- get: function get() {
9
- return _GradientBackground.GradientBackground;
10
- }
11
- });
12
-
13
- var _GradientBackground = require("./GradientBackground");
@@ -1,105 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
-
8
- var React = _interopRequireWildcard(require("react"));
9
-
10
- var _formik = require("formik");
11
-
12
- var _propTypes = _interopRequireDefault(require("prop-types"));
13
-
14
- var _bem = _interopRequireDefault(require("@pareto-engineering/bem"));
15
-
16
- var _common = require("../../common");
17
-
18
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
19
-
20
- function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
21
-
22
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
23
-
24
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
25
-
26
- // Local Definitions
27
- var baseClassName = _bem.default.base;
28
- var componentClassName = 'checkbox-input';
29
- /**
30
- * This is the component description.
31
- */
32
-
33
- var CheckboxInput = _ref => {
34
- var _field$value;
35
-
36
- var {
37
- id,
38
- className: userClassName,
39
- style,
40
- children,
41
- value,
42
- name // ...otherProps
43
-
44
- } = _ref;
45
- (0, React.useLayoutEffect)(() => {
46
- Promise.resolve().then(() => _interopRequireWildcard(require("./styles.scss")));
47
- }, []);
48
- var [field, meta] = (0, _formik.useField)(name);
49
- var isOptionSelected = !!(((_field$value = field.value) === null || _field$value === void 0 ? void 0 : _field$value.length) > 0 && field.value.includes(value));
50
- return /*#__PURE__*/React.createElement("div", {
51
- id: id,
52
- className: [baseClassName, componentClassName, userClassName].filter(e => e).join(' '),
53
- style: style // {...otherProps}
54
-
55
- }, /*#__PURE__*/React.createElement("div", {
56
- className: "".concat(isOptionSelected ? 'selected' : 'not-selected', " input-content uc v1 pv-v")
57
- }, /*#__PURE__*/React.createElement(_common.FormLabel, {
58
- name: name
59
- }, /*#__PURE__*/React.createElement("input", _extends({}, field, {
60
- id: name,
61
- value: value,
62
- className: "input",
63
- type: "checkbox"
64
- })), /*#__PURE__*/React.createElement("span", null, children))), meta.error && meta.touched && /*#__PURE__*/React.createElement(_common.FormDescription, {
65
- error: true
66
- }, meta.error));
67
- };
68
-
69
- CheckboxInput.propTypes = {
70
- /**
71
- * The HTML id for this element
72
- */
73
- id: _propTypes.default.string,
74
-
75
- /**
76
- * The HTML class names for this element
77
- */
78
- className: _propTypes.default.string,
79
-
80
- /**
81
- * The input name (html - and Formik state)
82
- */
83
- name: _propTypes.default.string.isRequired,
84
-
85
- /**
86
- * The input value
87
- */
88
- value: _propTypes.default.string.isRequired,
89
-
90
- /**
91
- * The React-written, css properties for this element.
92
- */
93
- style: _propTypes.default.objectOf(_propTypes.default.string),
94
-
95
- /**
96
- * The children JSX
97
- */
98
- children: _propTypes.default.node
99
- };
100
- CheckboxInput.defaultProps = {// someProp:false
101
- };
102
-
103
- var _default = /*#__PURE__*/(0, React.memo)(CheckboxInput);
104
-
105
- exports.default = _default;
@@ -1,15 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- Object.defineProperty(exports, "CheckboxInput", {
7
- enumerable: true,
8
- get: function get() {
9
- return _CheckboxInput.default;
10
- }
11
- });
12
-
13
- var _CheckboxInput = _interopRequireDefault(require("./CheckboxInput"));
14
-
15
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -1,28 +0,0 @@
1
- /* @pareto-engineering/generator-front 1.0.12 */
2
-
3
- @use "@pareto-engineering/bem";
4
- @use "../../../form.scss";
5
-
6
-
7
- .#{bem.$base}.checkbox-input {
8
- height: 100%;
9
-
10
- .input-content {
11
- border-radius: var(--theme-border-radius);
12
- height: 100%;
13
- }
14
-
15
- .input {
16
- @include form.radio-checkbox-input;
17
- }
18
-
19
-
20
- .not-selected {
21
- @include form.radio-checkbox-input-not-selected;
22
- }
23
-
24
-
25
- .selected {
26
- @include form.radio-checkbox-input-selected;
27
- }
28
- }
@@ -1,21 +0,0 @@
1
- /* @pareto-engineering/generator-front 1.0.12 */
2
- @use "@pareto-engineering/bem";
3
-
4
- $default-loading-circle-displacement: .8em;
5
-
6
- .#{bem.$base}.query-select {
7
- position: relative;
8
-
9
-
10
- >.#{bem.$base}.select-input {
11
- select:disabled {
12
- appearance: none;
13
- }
14
- }
15
-
16
- >.#{bem.$base}.loading-circle {
17
- position: absolute;
18
- right: $default-loading-circle-displacement;
19
- bottom: $default-loading-circle-displacement;
20
- }
21
- }
@@ -1,110 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
-
8
- var React = _interopRequireWildcard(require("react"));
9
-
10
- var _formik = require("formik");
11
-
12
- var _propTypes = _interopRequireDefault(require("prop-types"));
13
-
14
- var _bem = _interopRequireDefault(require("@pareto-engineering/bem"));
15
-
16
- var _common = require("../../common");
17
-
18
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
19
-
20
- function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
21
-
22
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
23
-
24
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
25
-
26
- // Local Definitions
27
- var baseClassName = _bem.default.base;
28
- var componentClassName = 'radio-input';
29
- /**
30
- * This is the component description.
31
- */
32
-
33
- var RadioInput = _ref => {
34
- var {
35
- id,
36
- className: userClassName,
37
- children,
38
- style,
39
- name,
40
- value // ...otherProps
41
-
42
- } = _ref;
43
- (0, React.useLayoutEffect)(() => {
44
- Promise.resolve().then(() => _interopRequireWildcard(require("./styles.scss")));
45
- }, []);
46
- var [field, meta] = (0, _formik.useField)(name);
47
- var isOptionSelected = field.value === value;
48
- return /*#__PURE__*/React.createElement("div", {
49
- id: id,
50
- className: [baseClassName, componentClassName, userClassName].filter(e => e).join(' '),
51
- style: style // {...otherProps}
52
-
53
- }, /*#__PURE__*/React.createElement("div", {
54
- className: "".concat(isOptionSelected ? 'selected' : 'not-selected', " uc v1 pv-v")
55
- }, /*#__PURE__*/React.createElement(_common.FormLabel, {
56
- name: name
57
- }, /*#__PURE__*/React.createElement("input", _extends({}, field, {
58
- id: name,
59
- className: "input",
60
- type: "radio",
61
- value: value
62
- })), /*#__PURE__*/React.createElement("span", {
63
- className: "text"
64
- }, children))), meta.error && meta.touched && /*#__PURE__*/React.createElement(_common.FormDescription, {
65
- error: true
66
- }, meta.error));
67
- };
68
-
69
- RadioInput.propTypes = {
70
- /**
71
- * The HTML id for this element
72
- */
73
- id: _propTypes.default.string,
74
-
75
- /**
76
- * The HTML class names for this element
77
- */
78
- className: _propTypes.default.string,
79
-
80
- /**
81
- * The React-written, css properties for this element.
82
- */
83
- style: _propTypes.default.objectOf(_propTypes.default.string),
84
-
85
- /**
86
- * The children JSX
87
- */
88
- children: _propTypes.default.node,
89
-
90
- /**
91
- * The name of the radio input
92
- */
93
- name: _propTypes.default.string,
94
-
95
- /**
96
- * The value of the radio input
97
- */
98
- value: _propTypes.default.string,
99
-
100
- /**
101
- * The label of the radio input
102
- */
103
- label: _propTypes.default.string
104
- };
105
- RadioInput.defaultProps = {// someProp:false
106
- };
107
-
108
- var _default = /*#__PURE__*/(0, React.memo)(RadioInput);
109
-
110
- exports.default = _default;
@@ -1,15 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- Object.defineProperty(exports, "RadioInput", {
7
- enumerable: true,
8
- get: function get() {
9
- return _RadioInput.default;
10
- }
11
- });
12
-
13
- var _RadioInput = _interopRequireDefault(require("./RadioInput"));
14
-
15
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -1,26 +0,0 @@
1
- /* @pareto-engineering/generator-front 1.0.12 */
2
-
3
- @use "@pareto-engineering/bem";
4
- @use "../../../form.scss";
5
-
6
-
7
- .#{bem.$base}.radio-input {
8
- .input {
9
- @include form.radio-checkbox-input;
10
- }
11
-
12
- .not-selected {
13
- @include form.radio-checkbox-input-not-selected;
14
- }
15
-
16
-
17
- .selected {
18
- @include form.radio-checkbox-input-selected;
19
- }
20
-
21
- .text {
22
- color: inherit;
23
- }
24
- }
25
-
26
-
@@ -1,129 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
-
8
- var React = _interopRequireWildcard(require("react"));
9
-
10
- var _propTypes = _interopRequireDefault(require("prop-types"));
11
-
12
- var _formik = require("formik");
13
-
14
- var _bem = _interopRequireDefault(require("@pareto-engineering/bem"));
15
-
16
- var _common = require("../../common");
17
-
18
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
19
-
20
- function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
21
-
22
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
23
-
24
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
25
-
26
- // Local Definitions
27
- var baseClassName = _bem.default.base;
28
- var componentClassName = 'task-recommendation';
29
- /**
30
- * This is the component description.
31
- */
32
-
33
- var TaskRecommendation = _ref => {
34
- var _field$value;
35
-
36
- var {
37
- id,
38
- className: userClassName,
39
- style,
40
- name,
41
- value,
42
- oneLiner,
43
- label,
44
- color,
45
- image // ...otherProps
46
-
47
- } = _ref;
48
- (0, React.useLayoutEffect)(() => {
49
- Promise.resolve().then(() => _interopRequireWildcard(require("./styles.scss")));
50
- }, []);
51
- var [field] = (0, _formik.useField)(name);
52
- var isOptionSelected = !!(((_field$value = field.value) === null || _field$value === void 0 ? void 0 : _field$value.length) > 0 && field.value.includes(value));
53
- return /*#__PURE__*/React.createElement("div", {
54
- id: id,
55
- className: [baseClassName, componentClassName, userClassName, "x-".concat(color)].filter(e => e).join(' '),
56
- style: style // {...otherProps}
57
-
58
- }, /*#__PURE__*/React.createElement("div", {
59
- className: "task-content ".concat(isOptionSelected ? 'b-x' : 'b-on-x')
60
- }, /*#__PURE__*/React.createElement("div", {
61
- className: "v1 p-v task"
62
- }, /*#__PURE__*/React.createElement(_common.FormLabel, {
63
- className: "uc mb-v ".concat(isOptionSelected ? 'c-on-x' : 'c-x'),
64
- name: name
65
- }, label), /*#__PURE__*/React.createElement("input", _extends({}, field, {
66
- value: value,
67
- id: name,
68
- className: "input",
69
- type: "checkbox"
70
- })), /*#__PURE__*/React.createElement("img", {
71
- className: "image",
72
- src: image,
73
- alt: "img"
74
- }), /*#__PURE__*/React.createElement("p", {
75
- className: ['uc u2 mt-u', isOptionSelected && 'c-on-x'].filter(e => e).join(' ')
76
- }, oneLiner))));
77
- };
78
-
79
- TaskRecommendation.propTypes = {
80
- /**
81
- * The HTML id for this element
82
- */
83
- id: _propTypes.default.string,
84
-
85
- /**
86
- * The HTML class names for this element
87
- */
88
- className: _propTypes.default.string,
89
-
90
- /**
91
- * The React-written, css properties for this element.
92
- */
93
- style: _propTypes.default.objectOf(_propTypes.default.string),
94
-
95
- /**
96
- * The name of the input
97
- */
98
- name: _propTypes.default.string.isRequired,
99
-
100
- /**
101
- * The value of the input
102
- */
103
- value: _propTypes.default.string.isRequired,
104
-
105
- /**
106
- * The task one liner description
107
- */
108
- oneLiner: _propTypes.default.string.isRequired,
109
-
110
- /**
111
- * The task label
112
- */
113
- label: _propTypes.default.string.isRequired,
114
-
115
- /**
116
- * The color
117
- */
118
- color: _propTypes.default.string,
119
-
120
- /**
121
- * Task image
122
- */
123
- image: _propTypes.default.string.isRequired
124
- };
125
- TaskRecommendation.defaultProps = {
126
- color: 'main2'
127
- };
128
- var _default = TaskRecommendation;
129
- exports.default = _default;
@@ -1,15 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- Object.defineProperty(exports, "TaskRecommendation", {
7
- enumerable: true,
8
- get: function get() {
9
- return _TaskRecommendation.default;
10
- }
11
- });
12
-
13
- var _TaskRecommendation = _interopRequireDefault(require("./TaskRecommendation"));
14
-
15
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }