@uncinc/uncinc-react-kitchen-sink 2.4.0 → 2.4.1
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.
- package/dist/Context/KitchenSinkComponentMapperContext.js +11 -3
- package/dist/Context/ViewportContext.js +27 -14
- package/dist/Context/withMapping.js +26 -15
- package/dist/components/AbbreviationAnnotation/index.js +49 -27
- package/dist/components/AbbreviationAnnotation/stories.js +32 -21
- package/dist/components/Accordion/AccordionItem/index.js +55 -36
- package/dist/components/Accordion/AccordionItemVariant/index.js +47 -25
- package/dist/components/Accordion/index.js +17 -10
- package/dist/components/Accordion/stories.js +38 -24
- package/dist/components/ApiAutocomplete/index.js +79 -51
- package/dist/components/ApiAutocomplete/stories.js +18 -9
- package/dist/components/Button/index.js +43 -33
- package/dist/components/Button/stories.js +52 -30
- package/dist/components/Cookie/Checkbox/index.js +23 -16
- package/dist/components/Cookie/index.js +146 -115
- package/dist/components/Cookie/stories.js +57 -39
- package/dist/components/Dialog/index.d.ts +38 -0
- package/dist/components/Dialog/index.js +63 -56
- package/dist/components/Dialog/stories.js +31 -17
- package/dist/components/FontSizeSwitcher/index.js +58 -32
- package/dist/components/FontSizeSwitcher/stories.js +23 -9
- package/dist/components/Form/Checkbox/index.js +43 -37
- package/dist/components/Form/Checkbox/stories.js +20 -11
- package/dist/components/Form/Checkboxes/index.js +62 -57
- package/dist/components/Form/Checkboxes/index.test.js +113 -62
- package/dist/components/Form/Checkboxes/stories.js +23 -12
- package/dist/components/Form/Date/index.js +13 -5
- package/dist/components/Form/Date/stories.js +18 -9
- package/dist/components/Form/DatePicker/index.js +39 -33
- package/dist/components/Form/DatePicker/stories.js +18 -9
- package/dist/components/Form/DateSelect/index.js +99 -62
- package/dist/components/Form/DateSelect/stories.js +32 -11
- package/dist/components/Form/Email/index.js +13 -5
- package/dist/components/Form/Email/stories.js +18 -9
- package/dist/components/Form/FormikWrapper/index.js +52 -45
- package/dist/components/Form/GenericFormElement/index.js +39 -34
- package/dist/components/Form/Number/index.js +23 -18
- package/dist/components/Form/Number/stories.js +18 -9
- package/dist/components/Form/RadioButtons/index.js +53 -49
- package/dist/components/Form/RadioButtons/index.test.js +106 -57
- package/dist/components/Form/RadioButtons/stories.js +23 -12
- package/dist/components/Form/SearchField/index.js +37 -30
- package/dist/components/Form/Select/Input/index.js +55 -49
- package/dist/components/Form/Select/index.js +32 -24
- package/dist/components/Form/Select/stories.js +25 -15
- package/dist/components/Form/TextField/index.js +38 -33
- package/dist/components/Form/TextField/index.test.js +104 -56
- package/dist/components/Form/TextField/stories.js +22 -11
- package/dist/components/Form/Textarea/index.js +34 -27
- package/dist/components/Form/Textarea/stories.js +18 -9
- package/dist/components/Hamburger/index.js +30 -19
- package/dist/components/Hamburger/stories.js +42 -16
- package/dist/components/Header/index.js +67 -39
- package/dist/components/Header/stories.js +48 -28
- package/dist/components/Image/Background/index.js +36 -21
- package/dist/components/Image/LazyLoadWrapper/index.js +101 -64
- package/dist/components/Image/Picture/index.js +83 -65
- package/dist/components/Image/index.js +21 -15
- package/dist/components/Image/stories.js +87 -64
- package/dist/components/InlineMenu/index.js +60 -38
- package/dist/components/InlineMenu/stories.js +66 -55
- package/dist/components/Layout/Container/index.js +29 -21
- package/dist/components/Layout/Container/stories.js +104 -83
- package/dist/components/Layout/QuickLayout/Auto/index.js +19 -12
- package/dist/components/Layout/QuickLayout/Center/index.js +17 -10
- package/dist/components/Layout/QuickLayout/Clamp/index.js +20 -13
- package/dist/components/Layout/QuickLayout/Sidebar/index.js +20 -13
- package/dist/components/Layout/QuickLayout/SpaceBetween/index.js +20 -13
- package/dist/components/Layout/QuickLayout/Stack/index.js +21 -11
- package/dist/components/Layout/QuickLayout/Wrap/index.js +21 -14
- package/dist/components/Layout/QuickLayout/index.js +31 -21
- package/dist/components/Layout/QuickLayout/stories.js +102 -70
- package/dist/components/Lottie/LottieAnimation/index.js +55 -56
- package/dist/components/Lottie/LottieAnimationWithMousePosition.js +31 -18
- package/dist/components/Lottie/index.js +47 -35
- package/dist/components/Lottie/stories.js +54 -31
- package/dist/components/MagicLine/index.js +50 -27
- package/dist/components/MagicLine/stories.js +60 -46
- package/dist/components/NavigationScroll/index.js +71 -49
- package/dist/components/NavigationScroll/stories.js +19 -8
- package/dist/components/Pagination/index.js +48 -41
- package/dist/components/Pagination/stories.js +51 -28
- package/dist/components/SearchKit/Facets/ChipFacet/index.js +24 -16
- package/dist/components/SearchKit/Facets/ListFacet/index.js +23 -15
- package/dist/components/SearchKit/Facets/SelectFacet/index.js +39 -30
- package/dist/components/SearchKit/Query/index.js +41 -23
- package/dist/components/SearchKit/SearchFacets/index.js +36 -23
- package/dist/components/SearchKit/SearchField/index.js +49 -25
- package/dist/components/SearchKit/SearchLoadMore/index.js +22 -15
- package/dist/components/SearchKit/SearchPage/index.js +22 -14
- package/dist/components/SearchKit/SearchPagination/index.js +17 -10
- package/dist/components/SearchKit/SearchReset/index.js +25 -16
- package/dist/components/SearchKit/SearchResults/index.js +108 -59
- package/dist/components/SearchKit/SearchSelectedFilters/Filters/CustomValue/index.js +17 -10
- package/dist/components/SearchKit/SearchSelectedFilters/Filters/DateRange/index.js +18 -11
- package/dist/components/SearchKit/SearchSelectedFilters/Filters/NumericRange/index.js +18 -11
- package/dist/components/SearchKit/SearchSelectedFilters/Filters/Value/index.js +22 -12
- package/dist/components/SearchKit/SearchSelectedFilters/index.js +34 -28
- package/dist/components/SearchKit/SearchSorting/index.js +29 -19
- package/dist/components/SearchKit/index.js +72 -53
- package/dist/components/SearchKit/stories.js +141 -186
- package/dist/components/Share/index.js +48 -40
- package/dist/components/Share/stories.js +16 -5
- package/dist/components/Sliders/SliderRelated/index.js +32 -25
- package/dist/components/Sliders/SliderRelated/stories.js +75 -57
- package/dist/components/Webform/WebformActions/index.js +19 -13
- package/dist/components/Webform/WebformCheckbox/index.js +32 -24
- package/dist/components/Webform/WebformCheckboxes/index.js +37 -29
- package/dist/components/Webform/WebformContainer/index.js +17 -11
- package/dist/components/Webform/WebformDate/index.js +76 -48
- package/dist/components/Webform/WebformMapper/index.js +53 -38
- package/dist/components/Webform/WebformNumber/index.js +31 -22
- package/dist/components/Webform/WebformRadioButtons/index.js +37 -29
- package/dist/components/Webform/WebformSelect/index.js +37 -29
- package/dist/components/Webform/WebformTextField/index.js +34 -26
- package/dist/components/Webform/WebformTextarea/index.js +32 -24
- package/dist/components/Webform/WebformWizardPage/index.js +56 -43
- package/dist/components/Webform/index.js +42 -20
- package/dist/components/Webform/stories.actions.js +19 -8
- package/dist/components/Webform/stories.checkboxes.js +19 -8
- package/dist/components/Webform/stories.checked.js +20 -9
- package/dist/components/Webform/stories.container.js +19 -8
- package/dist/components/Webform/stories.date.js +19 -8
- package/dist/components/Webform/stories.filled.js +20 -9
- package/dist/components/Webform/stories.number.js +19 -8
- package/dist/components/Webform/stories.radiobuttons.js +19 -8
- package/dist/components/Webform/stories.select.js +19 -8
- package/dist/components/Webform/stories.textarea.js +19 -8
- package/dist/components/Webform/stories.textfield.js +19 -8
- package/dist/components/Webform/stories.wizard.js +19 -8
- package/dist/components/Webform/withStates.js +49 -28
- package/dist/components/WysiwygField/index.js +30 -20
- package/dist/components/WysiwygField/stories.js +39 -29
- package/dist/components/index.js +111 -15
- package/dist/config/constants.js +38 -18
- package/dist/config/i18next/index.js +19 -11
- package/dist/helpers/date.js +13 -5
- package/dist/helpers/gtm.js +27 -17
- package/dist/helpers/link.js +15 -6
- package/dist/helpers/useValueForCurrentViewPort.js +27 -10
- package/dist/hooks/useBoolean.d.ts +8 -0
- package/dist/hooks/useBoolean.js +38 -0
- package/dist/hooks/useClickOutside.d.ts +8 -0
- package/dist/hooks/useClickOutside.js +35 -0
- package/dist/hooks/useDialog.d.ts +10 -0
- package/dist/hooks/useDialog.js +39 -0
- package/dist/hooks/useDialogHelpers.d.ts +20 -0
- package/dist/hooks/{useDialogHelpers.ts → useDialogHelpers.js} +33 -43
- package/dist/hooks/useEscape.d.ts +6 -0
- package/dist/hooks/useEscape.js +24 -0
- package/dist/hooks/useOnScreen.js +27 -6
- package/dist/hooks/usePrevious.js +10 -4
- package/dist/hooks/useScrollPosition.js +25 -7
- package/dist/hooks/useTrapFocus.d.ts +10 -0
- package/dist/hooks/useTrapFocus.js +63 -0
- package/dist/hooks/useWindowDimensions.js +27 -11
- package/dist/index.js +398 -56
- package/dist/setupTests.js +9 -5
- package/package.json +6 -3
- package/dist/hooks/useBoolean.ts +0 -20
- package/dist/hooks/useClickOutside.ts +0 -38
- package/dist/hooks/useDialog.ts +0 -29
- package/dist/hooks/useEscape.ts +0 -26
- package/dist/hooks/useTrapFocus.ts +0 -80
|
@@ -1,10 +1,18 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = exports.Number = void 0;
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
|
+
var _immutable = _interopRequireDefault(require("immutable"));
|
|
9
|
+
var _ = _interopRequireDefault(require("."));
|
|
10
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
+
var _default = {
|
|
5
12
|
title: 'Organisms/Webform/Mapper'
|
|
6
13
|
};
|
|
7
|
-
|
|
14
|
+
exports.default = _default;
|
|
15
|
+
var entities = _immutable.default.fromJS({
|
|
8
16
|
'number': {
|
|
9
17
|
'#type': 'number',
|
|
10
18
|
'#title': 'Number',
|
|
@@ -24,6 +32,9 @@ const entities = Immutable.fromJS({
|
|
|
24
32
|
'#webform_plugin_id': 'number'
|
|
25
33
|
}
|
|
26
34
|
});
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
35
|
+
var Number = function Number() {
|
|
36
|
+
return /*#__PURE__*/_react.default.createElement(_.default, {
|
|
37
|
+
entities: entities
|
|
38
|
+
});
|
|
39
|
+
};
|
|
40
|
+
exports.Number = Number;
|
|
@@ -1,10 +1,18 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = exports.RadioButtons = void 0;
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
|
+
var _immutable = _interopRequireDefault(require("immutable"));
|
|
9
|
+
var _ = _interopRequireDefault(require("."));
|
|
10
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
+
var _default = {
|
|
5
12
|
title: 'Organisms/Webform/Mapper'
|
|
6
13
|
};
|
|
7
|
-
|
|
14
|
+
exports.default = _default;
|
|
15
|
+
var entities = _immutable.default.fromJS({
|
|
8
16
|
'field_3': {
|
|
9
17
|
'#type': 'radios',
|
|
10
18
|
'#title': 'Pick your poison',
|
|
@@ -29,6 +37,9 @@ const entities = Immutable.fromJS({
|
|
|
29
37
|
'#webform_plugin_id': 'radios'
|
|
30
38
|
}
|
|
31
39
|
});
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
40
|
+
var RadioButtons = function RadioButtons() {
|
|
41
|
+
return /*#__PURE__*/_react.default.createElement(_.default, {
|
|
42
|
+
entities: entities
|
|
43
|
+
});
|
|
44
|
+
};
|
|
45
|
+
exports.RadioButtons = RadioButtons;
|
|
@@ -1,10 +1,18 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = exports.Select = void 0;
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
|
+
var _immutable = _interopRequireDefault(require("immutable"));
|
|
9
|
+
var _ = _interopRequireDefault(require("."));
|
|
10
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
+
var _default = {
|
|
5
12
|
title: 'Organisms/Webform/Mapper'
|
|
6
13
|
};
|
|
7
|
-
|
|
14
|
+
exports.default = _default;
|
|
15
|
+
var entities = _immutable.default.fromJS({
|
|
8
16
|
'field_3': {
|
|
9
17
|
'#type': 'select',
|
|
10
18
|
'#title': 'Pick your poison',
|
|
@@ -29,6 +37,9 @@ const entities = Immutable.fromJS({
|
|
|
29
37
|
'#webform_plugin_id': 'select'
|
|
30
38
|
}
|
|
31
39
|
});
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
40
|
+
var Select = function Select() {
|
|
41
|
+
return /*#__PURE__*/_react.default.createElement(_.default, {
|
|
42
|
+
entities: entities
|
|
43
|
+
});
|
|
44
|
+
};
|
|
45
|
+
exports.Select = Select;
|
|
@@ -1,10 +1,18 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = exports.Textarea = void 0;
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
|
+
var _immutable = _interopRequireDefault(require("immutable"));
|
|
9
|
+
var _ = _interopRequireDefault(require("."));
|
|
10
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
+
var _default = {
|
|
5
12
|
title: 'Organisms/Webform/Mapper'
|
|
6
13
|
};
|
|
7
|
-
|
|
14
|
+
exports.default = _default;
|
|
15
|
+
var entities = _immutable.default.fromJS({
|
|
8
16
|
'message': {
|
|
9
17
|
'#webform_key': 'message',
|
|
10
18
|
'#type': 'textarea',
|
|
@@ -22,6 +30,9 @@ const entities = Immutable.fromJS({
|
|
|
22
30
|
'#required': false
|
|
23
31
|
}
|
|
24
32
|
});
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
33
|
+
var Textarea = function Textarea() {
|
|
34
|
+
return /*#__PURE__*/_react.default.createElement(_.default, {
|
|
35
|
+
entities: entities
|
|
36
|
+
});
|
|
37
|
+
};
|
|
38
|
+
exports.Textarea = Textarea;
|
|
@@ -1,10 +1,18 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = exports.TextField = void 0;
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
|
+
var _immutable = _interopRequireDefault(require("immutable"));
|
|
9
|
+
var _ = _interopRequireDefault(require("."));
|
|
10
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
+
var _default = {
|
|
5
12
|
title: 'Organisms/Webform/Mapper'
|
|
6
13
|
};
|
|
7
|
-
|
|
14
|
+
exports.default = _default;
|
|
15
|
+
var entities = _immutable.default.fromJS({
|
|
8
16
|
'firstname': {
|
|
9
17
|
'#webform_key': 'firstname',
|
|
10
18
|
'#type': 'textfield',
|
|
@@ -14,6 +22,9 @@ const entities = Immutable.fromJS({
|
|
|
14
22
|
'#required': true
|
|
15
23
|
}
|
|
16
24
|
});
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
25
|
+
var TextField = function TextField() {
|
|
26
|
+
return /*#__PURE__*/_react.default.createElement(_.default, {
|
|
27
|
+
entities: entities
|
|
28
|
+
});
|
|
29
|
+
};
|
|
30
|
+
exports.TextField = TextField;
|
|
@@ -1,10 +1,18 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = exports.Wizard = void 0;
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
|
+
var _immutable = _interopRequireDefault(require("immutable"));
|
|
9
|
+
var _ = _interopRequireDefault(require("."));
|
|
10
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
+
var _default = {
|
|
5
12
|
title: 'Organisms/Webform/Mapper'
|
|
6
13
|
};
|
|
7
|
-
|
|
14
|
+
exports.default = _default;
|
|
15
|
+
var entities = _immutable.default.fromJS({
|
|
8
16
|
'page_1': {
|
|
9
17
|
'#type': 'webform_wizard_page',
|
|
10
18
|
'#title': 'Page 1',
|
|
@@ -130,6 +138,9 @@ const entities = Immutable.fromJS({
|
|
|
130
138
|
'#webform_plugin_id': 'webform_actions'
|
|
131
139
|
}
|
|
132
140
|
});
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
141
|
+
var Wizard = function Wizard() {
|
|
142
|
+
return /*#__PURE__*/_react.default.createElement(_.default, {
|
|
143
|
+
entities: entities
|
|
144
|
+
});
|
|
145
|
+
};
|
|
146
|
+
exports.Wizard = Wizard;
|
|
@@ -1,10 +1,27 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
9
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
10
|
+
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."); }
|
|
11
|
+
function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
|
|
12
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
13
|
+
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
14
|
+
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
15
|
+
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
16
|
+
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
|
17
|
+
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
|
18
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
19
|
+
var determineVisibility = function determineVisibility(entity, values) {
|
|
20
|
+
var visible = true;
|
|
4
21
|
if (entity.hasIn(['#states', 'visible'])) {
|
|
5
|
-
visible = entity.getIn(['#states', 'visible']).keySeq().every(component
|
|
6
|
-
|
|
7
|
-
|
|
22
|
+
visible = entity.getIn(['#states', 'visible']).keySeq().every(function (component) {
|
|
23
|
+
var condition = entity.getIn(['#states', 'visible', component]);
|
|
24
|
+
var fieldName = component.match(/input\[name="(.+)"\]/)[1];
|
|
8
25
|
|
|
9
26
|
// Determine the type of condition.
|
|
10
27
|
if (condition.get('filled')) {
|
|
@@ -16,11 +33,12 @@ const determineVisibility = (entity, values) => {
|
|
|
16
33
|
return true;
|
|
17
34
|
}
|
|
18
35
|
} else if (condition.get('value')) {
|
|
19
|
-
|
|
36
|
+
var value = condition.get('value');
|
|
20
37
|
// Check for subfield.
|
|
21
|
-
|
|
38
|
+
var matches = _toConsumableArray(fieldName.matchAll(/(.*)\[(.*)\]/g));
|
|
22
39
|
if (matches && matches.length > 0) {
|
|
23
|
-
|
|
40
|
+
var _matches$ = _slicedToArray(matches[0], 2),
|
|
41
|
+
field = _matches$[1];
|
|
24
42
|
if (values[field]) {
|
|
25
43
|
if (values[field].includes(value)) {
|
|
26
44
|
return true;
|
|
@@ -32,11 +50,13 @@ const determineVisibility = (entity, values) => {
|
|
|
32
50
|
}
|
|
33
51
|
} else if (condition.get('checked')) {
|
|
34
52
|
// Check for subfield.
|
|
35
|
-
|
|
36
|
-
if (
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
53
|
+
var _matches = _toConsumableArray(fieldName.matchAll(/(.*)\[(.*)\]/g));
|
|
54
|
+
if (_matches && _matches.length > 0) {
|
|
55
|
+
var _matches$2 = _slicedToArray(_matches[0], 3),
|
|
56
|
+
_field = _matches$2[1],
|
|
57
|
+
subField = _matches$2[2];
|
|
58
|
+
if (values[_field]) {
|
|
59
|
+
if (values[_field].includes(subField)) {
|
|
40
60
|
return true;
|
|
41
61
|
}
|
|
42
62
|
}
|
|
@@ -54,19 +74,20 @@ const determineVisibility = (entity, values) => {
|
|
|
54
74
|
}
|
|
55
75
|
return visible;
|
|
56
76
|
};
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
entity,
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
77
|
+
var withStates = function withStates(BaseComponent) {
|
|
78
|
+
return function (props) {
|
|
79
|
+
var entity = props.entity,
|
|
80
|
+
values = props.values;
|
|
81
|
+
var states = entity.get('#states');
|
|
82
|
+
if (states) {
|
|
83
|
+
var visible = entity.get('#visible', true);
|
|
84
|
+
var visibility = determineVisibility(entity, values);
|
|
85
|
+
if (!visible || !visibility) {
|
|
86
|
+
return null;
|
|
87
|
+
}
|
|
68
88
|
}
|
|
69
|
-
|
|
70
|
-
|
|
89
|
+
return /*#__PURE__*/_react.default.createElement(BaseComponent, props, props.children);
|
|
90
|
+
};
|
|
71
91
|
};
|
|
72
|
-
|
|
92
|
+
var _default = withStates;
|
|
93
|
+
exports.default = _default;
|
|
@@ -1,16 +1,25 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
|
+
var _reactHtmlParser = _interopRequireDefault(require("react-html-parser"));
|
|
10
|
+
var _Button = _interopRequireDefault(require("../Button"));
|
|
11
|
+
var _excluded = ["html", "customElementHandler"];
|
|
12
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
1
13
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
const parsedHtml = ReactHtmlParser(html, {
|
|
12
|
-
transform: node => {
|
|
13
|
-
const customHandler = customElementHandler(node);
|
|
14
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
15
|
+
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
16
|
+
var WysiwygField = function WysiwygField(_ref) {
|
|
17
|
+
var html = _ref.html,
|
|
18
|
+
customElementHandler = _ref.customElementHandler,
|
|
19
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
20
|
+
var parsedHtml = (0, _reactHtmlParser.default)(html, {
|
|
21
|
+
transform: function transform(node) {
|
|
22
|
+
var customHandler = customElementHandler(node);
|
|
14
23
|
if (customHandler) {
|
|
15
24
|
return customHandler;
|
|
16
25
|
}
|
|
@@ -18,15 +27,15 @@ const WysiwygField = ({
|
|
|
18
27
|
case 'a':
|
|
19
28
|
{
|
|
20
29
|
if (node.attribs.class && node.attribs.class.indexOf('button--primary') !== -1) {
|
|
21
|
-
|
|
22
|
-
return /*#__PURE__*/
|
|
30
|
+
var label = node.children[0].data;
|
|
31
|
+
return /*#__PURE__*/_react.default.createElement(_Button.default, {
|
|
23
32
|
primary: true,
|
|
24
33
|
withIcon: true,
|
|
25
34
|
buttonIcon: true,
|
|
26
35
|
href: node.attribs.href,
|
|
27
36
|
target: node.attribs.target || '',
|
|
28
37
|
rel: node.attribs.target ? 'noopener' : '',
|
|
29
|
-
key:
|
|
38
|
+
key: "".concat(node.name, ":").concat(label)
|
|
30
39
|
}, label);
|
|
31
40
|
}
|
|
32
41
|
break;
|
|
@@ -38,15 +47,16 @@ const WysiwygField = ({
|
|
|
38
47
|
}
|
|
39
48
|
}
|
|
40
49
|
});
|
|
41
|
-
return /*#__PURE__*/
|
|
50
|
+
return /*#__PURE__*/_react.default.createElement("div", _extends({
|
|
42
51
|
className: "WysiwygField"
|
|
43
52
|
}, props), parsedHtml);
|
|
44
53
|
};
|
|
45
54
|
WysiwygField.propTypes = {
|
|
46
|
-
html:
|
|
47
|
-
customElementHandler:
|
|
55
|
+
html: _propTypes.default.string.isRequired,
|
|
56
|
+
customElementHandler: _propTypes.default.func
|
|
48
57
|
};
|
|
49
58
|
WysiwygField.defaultProps = {
|
|
50
|
-
customElementHandler: ()
|
|
59
|
+
customElementHandler: function customElementHandler() {}
|
|
51
60
|
};
|
|
52
|
-
|
|
61
|
+
var _default = WysiwygField;
|
|
62
|
+
exports.default = _default;
|
|
@@ -1,33 +1,43 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = exports.Primary = exports.CustomHandlers = void 0;
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
|
+
var _ = _interopRequireDefault(require("."));
|
|
9
|
+
var _AbbreviationAnnotation = _interopRequireDefault(require("../AbbreviationAnnotation"));
|
|
10
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
1
11
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
|
|
2
|
-
|
|
3
|
-
import WysiwygField from '.';
|
|
4
|
-
import AbbreviationAnnotation from '../AbbreviationAnnotation';
|
|
5
|
-
export default {
|
|
12
|
+
var _default = {
|
|
6
13
|
title: 'Atoms/WysiwygField'
|
|
7
14
|
};
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
15
|
+
exports.default = _default;
|
|
16
|
+
var html = '<p>This is <em>some</em> example <a href=\'https://www.uncinc.nl\'>HTML</a>.</p>';
|
|
17
|
+
var Primary = function Primary() {
|
|
18
|
+
return /*#__PURE__*/_react.default.createElement(_.default, {
|
|
19
|
+
html: html
|
|
20
|
+
});
|
|
21
|
+
};
|
|
22
|
+
exports.Primary = Primary;
|
|
23
|
+
var htmlCustomHandler = "\n <p>Lorem ipsum dolor sit amet, <abbr title=\"Ut ut tellus et augue feugiat sollicitudin sit amet viverra nisi.\">consectetur adipiscing</abbr> elit. Aliquam in sodales tellus. Ut ut tellus et augue feugiat sollicitudin sit amet viverra nisi. Nulla malesuada erat non massa pellentesque, ut ultricies tellus sodales. Fusce ac feugiat ligula. In vel metus diam. Maecenas diam ex, tincidunt tempor nibh sed, suscipit semper lectus. Sed eu enim vel erat tempus mollis. Integer eget gravida orci. Nunc volutpat velit id dui semper tincidunt. Nulla maximus nisl nec volutpat faucibus. Integer vitae ullamcorper ex. Vestibulum facilisis convallis arcu, ac interdum libero malesuada eget.</p>\n <p>Donec feugiat, nunc vitae euismod posuere, urna nisl elementum nibh, quis ultricies libero leo sed neque. Praesent vel vestibulum sem, eget congue purus. Nunc non volutpat urna, vitae ullamcorper justo. Suspendisse in tortor ex. Phasellus euismod eget neque vitae consequat. Vestibulum sem mi, dictum id consectetur at, hendrerit in massa. Mauris quis sem condimentum, condimentum enim sed, varius sem. Curabitur convallis tempus nulla, eget consectetur quam sagittis at. Nulla a feugiat tortor. Mauris fermentum lectus ac mauris cursus ornare.</p>\n <p>Nam venenatis est eget lorem laoreet, id tempor urna hendrerit. Quisque suscipit in magna nec condimentum. Duis id tempor nisi. Sed rutrum urna elit, vitae placerat enim volutpat nec. Vivamus volutpat, magna sit amet commodo ultricies, enim turpis pretium libero, quis molestie nibh augue a ex. Nulla vestibulum vestibulum tellus, vel molestie libero vehicula nec. Sed maximus tortor vel ipsum cursus egestas. Proin suscipit tortor id luctus bibendum.</p>\n";
|
|
24
|
+
var CustomHandlers = function CustomHandlers() {
|
|
25
|
+
return /*#__PURE__*/_react.default.createElement(_.default, {
|
|
26
|
+
html: htmlCustomHandler,
|
|
27
|
+
customElementHandler: function customElementHandler(element) {
|
|
28
|
+
switch (element.name) {
|
|
29
|
+
case 'abbr':
|
|
30
|
+
{
|
|
31
|
+
return /*#__PURE__*/_react.default.createElement(_AbbreviationAnnotation.default, _extends({
|
|
32
|
+
title: element.attribs.title
|
|
33
|
+
}, element.attribs), element.children[0].data);
|
|
34
|
+
}
|
|
35
|
+
default:
|
|
36
|
+
{
|
|
37
|
+
return null;
|
|
38
|
+
}
|
|
39
|
+
}
|
|
31
40
|
}
|
|
32
|
-
}
|
|
33
|
-
}
|
|
41
|
+
});
|
|
42
|
+
};
|
|
43
|
+
exports.CustomHandlers = CustomHandlers;
|
package/dist/components/index.js
CHANGED
|
@@ -1,15 +1,111 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "Button", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function get() {
|
|
9
|
+
return _Button.default;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
Object.defineProperty(exports, "FormCheckbox", {
|
|
13
|
+
enumerable: true,
|
|
14
|
+
get: function get() {
|
|
15
|
+
return _Checkbox.default;
|
|
16
|
+
}
|
|
17
|
+
});
|
|
18
|
+
Object.defineProperty(exports, "FormCheckboxes", {
|
|
19
|
+
enumerable: true,
|
|
20
|
+
get: function get() {
|
|
21
|
+
return _Checkboxes.default;
|
|
22
|
+
}
|
|
23
|
+
});
|
|
24
|
+
Object.defineProperty(exports, "FormDate", {
|
|
25
|
+
enumerable: true,
|
|
26
|
+
get: function get() {
|
|
27
|
+
return _Date.default;
|
|
28
|
+
}
|
|
29
|
+
});
|
|
30
|
+
Object.defineProperty(exports, "FormDatePicker", {
|
|
31
|
+
enumerable: true,
|
|
32
|
+
get: function get() {
|
|
33
|
+
return _DatePicker.default;
|
|
34
|
+
}
|
|
35
|
+
});
|
|
36
|
+
Object.defineProperty(exports, "FormDateSelect", {
|
|
37
|
+
enumerable: true,
|
|
38
|
+
get: function get() {
|
|
39
|
+
return _DateSelect.default;
|
|
40
|
+
}
|
|
41
|
+
});
|
|
42
|
+
Object.defineProperty(exports, "FormEmail", {
|
|
43
|
+
enumerable: true,
|
|
44
|
+
get: function get() {
|
|
45
|
+
return _Email.default;
|
|
46
|
+
}
|
|
47
|
+
});
|
|
48
|
+
Object.defineProperty(exports, "FormNumber", {
|
|
49
|
+
enumerable: true,
|
|
50
|
+
get: function get() {
|
|
51
|
+
return _Number.default;
|
|
52
|
+
}
|
|
53
|
+
});
|
|
54
|
+
Object.defineProperty(exports, "FormRadioButtons", {
|
|
55
|
+
enumerable: true,
|
|
56
|
+
get: function get() {
|
|
57
|
+
return _RadioButtons.default;
|
|
58
|
+
}
|
|
59
|
+
});
|
|
60
|
+
Object.defineProperty(exports, "FormSearchField", {
|
|
61
|
+
enumerable: true,
|
|
62
|
+
get: function get() {
|
|
63
|
+
return _SearchField.default;
|
|
64
|
+
}
|
|
65
|
+
});
|
|
66
|
+
Object.defineProperty(exports, "FormSelect", {
|
|
67
|
+
enumerable: true,
|
|
68
|
+
get: function get() {
|
|
69
|
+
return _Select.default;
|
|
70
|
+
}
|
|
71
|
+
});
|
|
72
|
+
Object.defineProperty(exports, "FormTextField", {
|
|
73
|
+
enumerable: true,
|
|
74
|
+
get: function get() {
|
|
75
|
+
return _TextField.default;
|
|
76
|
+
}
|
|
77
|
+
});
|
|
78
|
+
Object.defineProperty(exports, "FormTextarea", {
|
|
79
|
+
enumerable: true,
|
|
80
|
+
get: function get() {
|
|
81
|
+
return _Textarea.default;
|
|
82
|
+
}
|
|
83
|
+
});
|
|
84
|
+
Object.defineProperty(exports, "FormikWrapper", {
|
|
85
|
+
enumerable: true,
|
|
86
|
+
get: function get() {
|
|
87
|
+
return _FormikWrapper.default;
|
|
88
|
+
}
|
|
89
|
+
});
|
|
90
|
+
Object.defineProperty(exports, "WysiwygField", {
|
|
91
|
+
enumerable: true,
|
|
92
|
+
get: function get() {
|
|
93
|
+
return _WysiwygField.default;
|
|
94
|
+
}
|
|
95
|
+
});
|
|
96
|
+
var _Button = _interopRequireDefault(require("./Button"));
|
|
97
|
+
var _WysiwygField = _interopRequireDefault(require("./WysiwygField"));
|
|
98
|
+
var _FormikWrapper = _interopRequireDefault(require("./Form/FormikWrapper"));
|
|
99
|
+
var _Checkbox = _interopRequireDefault(require("./Form/Checkbox"));
|
|
100
|
+
var _Checkboxes = _interopRequireDefault(require("./Form/Checkboxes"));
|
|
101
|
+
var _Date = _interopRequireDefault(require("./Form/Date"));
|
|
102
|
+
var _DatePicker = _interopRequireDefault(require("./Form/DatePicker"));
|
|
103
|
+
var _DateSelect = _interopRequireDefault(require("./Form/DateSelect"));
|
|
104
|
+
var _Email = _interopRequireDefault(require("./Form/Email"));
|
|
105
|
+
var _Number = _interopRequireDefault(require("./Form/Number"));
|
|
106
|
+
var _RadioButtons = _interopRequireDefault(require("./Form/RadioButtons"));
|
|
107
|
+
var _SearchField = _interopRequireDefault(require("./Form/SearchField"));
|
|
108
|
+
var _Select = _interopRequireDefault(require("./Form/Select"));
|
|
109
|
+
var _Textarea = _interopRequireDefault(require("./Form/Textarea"));
|
|
110
|
+
var _TextField = _interopRequireDefault(require("./Form/TextField"));
|
|
111
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|