@kaspernj/api-maker 1.0.2054 → 1.0.2055
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/build/api.js +64 -212
- package/build/api.js.map +1 -1
- package/build/attribute-not-loaded-error.js +2 -25
- package/build/attribute-not-loaded-error.js.map +1 -1
- package/build/base-component.js +3 -26
- package/build/base-component.js.map +1 -1
- package/build/base-error.js +20 -45
- package/build/base-error.js.map +1 -1
- package/build/base-model/attribute.js +14 -21
- package/build/base-model/attribute.js.map +1 -1
- package/build/base-model/column.js +4 -8
- package/build/base-model/column.js.map +1 -1
- package/build/base-model/reflection.js +11 -51
- package/build/base-model/reflection.js.map +1 -1
- package/build/base-model/scope.js +8 -45
- package/build/base-model/scope.js.map +1 -1
- package/build/base-model.js +583 -836
- package/build/base-model.js.map +1 -1
- package/build/bootstrap/attribute-row.js +87 -172
- package/build/bootstrap/attribute-row.js.map +1 -1
- package/build/bootstrap/attribute-rows.js +21 -50
- package/build/bootstrap/attribute-rows.js.map +1 -1
- package/build/bootstrap/card.js +76 -159
- package/build/bootstrap/card.js.map +1 -1
- package/build/bootstrap/checkbox.js +53 -102
- package/build/bootstrap/checkbox.js.map +1 -1
- package/build/bootstrap/checkboxes.js +116 -202
- package/build/bootstrap/checkboxes.js.map +1 -1
- package/build/bootstrap/input.js +80 -131
- package/build/bootstrap/input.js.map +1 -1
- package/build/bootstrap/invalid-feedback.js +18 -46
- package/build/bootstrap/invalid-feedback.js.map +1 -1
- package/build/bootstrap/paginate.js +99 -164
- package/build/bootstrap/paginate.js.map +1 -1
- package/build/bootstrap/radio-buttons.js +43 -80
- package/build/bootstrap/radio-buttons.js.map +1 -1
- package/build/bootstrap/select.js +43 -90
- package/build/bootstrap/select.js.map +1 -1
- package/build/bootstrap/sort-link.js +68 -151
- package/build/bootstrap/sort-link.js.map +1 -1
- package/build/cable-connection-pool.js +43 -65
- package/build/cable-connection-pool.js.map +1 -1
- package/build/cable-subscription-pool.js +104 -161
- package/build/cable-subscription-pool.js.map +1 -1
- package/build/cable-subscription.js +9 -16
- package/build/cable-subscription.js.map +1 -1
- package/build/cache-key-generator.js +27 -36
- package/build/cache-key-generator.js.map +1 -1
- package/build/can-can.js +80 -201
- package/build/can-can.js.map +1 -1
- package/build/channels-consumer.js +5 -10
- package/build/channels-consumer.js.map +1 -1
- package/build/collection-loader.js +35 -53
- package/build/collection-loader.js.map +1 -1
- package/build/collection.js +160 -307
- package/build/collection.js.map +1 -1
- package/build/command-submit-data.d.ts +1 -1
- package/build/command-submit-data.d.ts.map +1 -1
- package/build/command-submit-data.js +29 -38
- package/build/command-submit-data.js.map +1 -1
- package/build/commands-pool.js +139 -215
- package/build/commands-pool.js.map +1 -1
- package/build/compose.js +3 -11
- package/build/compose.js.map +1 -1
- package/build/config.js +20 -67
- package/build/config.js.map +1 -1
- package/build/custom-error.js +4 -29
- package/build/custom-error.js.map +1 -1
- package/build/data-set-to-attributes.js +5 -41
- package/build/data-set-to-attributes.js.map +1 -1
- package/build/deserializer.js +26 -79
- package/build/deserializer.js.map +1 -1
- package/build/destroy-error.js +4 -29
- package/build/destroy-error.js.map +1 -1
- package/build/devise.js +83 -187
- package/build/devise.js.map +1 -1
- package/build/draggable-sort/controller.js +87 -110
- package/build/draggable-sort/controller.js.map +1 -1
- package/build/draggable-sort/index.js +67 -144
- package/build/draggable-sort/index.js.map +1 -1
- package/build/draggable-sort/item.js +131 -197
- package/build/draggable-sort/item.js.map +1 -1
- package/build/error-logger.js +78 -163
- package/build/error-logger.js.map +1 -1
- package/build/error-messages.js +4 -7
- package/build/error-messages.js.map +1 -1
- package/build/event-connection.js +23 -61
- package/build/event-connection.js.map +1 -1
- package/build/event-emitter-listener.js +6 -23
- package/build/event-emitter-listener.js.map +1 -1
- package/build/event-model-class.js +19 -46
- package/build/event-model-class.js.map +1 -1
- package/build/events.js +3 -8
- package/build/events.js.map +1 -1
- package/build/form.js +65 -153
- package/build/form.js.map +1 -1
- package/build/history-expo.js +12 -24
- package/build/history-expo.js.map +1 -1
- package/build/history-react-native.js +14 -26
- package/build/history-react-native.js.map +1 -1
- package/build/history.js +2 -4
- package/build/history.js.map +1 -1
- package/build/index.js +2 -5
- package/build/index.js.map +1 -1
- package/build/inputs/attachment.js +71 -122
- package/build/inputs/attachment.js.map +1 -1
- package/build/inputs/auto-submit.js +15 -54
- package/build/inputs/auto-submit.js.map +1 -1
- package/build/inputs/checkbox.js +77 -166
- package/build/inputs/checkbox.js.map +1 -1
- package/build/inputs/checkboxes.js +75 -158
- package/build/inputs/checkboxes.js.map +1 -1
- package/build/inputs/id-for-component.js +4 -40
- package/build/inputs/id-for-component.js.map +1 -1
- package/build/inputs/input-wrapper.js +7 -26
- package/build/inputs/input-wrapper.js.map +1 -1
- package/build/inputs/input.js +158 -244
- package/build/inputs/input.js.map +1 -1
- package/build/inputs/money.js +123 -185
- package/build/inputs/money.js.map +1 -1
- package/build/inputs/name-for-component.js +4 -40
- package/build/inputs/name-for-component.js.map +1 -1
- package/build/inputs/select.js +68 -122
- package/build/inputs/select.js.map +1 -1
- package/build/instance-of-class-name.js +15 -20
- package/build/instance-of-class-name.js.map +1 -1
- package/build/is-expo.js +8 -10
- package/build/is-expo.js.map +1 -1
- package/build/key-value-store.js +51 -127
- package/build/key-value-store.js.map +1 -1
- package/build/link.js +51 -114
- package/build/link.js.map +1 -1
- package/build/logger.js +19 -25
- package/build/logger.js.map +1 -1
- package/build/merge-styles.js +5 -9
- package/build/merge-styles.js.map +1 -1
- package/build/modal.js +14 -61
- package/build/modal.js.map +1 -1
- package/build/model-class-require.js +8 -43
- package/build/model-class-require.js.map +1 -1
- package/build/model-events.js +24 -33
- package/build/model-events.js.map +1 -1
- package/build/model-name.js +15 -56
- package/build/model-name.js.map +1 -1
- package/build/model-prop-type.js +51 -62
- package/build/model-prop-type.js.map +1 -1
- package/build/model-recipes-loader.js +16 -24
- package/build/model-recipes-loader.js.map +1 -1
- package/build/model-recipes-model-loader.d.ts +1 -1
- package/build/model-recipes-model-loader.js +129 -207
- package/build/model-recipes-model-loader.js.map +1 -1
- package/build/models-response-reader.js +24 -65
- package/build/models-response-reader.js.map +1 -1
- package/build/models.js +5 -10
- package/build/models.js.map +1 -1
- package/build/money-formatter.d.ts +2 -2
- package/build/money-formatter.d.ts.map +1 -1
- package/build/money-formatter.js +45 -55
- package/build/money-formatter.js.map +1 -1
- package/build/not-loaded-error.js +2 -25
- package/build/not-loaded-error.js.map +1 -1
- package/build/params.js +31 -41
- package/build/params.js.map +1 -1
- package/build/preloaded.js +18 -58
- package/build/preloaded.js.map +1 -1
- package/build/resize-observer.js +5 -11
- package/build/resize-observer.js.map +1 -1
- package/build/rest-props-validator.js +4 -6
- package/build/rest-props-validator.js.map +1 -1
- package/build/result.js +10 -14
- package/build/result.js.map +1 -1
- package/build/router/route.js +178 -311
- package/build/router/route.js.map +1 -1
- package/build/router/switch.js +55 -129
- package/build/router/switch.js.map +1 -1
- package/build/router.js +33 -93
- package/build/router.js.map +1 -1
- package/build/routes-native.js +63 -147
- package/build/routes-native.js.map +1 -1
- package/build/routes.js +25 -79
- package/build/routes.js.map +1 -1
- package/build/run-last.js +19 -24
- package/build/run-last.js.map +1 -1
- package/build/serializer.js +28 -33
- package/build/serializer.js.map +1 -1
- package/build/services.js +9 -18
- package/build/services.js.map +1 -1
- package/build/session-status-updater.js +84 -183
- package/build/session-status-updater.js.map +1 -1
- package/build/source-maps-loader.d.ts +37 -0
- package/build/source-maps-loader.d.ts.map +1 -0
- package/build/source-maps-loader.js +102 -224
- package/build/source-maps-loader.js.map +1 -1
- package/build/super-admin/config-reader.d.ts +2 -2
- package/build/super-admin/config-reader.js +41 -82
- package/build/super-admin/config-reader.js.map +1 -1
- package/build/super-admin/edit-page/edit-attribute-checkbox.js +52 -114
- package/build/super-admin/edit-page/edit-attribute-checkbox.js.map +1 -1
- package/build/super-admin/edit-page/edit-attribute-content.js +46 -76
- package/build/super-admin/edit-page/edit-attribute-content.js.map +1 -1
- package/build/super-admin/edit-page/edit-attribute-input.js +56 -118
- package/build/super-admin/edit-page/edit-attribute-input.js.map +1 -1
- package/build/super-admin/edit-page/edit-attribute.js +39 -103
- package/build/super-admin/edit-page/edit-attribute.js.map +1 -1
- package/build/super-admin/edit-page.js +87 -200
- package/build/super-admin/edit-page.js.map +1 -1
- package/build/super-admin/has-edit-config.js +6 -12
- package/build/super-admin/has-edit-config.js.map +1 -1
- package/build/super-admin/index-page.js +16 -43
- package/build/super-admin/index-page.js.map +1 -1
- package/build/super-admin/index.js +86 -209
- package/build/super-admin/index.js.map +1 -1
- package/build/super-admin/layout/header/index.js +90 -151
- package/build/super-admin/layout/header/index.js.map +1 -1
- package/build/super-admin/layout/index.js +69 -152
- package/build/super-admin/layout/index.js.map +1 -1
- package/build/super-admin/layout/menu/index.js +84 -160
- package/build/super-admin/layout/menu/index.js.map +1 -1
- package/build/super-admin/layout/menu/menu-content.js +24 -84
- package/build/super-admin/layout/menu/menu-content.js.map +1 -1
- package/build/super-admin/layout/menu/menu-item.js +51 -101
- package/build/super-admin/layout/menu/menu-item.js.map +1 -1
- package/build/super-admin/layout/no-access.js +18 -44
- package/build/super-admin/layout/no-access.js.map +1 -1
- package/build/super-admin/model-class-table.js +44 -128
- package/build/super-admin/model-class-table.js.map +1 -1
- package/build/super-admin/models.js +5 -41
- package/build/super-admin/models.js.map +1 -1
- package/build/super-admin/show-nav.js +26 -88
- package/build/super-admin/show-nav.js.map +1 -1
- package/build/super-admin/show-page/belongs-to-attribute-row.js +17 -75
- package/build/super-admin/show-page/belongs-to-attribute-row.js.map +1 -1
- package/build/super-admin/show-page/index.js +100 -186
- package/build/super-admin/show-page/index.js.map +1 -1
- package/build/super-admin/show-reflection-actions.js +38 -99
- package/build/super-admin/show-reflection-actions.js.map +1 -1
- package/build/super-admin/show-reflection-link.js +26 -98
- package/build/super-admin/show-reflection-link.js.map +1 -1
- package/build/super-admin/show-reflection-page.js +33 -96
- package/build/super-admin/show-reflection-page.js.map +1 -1
- package/build/table/column-content.js +76 -120
- package/build/table/column-content.js.map +1 -1
- package/build/table/column-identifier.js +6 -10
- package/build/table/column-identifier.js.map +1 -1
- package/build/table/column-visible.js +1 -4
- package/build/table/column-visible.js.map +1 -1
- package/build/table/components/column.js +12 -59
- package/build/table/components/column.js.map +1 -1
- package/build/table/components/flat-list.js +12 -59
- package/build/table/components/flat-list.js.map +1 -1
- package/build/table/components/header.js +14 -61
- package/build/table/components/header.js.map +1 -1
- package/build/table/components/row.js +15 -62
- package/build/table/components/row.js.map +1 -1
- package/build/table/filters/attribute-element.js +33 -61
- package/build/table/filters/attribute-element.js.map +1 -1
- package/build/table/filters/filter-form.js +279 -482
- package/build/table/filters/filter-form.js.map +1 -1
- package/build/table/filters/filter.js +44 -72
- package/build/table/filters/filter.js.map +1 -1
- package/build/table/filters/index.js +94 -138
- package/build/table/filters/index.js.map +1 -1
- package/build/table/filters/load-search-modal.js +63 -211
- package/build/table/filters/load-search-modal.js.map +1 -1
- package/build/table/filters/reflection-element.js +26 -54
- package/build/table/filters/reflection-element.js.map +1 -1
- package/build/table/filters/save-search-modal.js +43 -139
- package/build/table/filters/save-search-modal.js.map +1 -1
- package/build/table/filters/scope-element.js +27 -55
- package/build/table/filters/scope-element.js.map +1 -1
- package/build/table/header-column-content.js +32 -70
- package/build/table/header-column-content.js.map +1 -1
- package/build/table/header-column.js +88 -217
- package/build/table/header-column.js.map +1 -1
- package/build/table/header-select.js +44 -76
- package/build/table/header-select.js.map +1 -1
- package/build/table/model-callback-args.js +4 -40
- package/build/table/model-callback-args.js.map +1 -1
- package/build/table/model-column.js +58 -143
- package/build/table/model-column.js.map +1 -1
- package/build/table/model-row.js +74 -186
- package/build/table/model-row.js.map +1 -1
- package/build/table/select-calculator.js +26 -85
- package/build/table/select-calculator.js.map +1 -1
- package/build/table/settings/column-row.js +65 -185
- package/build/table/settings/column-row.js.map +1 -1
- package/build/table/settings/download-action.js +37 -73
- package/build/table/settings/download-action.js.map +1 -1
- package/build/table/settings/index.js +37 -101
- package/build/table/settings/index.js.map +1 -1
- package/build/table/table-settings.js +184 -322
- package/build/table/table-settings.js.map +1 -1
- package/build/table/table.js +582 -780
- package/build/table/table.js.map +1 -1
- package/build/table/use-sorting.js +15 -34
- package/build/table/use-sorting.js.map +1 -1
- package/build/table/widths.js +31 -37
- package/build/table/widths.js.map +1 -1
- package/build/table/worker-plugins-check-all-checkbox.js +76 -224
- package/build/table/worker-plugins-check-all-checkbox.js.map +1 -1
- package/build/table/worker-plugins-checkbox.js +73 -184
- package/build/table/worker-plugins-checkbox.js.map +1 -1
- package/build/translated-attributes.js +5 -10
- package/build/translated-attributes.js.map +1 -1
- package/build/translated-collections.js +10 -19
- package/build/translated-collections.js.map +1 -1
- package/build/updated-attribute.js +46 -119
- package/build/updated-attribute.js.map +1 -1
- package/build/url-encode.js +5 -11
- package/build/url-encode.js.map +1 -1
- package/build/use-breakpoint.js +42 -94
- package/build/use-breakpoint.js.map +1 -1
- package/build/use-can-can.js +29 -91
- package/build/use-can-can.js.map +1 -1
- package/build/use-collection.js +118 -228
- package/build/use-collection.js.map +1 -1
- package/build/use-created-event.js +26 -43
- package/build/use-created-event.js.map +1 -1
- package/build/use-current-user-context.js +56 -150
- package/build/use-current-user-context.js.map +1 -1
- package/build/use-current-user.js +13 -31
- package/build/use-current-user.js.map +1 -1
- package/build/use-destroyed-event.js +21 -42
- package/build/use-destroyed-event.js.map +1 -1
- package/build/use-event-emitter.js +9 -14
- package/build/use-event-emitter.js.map +1 -1
- package/build/use-event-listener.js +12 -21
- package/build/use-event-listener.js.map +1 -1
- package/build/use-input.js +48 -68
- package/build/use-input.js.map +1 -1
- package/build/use-model-event.js +21 -42
- package/build/use-model-event.js.map +1 -1
- package/build/use-model.js +95 -198
- package/build/use-model.js.map +1 -1
- package/build/use-resize-observer.js +10 -20
- package/build/use-resize-observer.js.map +1 -1
- package/build/use-router.js +64 -106
- package/build/use-router.js.map +1 -1
- package/build/use-screen-layout.js +16 -18
- package/build/use-screen-layout.js.map +1 -1
- package/build/use-styles.js +23 -74
- package/build/use-styles.js.map +1 -1
- package/build/use-updated-event.js +21 -43
- package/build/use-updated-event.js.map +1 -1
- package/build/use-validation-errors.js +11 -17
- package/build/use-validation-errors.js.map +1 -1
- package/build/utils/button.js +85 -135
- package/build/utils/button.js.map +1 -1
- package/build/utils/card.js +30 -105
- package/build/utils/card.js.map +1 -1
- package/build/utils/checkbox.js +50 -111
- package/build/utils/checkbox.js.map +1 -1
- package/build/utils/checkboxes.js +108 -181
- package/build/utils/checkboxes.js.map +1 -1
- package/build/utils/default-style.js +28 -102
- package/build/utils/default-style.js.map +1 -1
- package/build/utils/header.js +7 -34
- package/build/utils/header.js.map +1 -1
- package/build/utils/icon.js +35 -116
- package/build/utils/icon.js.map +1 -1
- package/build/utils/invalid-feedback.js +15 -42
- package/build/utils/invalid-feedback.js.map +1 -1
- package/build/utils/modal.js +24 -107
- package/build/utils/modal.js.map +1 -1
- package/build/utils/text.js +9 -36
- package/build/utils/text.js.map +1 -1
- package/build/validation-error.js +30 -88
- package/build/validation-error.js.map +1 -1
- package/build/validation-errors.js +60 -110
- package/build/validation-errors.js.map +1 -1
- package/build/with-api-maker.js +14 -66
- package/build/with-api-maker.js.map +1 -1
- package/build/with-collection.js +13 -63
- package/build/with-collection.js.map +1 -1
- package/build/with-current-user.js +6 -22
- package/build/with-current-user.js.map +1 -1
- package/build/with-model.js +10 -26
- package/build/with-model.js.map +1 -1
- package/build/with-router.js +7 -34
- package/build/with-router.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,209 +1,123 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
20
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
21
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { shapeComponent, ShapeComponent } from "set-state-compare/build/shape-component.js";
|
|
3
|
+
import React, { useMemo } from "react";
|
|
4
|
+
import { digs } from "diggerize";
|
|
5
|
+
import { useForm } from "../form";
|
|
6
|
+
import * as inflection from "inflection";
|
|
7
|
+
import InvalidFeedback from "./invalid-feedback.js";
|
|
8
|
+
import memo from "set-state-compare/build/memo.js";
|
|
9
|
+
import PropTypes from "prop-types";
|
|
10
|
+
import propTypesExact from "prop-types-exact";
|
|
11
|
+
import useInput from "../use-input.js";
|
|
12
|
+
const OptionElement = memo(shapeComponent(class OptionElement extends ShapeComponent {
|
|
13
|
+
render() {
|
|
14
|
+
const { generatedId, inputCheckboxClassName, isDefaultSelected, inputName, option, optionIndex, options, wrapperOpts } = this.p;
|
|
15
|
+
const { errors } = digs(wrapperOpts, "errors");
|
|
16
|
+
const id = `${generatedId}-${optionIndex}`;
|
|
17
|
+
return (_jsxs("div", { className: "checkboxes-option", children: [_jsx("input", { className: inputCheckboxClassName, "data-option-value": option[1], defaultChecked: isDefaultSelected, id: id, name: inputName, onChange: this.tt.onChange, type: "checkbox", value: option[1] }), _jsx("label", { className: "ml-1", htmlFor: id, children: option[0] }), (optionIndex + 1) == options.length && errors.length > 0 &&
|
|
18
|
+
_jsx(InvalidFeedback, { errors: errors })] }, `option-${option[1]}`));
|
|
22
19
|
}
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
}));
|
|
28
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
29
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
30
|
-
}) : function(o, v) {
|
|
31
|
-
o["default"] = v;
|
|
32
|
-
});
|
|
33
|
-
var __importStar = (this && this.__importStar) || (function () {
|
|
34
|
-
var ownKeys = function(o) {
|
|
35
|
-
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
36
|
-
var ar = [];
|
|
37
|
-
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
38
|
-
return ar;
|
|
39
|
-
};
|
|
40
|
-
return ownKeys(o);
|
|
41
|
-
};
|
|
42
|
-
return function (mod) {
|
|
43
|
-
if (mod && mod.__esModule) return mod;
|
|
44
|
-
var result = {};
|
|
45
|
-
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
46
|
-
__setModuleDefault(result, mod);
|
|
47
|
-
return result;
|
|
20
|
+
onChange = (event, ...restProps) => {
|
|
21
|
+
this.p.onOptionChecked({ event, option: this.p.option });
|
|
22
|
+
if (this.props.onChange)
|
|
23
|
+
this.props.onChange(event, ...restProps);
|
|
48
24
|
};
|
|
49
|
-
})
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
25
|
+
}));
|
|
26
|
+
export default memo(shapeComponent(class ApiMakerBootstrapCheckboxes extends ShapeComponent {
|
|
27
|
+
static propTypes = propTypesExact({
|
|
28
|
+
attribute: PropTypes.string,
|
|
29
|
+
defaultValue: PropTypes.array,
|
|
30
|
+
label: PropTypes.string,
|
|
31
|
+
labelClassName: PropTypes.string,
|
|
32
|
+
model: PropTypes.object,
|
|
33
|
+
name: PropTypes.string,
|
|
34
|
+
onChange: PropTypes.func,
|
|
35
|
+
options: PropTypes.array.isRequired
|
|
36
|
+
});
|
|
37
|
+
setup() {
|
|
38
|
+
const { inputProps, wrapperOpts } = useInput({ props: this.props });
|
|
39
|
+
this.generatedId = useMemo(() => Math.random().toString(36).substring(2, 15) + Math.random().toString(36).substring(2, 15), []);
|
|
40
|
+
this.setInstance({
|
|
41
|
+
form: useForm(),
|
|
42
|
+
inputProps,
|
|
43
|
+
wrapperOpts
|
|
44
|
+
});
|
|
45
|
+
this.useStates({
|
|
46
|
+
checkedOptions: () => {
|
|
47
|
+
if (Array.isArray(this.props.defaultValue))
|
|
48
|
+
return this.props.defaultValue;
|
|
49
|
+
if (this.props.defaultValue)
|
|
50
|
+
return [this.props.defaultValue];
|
|
51
|
+
return [];
|
|
52
|
+
}
|
|
53
|
+
});
|
|
54
|
+
useMemo(() => {
|
|
55
|
+
if (this.form && inputProps.name) {
|
|
56
|
+
this.form.setValue(inputProps.name, this.s.checkedOptions);
|
|
57
|
+
}
|
|
58
|
+
}, []);
|
|
59
|
+
}
|
|
60
|
+
render() {
|
|
61
|
+
return (_jsxs("div", { className: "component-bootstrap-checkboxes form-group", children: [_jsx("label", { className: this.labelClassName(), children: this.tt.wrapperOpts.label }), _jsx("input", { name: this.inputName(), ref: this.tt.inputProps.ref, type: "hidden", value: "" }), this.props.options.map((option, index) => _jsx(OptionElement, { inputCheckboxClassName: this.tt.inputCheckboxClassName(), inputName: this.inputName(), isDefaultSelected: this.isDefaultSelected(option[1]), generatedId: this.tt.generatedId, onChange: this.props.onChange, onOptionChecked: this.tt.onOptionChecked, option: option, optionIndex: index, options: this.props.options, wrapperOpts: this.tt.wrapperOpts }, option[1]))] }));
|
|
62
|
+
}
|
|
63
|
+
inputDefaultValue() {
|
|
64
|
+
const { attribute, defaultValue, model } = this.props;
|
|
65
|
+
if (defaultValue) {
|
|
66
|
+
return defaultValue;
|
|
67
|
+
}
|
|
68
|
+
else if (attribute && model) {
|
|
69
|
+
if (!model[attribute])
|
|
70
|
+
throw `No such attribute: ${attribute}`;
|
|
71
|
+
return this.props.model[attribute]();
|
|
55
72
|
}
|
|
56
73
|
}
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
var _a;
|
|
63
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
64
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
65
|
-
var shape_component_js_1 = require("set-state-compare/build/shape-component.js");
|
|
66
|
-
var react_1 = __importStar(require("react"));
|
|
67
|
-
var diggerize_1 = require("diggerize");
|
|
68
|
-
var form_1 = require("../form");
|
|
69
|
-
var inflection = __importStar(require("inflection"));
|
|
70
|
-
var invalid_feedback_js_1 = __importDefault(require("./invalid-feedback.js"));
|
|
71
|
-
var memo_js_1 = __importDefault(require("set-state-compare/build/memo.js"));
|
|
72
|
-
var prop_types_1 = __importDefault(require("prop-types"));
|
|
73
|
-
var prop_types_exact_1 = __importDefault(require("prop-types-exact"));
|
|
74
|
-
var use_input_js_1 = __importDefault(require("../use-input.js"));
|
|
75
|
-
var OptionElement = (0, memo_js_1.default)((0, shape_component_js_1.shapeComponent)(/** @class */ (function (_super) {
|
|
76
|
-
__extends(OptionElement, _super);
|
|
77
|
-
function OptionElement() {
|
|
78
|
-
var _this = _super !== null && _super.apply(this, arguments) || this;
|
|
79
|
-
_this.onChange = function (event) {
|
|
80
|
-
var _b;
|
|
81
|
-
var restProps = [];
|
|
82
|
-
for (var _i = 1; _i < arguments.length; _i++) {
|
|
83
|
-
restProps[_i - 1] = arguments[_i];
|
|
84
|
-
}
|
|
85
|
-
_this.p.onOptionChecked({ event: event, option: _this.p.option });
|
|
86
|
-
if (_this.props.onChange)
|
|
87
|
-
(_b = _this.props).onChange.apply(_b, __spreadArray([event], restProps, false));
|
|
88
|
-
};
|
|
89
|
-
return _this;
|
|
74
|
+
inputCheckboxClassName() {
|
|
75
|
+
const classNames = [];
|
|
76
|
+
if (this.tt.wrapperOpts.errors.length > 0)
|
|
77
|
+
classNames.push("is-invalid");
|
|
78
|
+
return classNames.join(" ");
|
|
90
79
|
}
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
var id = "".concat(generatedId, "-").concat(optionIndex);
|
|
95
|
-
return ((0, jsx_runtime_1.jsxs)("div", { className: "checkboxes-option", children: [(0, jsx_runtime_1.jsx)("input", { className: inputCheckboxClassName, "data-option-value": option[1], defaultChecked: isDefaultSelected, id: id, name: inputName, onChange: this.tt.onChange, type: "checkbox", value: option[1] }), (0, jsx_runtime_1.jsx)("label", { className: "ml-1", htmlFor: id, children: option[0] }), (optionIndex + 1) == options.length && errors.length > 0 &&
|
|
96
|
-
(0, jsx_runtime_1.jsx)(invalid_feedback_js_1.default, { errors: errors })] }, "option-".concat(option[1])));
|
|
97
|
-
};
|
|
98
|
-
return OptionElement;
|
|
99
|
-
}(shape_component_js_1.ShapeComponent))));
|
|
100
|
-
exports.default = (0, memo_js_1.default)((0, shape_component_js_1.shapeComponent)((_a = /** @class */ (function (_super) {
|
|
101
|
-
__extends(ApiMakerBootstrapCheckboxes, _super);
|
|
102
|
-
function ApiMakerBootstrapCheckboxes() {
|
|
103
|
-
var _this = _super !== null && _super.apply(this, arguments) || this;
|
|
104
|
-
_this.onOptionChecked = function (_b) {
|
|
105
|
-
var event = _b.event, option = _b.option;
|
|
106
|
-
var _c = _this.tt, inputProps = _c.inputProps, form = _c.form;
|
|
107
|
-
var name = inputProps.name;
|
|
108
|
-
var checked = event.target.checked;
|
|
109
|
-
var newOptions;
|
|
110
|
-
if (checked) {
|
|
111
|
-
newOptions = _this.s.checkedOptions.concat([option[1]]);
|
|
112
|
-
_this.setState({ checkedOptions: newOptions });
|
|
113
|
-
}
|
|
114
|
-
else {
|
|
115
|
-
newOptions = _this.s.checkedOptions.filter(function (value) { return value != option[1]; });
|
|
116
|
-
_this.setState({ checkedOptions: newOptions });
|
|
117
|
-
}
|
|
118
|
-
if (form && name) {
|
|
119
|
-
form.setValue(name, newOptions);
|
|
120
|
-
}
|
|
121
|
-
};
|
|
122
|
-
return _this;
|
|
80
|
+
inputName() {
|
|
81
|
+
if (this.props.name) {
|
|
82
|
+
return `${this.props.name}[]`;
|
|
123
83
|
}
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
(
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
};
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
}
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
}
|
|
164
|
-
};
|
|
165
|
-
ApiMakerBootstrapCheckboxes.prototype.inputCheckboxClassName = function () {
|
|
166
|
-
var classNames = [];
|
|
167
|
-
if (this.tt.wrapperOpts.errors.length > 0)
|
|
168
|
-
classNames.push("is-invalid");
|
|
169
|
-
return classNames.join(" ");
|
|
170
|
-
};
|
|
171
|
-
ApiMakerBootstrapCheckboxes.prototype.inputName = function () {
|
|
172
|
-
if (this.props.name) {
|
|
173
|
-
return "".concat(this.props.name, "[]");
|
|
174
|
-
}
|
|
175
|
-
else if (this.props.model) {
|
|
176
|
-
return "".concat(this.props.model.modelClassData().paramKey, "[").concat(inflection.underscore(this.props.attribute), "]");
|
|
177
|
-
}
|
|
178
|
-
};
|
|
179
|
-
ApiMakerBootstrapCheckboxes.prototype.isDefaultSelected = function (option) {
|
|
180
|
-
var defaultValue = this.inputDefaultValue();
|
|
181
|
-
if (!defaultValue)
|
|
182
|
-
return false;
|
|
183
|
-
if (defaultValue.constructor === Array) {
|
|
184
|
-
return defaultValue.includes(option);
|
|
185
|
-
}
|
|
186
|
-
else {
|
|
187
|
-
return defaultValue == option;
|
|
188
|
-
}
|
|
189
|
-
};
|
|
190
|
-
ApiMakerBootstrapCheckboxes.prototype.labelClassName = function () {
|
|
191
|
-
var classNames = [];
|
|
192
|
-
if (this.props.labelClassName)
|
|
193
|
-
classNames.push(this.props.labelClassName);
|
|
194
|
-
return classNames.join(" ");
|
|
195
|
-
};
|
|
196
|
-
return ApiMakerBootstrapCheckboxes;
|
|
197
|
-
}(shape_component_js_1.ShapeComponent)),
|
|
198
|
-
_a.propTypes = (0, prop_types_exact_1.default)({
|
|
199
|
-
attribute: prop_types_1.default.string,
|
|
200
|
-
defaultValue: prop_types_1.default.array,
|
|
201
|
-
label: prop_types_1.default.string,
|
|
202
|
-
labelClassName: prop_types_1.default.string,
|
|
203
|
-
model: prop_types_1.default.object,
|
|
204
|
-
name: prop_types_1.default.string,
|
|
205
|
-
onChange: prop_types_1.default.func,
|
|
206
|
-
options: prop_types_1.default.array.isRequired
|
|
207
|
-
}),
|
|
208
|
-
_a)));
|
|
84
|
+
else if (this.props.model) {
|
|
85
|
+
return `${this.props.model.modelClassData().paramKey}[${inflection.underscore(this.props.attribute)}]`;
|
|
86
|
+
}
|
|
87
|
+
}
|
|
88
|
+
isDefaultSelected(option) {
|
|
89
|
+
let defaultValue = this.inputDefaultValue();
|
|
90
|
+
if (!defaultValue)
|
|
91
|
+
return false;
|
|
92
|
+
if (defaultValue.constructor === Array) {
|
|
93
|
+
return defaultValue.includes(option);
|
|
94
|
+
}
|
|
95
|
+
else {
|
|
96
|
+
return defaultValue == option;
|
|
97
|
+
}
|
|
98
|
+
}
|
|
99
|
+
labelClassName() {
|
|
100
|
+
const classNames = [];
|
|
101
|
+
if (this.props.labelClassName)
|
|
102
|
+
classNames.push(this.props.labelClassName);
|
|
103
|
+
return classNames.join(" ");
|
|
104
|
+
}
|
|
105
|
+
onOptionChecked = ({ event, option }) => {
|
|
106
|
+
const { inputProps, form } = this.tt;
|
|
107
|
+
const { name } = inputProps;
|
|
108
|
+
const checked = event.target.checked;
|
|
109
|
+
let newOptions;
|
|
110
|
+
if (checked) {
|
|
111
|
+
newOptions = this.s.checkedOptions.concat([option[1]]);
|
|
112
|
+
this.setState({ checkedOptions: newOptions });
|
|
113
|
+
}
|
|
114
|
+
else {
|
|
115
|
+
newOptions = this.s.checkedOptions.filter((value) => value != option[1]);
|
|
116
|
+
this.setState({ checkedOptions: newOptions });
|
|
117
|
+
}
|
|
118
|
+
if (form && name) {
|
|
119
|
+
form.setValue(name, newOptions);
|
|
120
|
+
}
|
|
121
|
+
};
|
|
122
|
+
}));
|
|
209
123
|
//# sourceMappingURL=checkboxes.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkboxes.js","sourceRoot":"/src/","sources":["bootstrap/checkboxes.jsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"checkboxes.js","sourceRoot":"/src/","sources":["bootstrap/checkboxes.jsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,cAAc,EAAE,cAAc,EAAC,MAAM,4CAA4C,CAAA;AACzF,OAAO,KAAK,EAAE,EAAC,OAAO,EAAC,MAAM,OAAO,CAAA;AACpC,OAAO,EAAC,IAAI,EAAC,MAAM,WAAW,CAAA;AAC9B,OAAO,EAAC,OAAO,EAAC,MAAM,SAAS,CAAA;AAC/B,OAAO,KAAK,UAAU,MAAM,YAAY,CAAA;AACxC,OAAO,eAAe,MAAM,uBAAuB,CAAA;AACnD,OAAO,IAAI,MAAM,iCAAiC,CAAA;AAClD,OAAO,SAAS,MAAM,YAAY,CAAA;AAClC,OAAO,cAAc,MAAM,kBAAkB,CAAA;AAC7C,OAAO,QAAQ,MAAM,iBAAiB,CAAA;AAEtC,MAAM,aAAa,GAAG,IAAI,CAAC,cAAc,CAAC,MAAM,aAAc,SAAQ,cAAc;IAClF,MAAM;QACJ,MAAM,EAAC,WAAW,EAAE,sBAAsB,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,EAAE,WAAW,EAAE,OAAO,EAAE,WAAW,EAAC,GAAG,IAAI,CAAC,CAAC,CAAA;QAC7H,MAAM,EAAC,MAAM,EAAC,GAAG,IAAI,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAA;QAC5C,MAAM,EAAE,GAAG,GAAG,WAAW,IAAI,WAAW,EAAE,CAAA;QAE1C,OAAO,CACL,eAAK,SAAS,EAAC,mBAAmB,aAChC,gBACE,SAAS,EAAE,sBAAsB,uBACd,MAAM,CAAC,CAAC,CAAC,EAC5B,cAAc,EAAE,iBAAiB,EACjC,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,SAAS,EACf,QAAQ,EAAE,IAAI,CAAC,EAAE,CAAC,QAAQ,EAC1B,IAAI,EAAC,UAAU,EACf,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,GAChB,EAEF,gBAAO,SAAS,EAAC,MAAM,EAAC,OAAO,EAAE,EAAE,YAChC,MAAM,CAAC,CAAC,CAAC,GACJ,EAEP,CAAC,WAAW,GAAG,CAAC,CAAC,IAAI,OAAO,CAAC,MAAM,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC;oBACvD,KAAC,eAAe,IAAC,MAAM,EAAE,MAAM,GAAI,KAjBC,UAAU,MAAM,CAAC,CAAC,CAAC,EAAE,CAmBvD,CACP,CAAA;IACH,CAAC;IAED,QAAQ,GAAG,CAAC,KAAK,EAAE,GAAG,SAAS,EAAE,EAAE;QACjC,IAAI,CAAC,CAAC,CAAC,eAAe,CAAC,EAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,MAAM,EAAC,CAAC,CAAA;QAEtD,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ;YAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,EAAE,GAAG,SAAS,CAAC,CAAA;IACnE,CAAC,CAAA;CACF,CAAC,CAAC,CAAA;AAEH,eAAe,IAAI,CAAC,cAAc,CAAC,MAAM,2BAA4B,SAAQ,cAAc;IACzF,MAAM,CAAC,SAAS,GAAG,cAAc,CAAC;QAChC,SAAS,EAAE,SAAS,CAAC,MAAM;QAC3B,YAAY,EAAE,SAAS,CAAC,KAAK;QAC7B,KAAK,EAAE,SAAS,CAAC,MAAM;QACvB,cAAc,EAAE,SAAS,CAAC,MAAM;QAChC,KAAK,EAAE,SAAS,CAAC,MAAM;QACvB,IAAI,EAAE,SAAS,CAAC,MAAM;QACtB,QAAQ,EAAE,SAAS,CAAC,IAAI;QACxB,OAAO,EAAE,SAAS,CAAC,KAAK,CAAC,UAAU;KACpC,CAAC,CAAA;IAEF,KAAK;QACH,MAAM,EAAC,UAAU,EAAE,WAAW,EAAC,GAAG,QAAQ,CAAC,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAC,CAAC,CAAA;QAE/D,IAAI,CAAC,WAAW,GAAG,OAAO,CACxB,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,EAAE,EAAE,CAAC,EAC/F,EAAE,CACH,CAAA;QAED,IAAI,CAAC,WAAW,CAAC;YACf,IAAI,EAAE,OAAO,EAAE;YACf,UAAU;YACV,WAAW;SACZ,CAAC,CAAA;QACF,IAAI,CAAC,SAAS,CAAC;YACb,cAAc,EAAE,GAAG,EAAE;gBACnB,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC;oBAAE,OAAO,IAAI,CAAC,KAAK,CAAC,YAAY,CAAA;gBAC1E,IAAI,IAAI,CAAC,KAAK,CAAC,YAAY;oBAAE,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,CAAA;gBAE7D,OAAO,EAAE,CAAA;YACX,CAAC;SACF,CAAC,CAAA;QAEF,OAAO,CAAC,GAAG,EAAE;YACX,IAAI,IAAI,CAAC,IAAI,IAAI,UAAU,CAAC,IAAI,EAAE,CAAC;gBACjC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,cAAc,CAAC,CAAA;YAC5D,CAAC;QACH,CAAC,EAAE,EAAE,CAAC,CAAA;IACR,CAAC;IAED,MAAM;QACJ,OAAO,CACL,eAAK,SAAS,EAAC,2CAA2C,aACxD,gBAAO,SAAS,EAAE,IAAI,CAAC,cAAc,EAAE,YACpC,IAAI,CAAC,EAAE,CAAC,WAAW,CAAC,KAAK,GACpB,EAER,gBAAO,IAAI,EAAE,IAAI,CAAC,SAAS,EAAE,EAAE,GAAG,EAAE,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,GAAG,EAAE,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,EAAE,GAAG,EACpF,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CACxC,KAAC,aAAa,IACZ,sBAAsB,EAAE,IAAI,CAAC,EAAE,CAAC,sBAAsB,EAAE,EACxD,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,EAC3B,iBAAiB,EAAE,IAAI,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,EACpD,WAAW,EAAE,IAAI,CAAC,EAAE,CAAC,WAAW,EAEhC,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAC7B,eAAe,EAAE,IAAI,CAAC,EAAE,CAAC,eAAe,EACxC,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,KAAK,EAClB,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,EAC3B,WAAW,EAAE,IAAI,CAAC,EAAE,CAAC,WAAW,IAN3B,MAAM,CAAC,CAAC,CAAC,CAOd,CACH,IACG,CACP,CAAA;IACH,CAAC;IAED,iBAAiB;QACf,MAAM,EAAC,SAAS,EAAE,YAAY,EAAE,KAAK,EAAC,GAAG,IAAI,CAAC,KAAK,CAAA;QAEnD,IAAI,YAAY,EAAE,CAAC;YACjB,OAAO,YAAY,CAAA;QACrB,CAAC;aAAM,IAAI,SAAS,IAAI,KAAK,EAAE,CAAC;YAC9B,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC;gBAAE,MAAM,sBAAsB,SAAS,EAAE,CAAA;YAE9D,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,CAAA;QACtC,CAAC;IACH,CAAC;IAED,sBAAsB;QACpB,MAAM,UAAU,GAAG,EAAE,CAAA;QAErB,IAAI,IAAI,CAAC,EAAE,CAAC,WAAW,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC;YAAE,UAAU,CAAC,IAAI,CAAC,YAAY,CAAC,CAAA;QAExE,OAAO,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;IAC7B,CAAC;IAED,SAAS;QACP,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;YACpB,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,CAAA;QAC/B,CAAC;aAAM,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;YAC5B,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,cAAc,EAAE,CAAC,QAAQ,IAAI,UAAU,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,GAAG,CAAA;QACxG,CAAC;IACH,CAAC;IAED,iBAAiB,CAAE,MAAM;QACvB,IAAI,YAAY,GAAG,IAAI,CAAC,iBAAiB,EAAE,CAAA;QAE3C,IAAI,CAAC,YAAY;YAAE,OAAO,KAAK,CAAA;QAE/B,IAAI,YAAY,CAAC,WAAW,KAAK,KAAK,EAAE,CAAC;YACvC,OAAO,YAAY,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAA;QACtC,CAAC;aAAM,CAAC;YACN,OAAO,YAAY,IAAI,MAAM,CAAA;QAC/B,CAAC;IACH,CAAC;IAED,cAAc;QACZ,MAAM,UAAU,GAAG,EAAE,CAAA;QAErB,IAAI,IAAI,CAAC,KAAK,CAAC,cAAc;YAAE,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,CAAA;QAEzE,OAAO,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;IAC7B,CAAC;IAED,eAAe,GAAG,CAAC,EAAC,KAAK,EAAE,MAAM,EAAC,EAAE,EAAE;QACpC,MAAM,EAAC,UAAU,EAAE,IAAI,EAAC,GAAG,IAAI,CAAC,EAAE,CAAA;QAClC,MAAM,EAAC,IAAI,EAAC,GAAG,UAAU,CAAA;QACzB,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,OAAO,CAAA;QACpC,IAAI,UAAU,CAAA;QAEd,IAAI,OAAO,EAAE,CAAC;YACZ,UAAU,GAAG,IAAI,CAAC,CAAC,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;YAEtD,IAAI,CAAC,QAAQ,CAAC,EAAC,cAAc,EAAE,UAAU,EAAC,CAAC,CAAA;QAC7C,CAAC;aAAM,CAAC;YACN,UAAU,GAAG,IAAI,CAAC,CAAC,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,IAAI,MAAM,CAAC,CAAC,CAAC,CAAC,CAAA;YAExE,IAAI,CAAC,QAAQ,CAAC,EAAC,cAAc,EAAE,UAAU,EAAC,CAAC,CAAA;QAC7C,CAAC;QAED,IAAI,IAAI,IAAI,IAAI,EAAE,CAAC;YACjB,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,UAAU,CAAC,CAAA;QACjC,CAAC;IACH,CAAC,CAAA;CACF,CAAC,CAAC,CAAA"}
|
package/build/bootstrap/input.js
CHANGED
|
@@ -1,135 +1,84 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { digs } from "diggerize";
|
|
3
|
+
import inputWrapper from "../inputs/input-wrapper";
|
|
4
|
+
import { Input } from "../inputs/input";
|
|
5
|
+
import InvalidFeedback from "./invalid-feedback.js";
|
|
6
|
+
import memo from "set-state-compare/build/memo.js";
|
|
7
|
+
import Money from "../inputs/money";
|
|
8
|
+
import PropTypes from "prop-types";
|
|
9
|
+
import React from "react";
|
|
10
|
+
import { shapeComponent, ShapeComponent } from "set-state-compare/build/shape-component.js";
|
|
11
|
+
const ApiMakerBootstrapInput = memo(shapeComponent(class ApiMakerBootstrapInput extends ShapeComponent {
|
|
12
|
+
static propTypes = {
|
|
13
|
+
append: PropTypes.any,
|
|
14
|
+
appendText: PropTypes.any,
|
|
15
|
+
attribute: PropTypes.string,
|
|
16
|
+
className: PropTypes.string,
|
|
17
|
+
currenciesCollection: PropTypes.array,
|
|
18
|
+
currencyName: PropTypes.string,
|
|
19
|
+
hint: PropTypes.any,
|
|
20
|
+
hintBottom: PropTypes.any,
|
|
21
|
+
id: PropTypes.string,
|
|
22
|
+
label: PropTypes.any,
|
|
23
|
+
labelClassName: PropTypes.string,
|
|
24
|
+
model: PropTypes.object,
|
|
25
|
+
name: PropTypes.string,
|
|
26
|
+
placeholder: PropTypes.any,
|
|
27
|
+
prepend: PropTypes.any,
|
|
28
|
+
prependText: PropTypes.any,
|
|
29
|
+
small: PropTypes.bool,
|
|
30
|
+
type: PropTypes.string,
|
|
31
|
+
wrapperClassName: PropTypes.string
|
|
8
32
|
};
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
33
|
+
render() {
|
|
34
|
+
const { append, appendText, attribute, className, currenciesCollection, currencyName, hint, hintBottom, id, inputClassName, inputProps, inputRef, label, labelClassName, model, name, prepend, prependText, type, wrapperClassName, wrapperOpts, ...restProps } = this.props;
|
|
35
|
+
const { ref, ...forwardedInputProps } = inputProps;
|
|
36
|
+
const { errors } = digs(wrapperOpts, "errors");
|
|
37
|
+
return (_jsxs("div", { className: this.wrapperClassName(), ref: this.props.wrapperRef, children: [wrapperOpts.label &&
|
|
38
|
+
_jsx("label", { className: this.labelClassName(), htmlFor: inputProps.id, children: wrapperOpts.label }), hint &&
|
|
39
|
+
_jsx("span", { className: "form-text text-muted font-smoothing font-xs", children: hint }), type == "money" &&
|
|
40
|
+
_jsx(Money, { name: inputProps.name, className: this.inputClassName(), ref: this.props.moneyRef, ...this.moneyProps() }), type != "money" &&
|
|
41
|
+
_jsxs("div", { className: "input-group", children: [(prepend || prependText) &&
|
|
42
|
+
_jsxs("div", { className: "input-group-prepend", children: [prependText &&
|
|
43
|
+
_jsx("span", { className: "input-group-text", children: prependText }), prepend] }), _jsx(Input, { attribute: attribute, className: this.inputClassName(), inputProps: inputProps, model: model, wrapperOpts: wrapperOpts, ...forwardedInputProps, ...restProps }), (append || appendText) &&
|
|
44
|
+
_jsxs("div", { className: "input-group-append", children: [appendText &&
|
|
45
|
+
_jsx("span", { className: "input-group-text", children: appendText }), append] }), errors.length > 0 && _jsx(InvalidFeedback, { errors: errors })] }), hintBottom &&
|
|
46
|
+
_jsx("span", { className: "form-text text-muted font-smoothing font-xs", children: hintBottom })] }));
|
|
47
|
+
}
|
|
48
|
+
inputClassName() {
|
|
49
|
+
const classNames = ["form-control"];
|
|
50
|
+
if (this.props.className)
|
|
51
|
+
classNames.push(this.props.className);
|
|
52
|
+
if (this.props.wrapperOpts.errors.length > 0)
|
|
53
|
+
classNames.push("is-invalid");
|
|
54
|
+
return classNames.join(" ");
|
|
55
|
+
}
|
|
56
|
+
labelClassName() {
|
|
57
|
+
const classNames = [];
|
|
58
|
+
if (this.props.labelClassName)
|
|
59
|
+
classNames.push(this.props.labelClassName);
|
|
60
|
+
return classNames.join(" ");
|
|
61
|
+
}
|
|
62
|
+
moneyProps() {
|
|
63
|
+
const moneyProps = {};
|
|
64
|
+
const forwardedProps = ["attribute", "currenciesCollection", "currencyName", "model", "onChange", "placeholder", "small"];
|
|
65
|
+
for (const forwardedProp of forwardedProps) {
|
|
66
|
+
if (forwardedProp in this.props)
|
|
67
|
+
moneyProps[forwardedProp] = this.props[forwardedProp];
|
|
36
68
|
}
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
};
|
|
42
|
-
var _a;
|
|
43
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
44
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
45
|
-
var diggerize_1 = require("diggerize");
|
|
46
|
-
var input_wrapper_1 = __importDefault(require("../inputs/input-wrapper"));
|
|
47
|
-
var input_1 = require("../inputs/input");
|
|
48
|
-
var invalid_feedback_js_1 = __importDefault(require("./invalid-feedback.js"));
|
|
49
|
-
var memo_js_1 = __importDefault(require("set-state-compare/build/memo.js"));
|
|
50
|
-
var money_1 = __importDefault(require("../inputs/money"));
|
|
51
|
-
var prop_types_1 = __importDefault(require("prop-types"));
|
|
52
|
-
var react_1 = __importDefault(require("react"));
|
|
53
|
-
var shape_component_js_1 = require("set-state-compare/build/shape-component.js");
|
|
54
|
-
var ApiMakerBootstrapInput = (0, memo_js_1.default)((0, shape_component_js_1.shapeComponent)((_a = /** @class */ (function (_super) {
|
|
55
|
-
__extends(ApiMakerBootstrapInput, _super);
|
|
56
|
-
function ApiMakerBootstrapInput() {
|
|
57
|
-
return _super !== null && _super.apply(this, arguments) || this;
|
|
69
|
+
const forwardedInputProps = ["defaultValue"];
|
|
70
|
+
for (const forwardedInputProp of forwardedInputProps) {
|
|
71
|
+
if (forwardedInputProp in this.props.inputProps)
|
|
72
|
+
moneyProps[forwardedInputProp] = this.props.inputProps[forwardedInputProp];
|
|
58
73
|
}
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
(0, jsx_runtime_1.jsx)("span", { className: "input-group-text", children: prependText }), prepend] }), (0, jsx_runtime_1.jsx)(input_1.Input, __assign({ attribute: attribute, className: this.inputClassName(), inputProps: inputProps, model: model, wrapperOpts: wrapperOpts }, forwardedInputProps, restProps)), (append || appendText) &&
|
|
70
|
-
(0, jsx_runtime_1.jsxs)("div", { className: "input-group-append", children: [appendText &&
|
|
71
|
-
(0, jsx_runtime_1.jsx)("span", { className: "input-group-text", children: appendText }), append] }), errors.length > 0 && (0, jsx_runtime_1.jsx)(invalid_feedback_js_1.default, { errors: errors })] }), hintBottom &&
|
|
72
|
-
(0, jsx_runtime_1.jsx)("span", { className: "form-text text-muted font-smoothing font-xs", children: hintBottom })] }));
|
|
73
|
-
};
|
|
74
|
-
ApiMakerBootstrapInput.prototype.inputClassName = function () {
|
|
75
|
-
var classNames = ["form-control"];
|
|
76
|
-
if (this.props.className)
|
|
77
|
-
classNames.push(this.props.className);
|
|
78
|
-
if (this.props.wrapperOpts.errors.length > 0)
|
|
79
|
-
classNames.push("is-invalid");
|
|
80
|
-
return classNames.join(" ");
|
|
81
|
-
};
|
|
82
|
-
ApiMakerBootstrapInput.prototype.labelClassName = function () {
|
|
83
|
-
var classNames = [];
|
|
84
|
-
if (this.props.labelClassName)
|
|
85
|
-
classNames.push(this.props.labelClassName);
|
|
86
|
-
return classNames.join(" ");
|
|
87
|
-
};
|
|
88
|
-
ApiMakerBootstrapInput.prototype.moneyProps = function () {
|
|
89
|
-
var moneyProps = {};
|
|
90
|
-
var forwardedProps = ["attribute", "currenciesCollection", "currencyName", "model", "onChange", "placeholder", "small"];
|
|
91
|
-
for (var _i = 0, forwardedProps_1 = forwardedProps; _i < forwardedProps_1.length; _i++) {
|
|
92
|
-
var forwardedProp = forwardedProps_1[_i];
|
|
93
|
-
if (forwardedProp in this.props)
|
|
94
|
-
moneyProps[forwardedProp] = this.props[forwardedProp];
|
|
95
|
-
}
|
|
96
|
-
var forwardedInputProps = ["defaultValue"];
|
|
97
|
-
for (var _b = 0, forwardedInputProps_1 = forwardedInputProps; _b < forwardedInputProps_1.length; _b++) {
|
|
98
|
-
var forwardedInputProp = forwardedInputProps_1[_b];
|
|
99
|
-
if (forwardedInputProp in this.props.inputProps)
|
|
100
|
-
moneyProps[forwardedInputProp] = this.props.inputProps[forwardedInputProp];
|
|
101
|
-
}
|
|
102
|
-
return moneyProps;
|
|
103
|
-
};
|
|
104
|
-
ApiMakerBootstrapInput.prototype.wrapperClassName = function () {
|
|
105
|
-
var classNames = ["form-group", "component-bootstrap-string-input"];
|
|
106
|
-
if (this.props.wrapperClassName)
|
|
107
|
-
classNames.push(this.props.wrapperClassName);
|
|
108
|
-
return classNames.join(" ");
|
|
109
|
-
};
|
|
110
|
-
return ApiMakerBootstrapInput;
|
|
111
|
-
}(shape_component_js_1.ShapeComponent)),
|
|
112
|
-
_a.propTypes = {
|
|
113
|
-
append: prop_types_1.default.any,
|
|
114
|
-
appendText: prop_types_1.default.any,
|
|
115
|
-
attribute: prop_types_1.default.string,
|
|
116
|
-
className: prop_types_1.default.string,
|
|
117
|
-
currenciesCollection: prop_types_1.default.array,
|
|
118
|
-
currencyName: prop_types_1.default.string,
|
|
119
|
-
hint: prop_types_1.default.any,
|
|
120
|
-
hintBottom: prop_types_1.default.any,
|
|
121
|
-
id: prop_types_1.default.string,
|
|
122
|
-
label: prop_types_1.default.any,
|
|
123
|
-
labelClassName: prop_types_1.default.string,
|
|
124
|
-
model: prop_types_1.default.object,
|
|
125
|
-
name: prop_types_1.default.string,
|
|
126
|
-
placeholder: prop_types_1.default.any,
|
|
127
|
-
prepend: prop_types_1.default.any,
|
|
128
|
-
prependText: prop_types_1.default.any,
|
|
129
|
-
small: prop_types_1.default.bool,
|
|
130
|
-
type: prop_types_1.default.string,
|
|
131
|
-
wrapperClassName: prop_types_1.default.string
|
|
132
|
-
},
|
|
133
|
-
_a)));
|
|
134
|
-
exports.default = (0, input_wrapper_1.default)(ApiMakerBootstrapInput);
|
|
74
|
+
return moneyProps;
|
|
75
|
+
}
|
|
76
|
+
wrapperClassName() {
|
|
77
|
+
const classNames = ["form-group", "component-bootstrap-string-input"];
|
|
78
|
+
if (this.props.wrapperClassName)
|
|
79
|
+
classNames.push(this.props.wrapperClassName);
|
|
80
|
+
return classNames.join(" ");
|
|
81
|
+
}
|
|
82
|
+
}));
|
|
83
|
+
export default inputWrapper(ApiMakerBootstrapInput);
|
|
135
84
|
//# sourceMappingURL=input.js.map
|