@ainias42/react-bootstrap-mobile 0.2.0 → 0.2.2
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/bin/updateCopies.js +3 -2
- package/bootstrapReactMobile.ts +10 -0
- package/dist/bootstrapReactMobile.d.ts +10 -0
- package/dist/bootstrapReactMobile.js +1187 -606
- package/dist/bootstrapReactMobile.js.map +1 -1
- package/dist/src/Components/Clickable/Clickable.d.ts +6 -3
- package/dist/src/Components/Dialog/ButtonDialog.d.ts +5 -1
- package/dist/src/Components/Flavor.d.ts +3 -1
- package/dist/src/Components/FormElements/Button/Button.d.ts +4 -1
- package/dist/src/Components/FormElements/Controller/HookForm.d.ts +8 -0
- package/dist/src/Components/FormElements/Controller/InputController.d.ts +4 -0
- package/dist/src/Components/FormElements/Controller/MultipleFileInputController.d.ts +3 -0
- package/dist/src/Components/FormElements/Controller/PasswordInputController.d.ts +4 -0
- package/dist/src/Components/FormElements/Controller/SelectController.d.ts +3 -0
- package/dist/src/Components/FormElements/Controller/SendFormContext.d.ts +3 -0
- package/dist/src/Components/FormElements/Controller/TextareaController.d.ts +4 -0
- package/dist/src/Components/FormElements/Controller/withHookController.d.ts +4 -0
- package/dist/src/Components/FormElements/Input/FileInput/MultipleFileInput.d.ts +2 -1
- package/dist/src/Components/FormElements/Input/Input.d.ts +1 -0
- package/dist/src/Components/FormElements/Select/Select.d.ts +2 -1
- package/dist/src/Components/FormElements/Textarea/Textarea.d.ts +1 -0
- package/dist/src/Components/Hooks/useComposedRef.d.ts +1 -1
- package/dist/src/Components/Image/Image.d.ts +2 -2
- package/dist/src/Components/Layout/Grid/Grid.d.ts +1 -3
- package/dist/src/Components/List/InfiniteList.d.ts +7 -0
- package/dist/src/Components/List/List.d.ts +4 -2
- package/dist/src/Size.d.ts +8 -0
- package/package.json +5 -3
- package/src/Components/Clickable/Clickable.tsx +41 -6
- package/src/Components/Dialog/ButtonDialog.tsx +19 -10
- package/src/Components/Dialog/ConfirmDialog.tsx +1 -0
- package/src/Components/Dialog/buttonDialog.scss +20 -8
- package/src/Components/Flavor.ts +2 -0
- package/src/Components/FormElements/Button/Button.tsx +14 -8
- package/src/Components/FormElements/Button/button.scss +17 -0
- package/src/Components/FormElements/Controller/HookForm.tsx +43 -0
- package/src/Components/FormElements/Controller/InputController.ts +4 -0
- package/src/Components/FormElements/Controller/MultipleFileInputController.ts +4 -0
- package/src/Components/FormElements/Controller/PasswordInputController.ts +4 -0
- package/src/Components/FormElements/Controller/SelectController.ts +4 -0
- package/src/Components/FormElements/Controller/SendFormContext.ts +7 -0
- package/src/Components/FormElements/Controller/TextareaController.ts +4 -0
- package/src/Components/FormElements/Controller/withHookController.tsx +53 -0
- package/src/Components/FormElements/Input/FileInput/MultipleFileInput.tsx +4 -1
- package/src/Components/FormElements/Input/FileInput/fileInput.scss +5 -6
- package/src/Components/FormElements/Input/Input.tsx +17 -6
- package/src/Components/FormElements/Input/PasswordInput/PasswordInput.tsx +1 -1
- package/src/Components/FormElements/Input/input.scss +5 -0
- package/src/Components/FormElements/Select/Select.tsx +5 -0
- package/src/Components/FormElements/Select/select.scss +5 -0
- package/src/Components/FormElements/Textarea/Textarea.tsx +9 -4
- package/src/Components/FormElements/Textarea/textarea.scss +10 -1
- package/src/Components/FormElements/hooks/useOnChangeDone.ts +1 -1
- package/src/Components/Hooks/useComposedRef.ts +13 -16
- package/src/Components/Image/Image.tsx +2 -2
- package/src/Components/Layout/Grid/Grid.tsx +5 -4
- package/src/Components/List/InfiniteList.tsx +57 -0
- package/src/Components/List/List.tsx +14 -5
- package/src/Size.ts +9 -0
- package/src/scss/_baseClasses.scss +7 -11
- package/src/scss/_colors.scss +10 -5
- package/src/scss/_default.scss +2 -2
- package/src/scss/_flavorMixin.scss +6 -0
- package/src/scss/_variables.scss +2 -2
- package/webpack.config.js +1 -0
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
*
|
|
3
|
-
* @ainias42/react-bootstrap-mobile v0.1
|
|
3
|
+
* @ainias42/react-bootstrap-mobile v0.2.1
|
|
4
4
|
* git+https://github.com/Ainias/Bootstrap-React-Mobile.git
|
|
5
5
|
* Copyright (c) Silas Günther and project contributors.
|
|
6
6
|
* This source code is licensed under the MIT license found in the
|
|
@@ -1210,7 +1210,7 @@ var ___CSS_LOADER_API_SOURCEMAP_IMPORT___ = __webpack_require__(1354);
|
|
|
1210
1210
|
var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(6314);
|
|
1211
1211
|
var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);
|
|
1212
1212
|
// Module
|
|
1213
|
-
___CSS_LOADER_EXPORT___.push([module.id, `.card__JNkK_{margin:8px;padding:16px;word-wrap:break-word;background-color:#fff}.card__JNkK_.fullHeight__xYEuK{height:calc(100% - 16px)}.card__JNkK_.noPaddingHeight__hOIog{padding-top:0;padding-bottom:0}.card__JNkK_.noPaddingWidth__ontjp{padding-left:0;padding-right:0}.card__JNkK_.noPadding__bi80V{padding:0}.card__JNkK_.noMargin__NLiNU{margin:0}.card__JNkK_.noMargin__NLiNU.fullHeight__xYEuK{height:100%}.card__JNkK_ .content__jwaqW{font-size:16px;margin:0;line-height:1.4}.card__JNkK_ .title__BrHn0{padding:0}.material-design .card__JNkK_{border-radius:2px;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12),0 3px 1px -2px rgba(0,0,0,.2)}.material-design .card__JNkK_ .content__jwaqW{color:#000;color:rgba(0,0,0,.54)}.material-design .card__JNkK_ .title__BrHn0{margin:8px 0 12px 0;font-size:24px}.flat-design .card__JNkK_{border-radius:8px;box-shadow:0 1px 2px 0 rgba(0,0,0,.12)}.flat-design .card__JNkK_ .content__jwaqW{color:#030303}.flat-design .card__JNkK_ .title__BrHn0{margin:4px 0 8px 0;font-size:20px}`, "",{"version":3,"sources":["webpack://./src/Components/Card/card.scss","webpack://./src/scss/_variables.scss","webpack://./src/scss/_designMixin.scss"],"names":[],"mappings":"AAKA,aACE,UAHW,CAIX,YAAA,CACA,oBAAA,CACA,qBAAA,CAEA,+BACE,wBAAA,CAGF,oCACE,aAAA,CACA,gBAAA,CAGF,mCACE,cAAA,CACA,eAAA,CAGF,8BACE,SAAA,CAGF,6BACE,QAAA,CAEA,+CACE,WAAA,CAIJ,6BACE,cCrBW,CDsBX,QAAA,CACA,eAAA,CAGF,2BACE,SAAA,CExCS,8BF4CT,iBAAA,CACA,gGC9BgB,CDgChB,8CACE,UAAA,CACA,qBAAA,CAGF,4CACE,mBAAA,CACA,cAAA,CEtDO,0BF2DT,iBAAA,CACA,sCAAA,CAEA,0CACE,aAAA,CAGF,wCACE,kBAAA,CACA,cAAA","sourcesContent":["@import \"../../scss/variables\";\n@import \"../../scss/designMixin\";\n\n$marginCard: 8px;\n\n.card {\n margin: $marginCard;\n padding: 16px;\n word-wrap: break-word;\n background-color: #ffffff;\n\n &.fullHeight {\n height: calc(100% - #{2*$marginCard})\n }\n\n &.noPaddingHeight {\n padding-top: 0;\n padding-bottom: 0;\n }\n\n &.noPaddingWidth {\n padding-left: 0;\n padding-right: 0;\n }\n\n &.noPadding {\n padding: 0\n }\n\n &.noMargin {\n margin: 0;\n\n &.fullHeight {\n height: 100%\n }\n }\n\n .content {\n font-size: $fontSizeBase;\n margin: 0;\n line-height: 1.4;\n }\n\n .title {\n padding: 0;\n }\n\n @include design($material) {\n border-radius: 2px;\n box-shadow: $boxShadowMaterial;\n\n .content {\n color: #000000;\n color: rgba(0, 0, 0, 0.54);\n }\n\n .title {\n margin: 8px 0 12px 0;\n font-size: 24px;\n }\n }\n\n @include design($flat) {\n border-radius: 8px;\n box-shadow: 0 1px 2px 0 rgb(0 0 0 / 12%);\n\n .content {\n color: #030303;\n }\n\n .title {\n margin: 4px 0 8px 0;\n font-size: 20px;\n }\n }\n}\n","@import '
|
|
1213
|
+
___CSS_LOADER_EXPORT___.push([module.id, `.card__JNkK_{margin:8px;padding:16px;word-wrap:break-word;background-color:#fff}.card__JNkK_.fullHeight__xYEuK{height:calc(100% - 16px)}.card__JNkK_.noPaddingHeight__hOIog{padding-top:0;padding-bottom:0}.card__JNkK_.noPaddingWidth__ontjp{padding-left:0;padding-right:0}.card__JNkK_.noPadding__bi80V{padding:0}.card__JNkK_.noMargin__NLiNU{margin:0}.card__JNkK_.noMargin__NLiNU.fullHeight__xYEuK{height:100%}.card__JNkK_ .content__jwaqW{font-size:16px;margin:0;line-height:1.4}.card__JNkK_ .title__BrHn0{padding:0}.material-design .card__JNkK_{border-radius:2px;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12),0 3px 1px -2px rgba(0,0,0,.2)}.material-design .card__JNkK_ .content__jwaqW{color:#000;color:rgba(0,0,0,.54)}.material-design .card__JNkK_ .title__BrHn0{margin:8px 0 12px 0;font-size:24px}.flat-design .card__JNkK_{border-radius:8px;box-shadow:0 1px 2px 0 rgba(0,0,0,.12)}.flat-design .card__JNkK_ .content__jwaqW{color:#030303}.flat-design .card__JNkK_ .title__BrHn0{margin:4px 0 8px 0;font-size:20px}`, "",{"version":3,"sources":["webpack://./src/Components/Card/card.scss","webpack://./src/scss/_variables.scss","webpack://./src/scss/_designMixin.scss"],"names":[],"mappings":"AAKA,aACE,UAHW,CAIX,YAAA,CACA,oBAAA,CACA,qBAAA,CAEA,+BACE,wBAAA,CAGF,oCACE,aAAA,CACA,gBAAA,CAGF,mCACE,cAAA,CACA,eAAA,CAGF,8BACE,SAAA,CAGF,6BACE,QAAA,CAEA,+CACE,WAAA,CAIJ,6BACE,cCrBW,CDsBX,QAAA,CACA,eAAA,CAGF,2BACE,SAAA,CExCS,8BF4CT,iBAAA,CACA,gGC9BgB,CDgChB,8CACE,UAAA,CACA,qBAAA,CAGF,4CACE,mBAAA,CACA,cAAA,CEtDO,0BF2DT,iBAAA,CACA,sCAAA,CAEA,0CACE,aAAA,CAGF,wCACE,kBAAA,CACA,cAAA","sourcesContent":["@import \"../../scss/variables\";\n@import \"../../scss/designMixin\";\n\n$marginCard: 8px;\n\n.card {\n margin: $marginCard;\n padding: 16px;\n word-wrap: break-word;\n background-color: #ffffff;\n\n &.fullHeight {\n height: calc(100% - #{2*$marginCard})\n }\n\n &.noPaddingHeight {\n padding-top: 0;\n padding-bottom: 0;\n }\n\n &.noPaddingWidth {\n padding-left: 0;\n padding-right: 0;\n }\n\n &.noPadding {\n padding: 0\n }\n\n &.noMargin {\n margin: 0;\n\n &.fullHeight {\n height: 100%\n }\n }\n\n .content {\n font-size: $fontSizeBase;\n margin: 0;\n line-height: 1.4;\n }\n\n .title {\n padding: 0;\n }\n\n @include design($material) {\n border-radius: 2px;\n box-shadow: $boxShadowMaterial;\n\n .content {\n color: #000000;\n color: rgba(0, 0, 0, 0.54);\n }\n\n .title {\n margin: 8px 0 12px 0;\n font-size: 24px;\n }\n }\n\n @include design($flat) {\n border-radius: 8px;\n box-shadow: 0 1px 2px 0 rgb(0 0 0 / 12%);\n\n .content {\n color: #030303;\n }\n\n .title {\n margin: 4px 0 8px 0;\n font-size: 20px;\n }\n }\n}\n","@import 'bootstrap/scss/functions';\n@import 'bootstrap/scss/variables';\n\n$classPrefix: \"rbm-\";\n\n$material: \"material-design\";\n$flat: \"flat-design\";\n\n$android: $material;\n$ios: $flat;\n\n$animationDuration: 0.3s;\n$animationDurationMaterial: $animationDuration;\n$animationDurationFlat: $animationDuration;\n$animationDurationAndroid: $animationDurationMaterial;\n$animationDurationIos: $animationDurationFlat;\n\n$fontSizeBase: 16px;\n\n$boxShadowMaterial: 0 2px 2px 0 rgb(0 0 0 / 14%),\n0 1px 5px 0 rgb(0 0 0 / 12%),\n0 3px 1px -2px rgb(0 0 0 / 20%);\n","@use 'sass:selector';\n\n@mixin design($designName) {\n @if & {\n @at-root #{selector.nest(':global(.'+$designName+\")\", &)} {\n @content\n }\n } @else {\n :global(.#{$designName}) {\n @content\n }\n }\n}\n"],"sourceRoot":""}]);
|
|
1214
1214
|
// Exports
|
|
1215
1215
|
___CSS_LOADER_EXPORT___.locals = {
|
|
1216
1216
|
"card": `card__JNkK_`,
|
|
@@ -1253,13 +1253,14 @@ var ___CSS_LOADER_API_SOURCEMAP_IMPORT___ = __webpack_require__(1354);
|
|
|
1253
1253
|
var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(6314);
|
|
1254
1254
|
var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);
|
|
1255
1255
|
// Module
|
|
1256
|
-
___CSS_LOADER_EXPORT___.push([module.id, `.buttonDialog__FKbnS{font-weight:400;max-width:95%;overflow:hidden;min-width:270px}.buttonDialog__FKbnS .title__WvvXx{font-weight:500}.buttonDialog__FKbnS .buttonContainer__e9ZHw{width:100%}.buttonDialog__FKbnS .buttonContainer__e9ZHw .button__HSgul{color:var(--flavor-accent)
|
|
1256
|
+
___CSS_LOADER_EXPORT___.push([module.id, `.buttonDialog__FKbnS{font-weight:400;max-width:95%;overflow:hidden;min-width:270px}.buttonDialog__FKbnS .title__WvvXx{font-weight:500}.buttonDialog__FKbnS .buttonContainer__e9ZHw{width:100%}.buttonDialog__FKbnS .buttonContainer__e9ZHw .button__HSgul{padding:0 8px}.buttonDialog__FKbnS .buttonContainer__e9ZHw .button__HSgul .buttonText__O0SYI.flavor-accent{--text-primary-default-color:var(--flavor-accent)}.buttonDialog__FKbnS .buttonContainer__e9ZHw .button__HSgul .buttonText__O0SYI.flavor-basic{--text-primary-default-color:var(--flavor-basic)}.buttonDialog__FKbnS .buttonContainer__e9ZHw .button__HSgul .buttonText__O0SYI.flavor-destructive{--text-primary-default-color:var(--flavor-destructive)}.buttonDialog__FKbnS .buttonContainer__e9ZHw .button__HSgul .buttonText__O0SYI.flavor-constructive{--text-primary-default-color:var(--flavor-constructive)}.flat-design .buttonDialog__FKbnS{border-radius:8px;background-color:#f4f4f4;padding-top:16px;color:#1f1f21;font-family:-apple-system,"Helvetica Neue","Helvetica","Arial","Lucida Grande",sans-serif;text-align:center}.flat-design .buttonDialog__FKbnS .title__WvvXx{font-size:17px;padding:0 8px}.flat-design .buttonDialog__FKbnS .message__yLthE{font-size:14px;padding:4px 12px 8px;min-height:36px}.flat-design .buttonDialog__FKbnS .buttonContainer__e9ZHw{display:flex;white-space:nowrap}.flat-design .buttonDialog__FKbnS .buttonContainer__e9ZHw .button__HSgul{flex:1;display:block;border-left:1px solid var(--border-light);border-top:1px solid var(--border-light);vertical-align:middle;text-align:center;height:44px;overflow:hidden}.flat-design .buttonDialog__FKbnS .buttonContainer__e9ZHw .button__HSgul .buttonText__O0SYI{line-height:44px;text-overflow:ellipsis;letter-spacing:0;font-size:16px}.flat-design .buttonDialog__FKbnS .buttonContainer__e9ZHw .button__HSgul:first-child{border-left:none}.material-design .buttonDialog__FKbnS{border-radius:2px;background-color:#fff;padding:22px 0 0;box-shadow:0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12),0 8px 10px -5px rgba(0,0,0,.4);color:#31313a;font-family:"Roboto","Noto",sans-serif;text-align:left}.material-design .buttonDialog__FKbnS .title__WvvXx{font-size:20px;padding:0 24px}.material-design .buttonDialog__FKbnS .message__yLthE{font-size:16px;line-height:20px;padding:0 24px;margin:24px 0 10px 0;min-height:0;color:rgba(49,49,58,.85)}.material-design .buttonDialog__FKbnS .buttonContainer__e9ZHw{display:block;padding:0;height:52px;line-height:1}.material-design .buttonDialog__FKbnS .buttonContainer__e9ZHw .button__HSgul{text-transform:uppercase;display:inline-block;width:auto;float:right;border-radius:2px;height:36px;margin:8px 8px 8px 0;min-width:50px}.material-design .buttonDialog__FKbnS .buttonContainer__e9ZHw .button__HSgul .buttonText__O0SYI{line-height:36px;font-size:14px;font-weight:500}`, "",{"version":3,"sources":["webpack://./src/Components/Dialog/buttonDialog.scss","webpack://./src/scss/_flavorMixin.scss","webpack://./src/scss/_designMixin.scss"],"names":[],"mappings":"AAIA,qBACE,eAAA,CACA,aAAA,CACA,eAAA,CACA,eAAA,CAEA,mCACE,eAAA,CAMF,6CACE,UAAA,CAEA,4DACE,aAAA,CClBJ,6FACE,iDAAA,CAEF,4FACE,gDAAA,CAEF,kGACE,sDAAA,CAEF,mGACE,uDAAA,CCTS,kCF4BT,iBAAA,CACA,wBAAA,CACA,gBAAA,CACA,aAAA,CACA,yFAAA,CACA,iBAAA,CAEA,gDACE,cAAA,CACA,aAAA,CAGF,kDACE,cAAA,CACA,oBAAA,CACA,eAAA,CAGF,0DACE,YAAA,CACA,kBAAA,CAEA,yEACE,MAAA,CACA,aAAA,CACA,yCAAA,CACA,wCAAA,CACA,qBAAA,CACA,iBAAA,CACA,WAAA,CACA,eAAA,CAEA,4FACE,gBAAA,CACA,sBAAA,CACA,gBAAA,CACA,cAAA,CAGF,qFACE,gBAAA,CEpEG,sCF2ET,iBAAA,CACA,qBAAA,CACA,gBAAA,CACA,wGAAA,CACA,aAAA,CACA,sCAAA,CACA,eAAA,CAEA,oDACE,cAAA,CACA,cAAA,CAGF,sDACE,cAAA,CACA,gBAAA,CACA,cAAA,CACA,oBAAA,CACA,YAAA,CACA,wBAAA,CAGF,8DACE,aAAA,CACA,SAAA,CACA,WAAA,CACA,aAAA,CAEA,6EACE,wBAAA,CACA,oBAAA,CACA,UAAA,CACA,WAAA,CACA,iBAAA,CACA,WAAA,CACA,oBAAA,CACA,cAAA,CAEA,gGACE,gBAAA,CACA,cAAA,CACA,eAAA","sourcesContent":["@import \"../../scss/variables\";\n@import \"../../scss/designMixin\";\n@import \"../../scss/flavorMixin\";\n\n.buttonDialog {\n font-weight: 400;\n max-width: 95%;\n overflow: hidden;\n min-width: 270px;\n\n .title {\n font-weight: 500;\n }\n\n .message {\n }\n\n .buttonContainer {\n width: 100%;\n\n .button {\n padding: 0 8px;\n\n .buttonText {\n @include flavorSelection(--text-primary-default-color);\n\n }\n\n }\n }\n\n @include design($flat) {\n border-radius: 8px;\n background-color: #f4f4f4;\n padding-top: 16px;\n color: #1f1f21;\n font-family: -apple-system, 'Helvetica Neue', 'Helvetica', 'Arial', 'Lucida Grande', sans-serif;\n text-align: center;\n\n .title {\n font-size: 17px;\n padding: 0 8px;\n }\n\n .message {\n font-size: 14px;\n padding: 4px 12px 8px;\n min-height: 36px;\n }\n\n .buttonContainer {\n display: flex;\n white-space: nowrap;\n\n .button {\n flex: 1;\n display: block;\n border-left: 1px solid var(--border-light);\n border-top: 1px solid var(--border-light);\n vertical-align: middle;\n text-align: center;\n height: 44px;\n overflow: hidden;\n\n .buttonText {\n line-height: 44px;\n text-overflow: ellipsis;\n letter-spacing: 0;\n font-size: 16px;\n }\n\n &:first-child {\n border-left: none;\n }\n }\n }\n }\n\n @include design($material) {\n border-radius: 2px;\n background-color: #ffffff;\n padding: 22px 0 0;\n box-shadow: 0 16px 24px 2px rgb(0 0 0 / 14%), 0 6px 30px 5px rgb(0 0 0 / 12%), 0 8px 10px -5px rgb(0 0 0 / 40%);\n color: #31313a;\n font-family: 'Roboto', 'Noto', sans-serif;\n text-align: left;\n\n .title {\n font-size: 20px;\n padding: 0 24px;\n }\n\n .message {\n font-size: 16px;\n line-height: 20px;\n padding: 0 24px;\n margin: 24px 0 10px 0;\n min-height: 0;\n color: rgba(49, 49, 58, .85);\n }\n\n .buttonContainer {\n display: block;\n padding: 0;\n height: 52px;\n line-height: 1;\n\n .button {\n text-transform: uppercase;\n display: inline-block;\n width: auto;\n float: right;\n border-radius: 2px;\n height: 36px;\n margin: 8px 8px 8px 0;\n min-width: 50px;\n\n .buttonText {\n line-height: 36px;\n font-size: 14px;\n font-weight: 500;\n }\n }\n }\n }\n}\n","@use 'sass:selector';\n\n@mixin flavorSelection($varName) {\n &:global(.flavor-accent) {\n #{$varName}: var(--flavor-accent);\n }\n &:global(.flavor-basic) {\n #{$varName}: var(--flavor-basic);\n }\n &:global(.flavor-destructive) {\n #{$varName}: var(--flavor-destructive);\n }\n &:global(.flavor-constructive) {\n #{$varName}: var(--flavor-constructive);\n }\n}\n","@use 'sass:selector';\n\n@mixin design($designName) {\n @if & {\n @at-root #{selector.nest(':global(.'+$designName+\")\", &)} {\n @content\n }\n } @else {\n :global(.#{$designName}) {\n @content\n }\n }\n}\n"],"sourceRoot":""}]);
|
|
1257
1257
|
// Exports
|
|
1258
1258
|
___CSS_LOADER_EXPORT___.locals = {
|
|
1259
1259
|
"buttonDialog": `buttonDialog__FKbnS`,
|
|
1260
1260
|
"title": `title__WvvXx`,
|
|
1261
1261
|
"buttonContainer": `buttonContainer__e9ZHw`,
|
|
1262
1262
|
"button": `button__HSgul`,
|
|
1263
|
+
"buttonText": `buttonText__O0SYI`,
|
|
1263
1264
|
"message": `message__yLthE`
|
|
1264
1265
|
};
|
|
1265
1266
|
module.exports = ___CSS_LOADER_EXPORT___;
|
|
@@ -1314,13 +1315,15 @@ var ___CSS_LOADER_API_SOURCEMAP_IMPORT___ = __webpack_require__(1354);
|
|
|
1314
1315
|
var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(6314);
|
|
1315
1316
|
var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);
|
|
1316
1317
|
// Module
|
|
1317
|
-
___CSS_LOADER_EXPORT___.push([module.id, `.button__jnst2{cursor:pointer;margin:0;user-select:none;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;text-decoration:none;letter-spacing:0;vertical-align:middle;border-radius:3px;transition:none}.button__jnst2.flavor-accent{--button-color:var(--flavor-accent)}.button__jnst2.flavor-basic{--button-color:var(--flavor-basic)}.material-design .button__jnst2{box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12),0 3px 1px -2px rgba(0,0,0,.2);min-height:40px;line-height:40px;padding:0 16px;text-align:center;font-size:14px;text-transform:uppercase;font-weight:500}.flat-design .button__jnst2{line-height:32px;padding:4px 18px;font-size:17px}.button__jnst2.primary__cT39p{background-color:var(--button-color);border:0 solid currentColor;color:#fff;--text-primary-default-color: white}.button__jnst2.secondary__Fozj5{background-color:rgba(0,0,0,0);border:1px solid var(--button-color);color:var(--button-color);--text-primary-default-color: var(--button-color)}.button__jnst2.disabled__tYMFZ{opacity:.3;cursor:default;pointer-events:none}`, "",{"version":3,"sources":["webpack://./src/Components/FormElements/Button/button.scss","webpack://./src/scss/_flavorMixin.scss","webpack://./src/scss/_designMixin.scss","webpack://./src/scss/_variables.scss"],"names":[],"mappings":"AAIA,eACE,cAAA,CACA,QAAA,CACA,gBAAA,CACA,sBAAA,CACA,kBAAA,CACA,eAAA,CACA,oBAAA,CACA,gBAAA,CACA,qBAAA,CACA,iBAAA,CACA,eAAA,CCZA,6BACE,mCAAA,CAEF,4BACE,kCAAA,
|
|
1318
|
+
___CSS_LOADER_EXPORT___.push([module.id, `.button__jnst2{cursor:pointer;margin:0;user-select:none;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;text-decoration:none;letter-spacing:0;vertical-align:middle;border-radius:3px;transition:none}.button__jnst2.flavor-accent{--button-color:var(--flavor-accent)}.button__jnst2.flavor-basic{--button-color:var(--flavor-basic)}.button__jnst2.flavor-destructive{--button-color:var(--flavor-destructive)}.button__jnst2.flavor-constructive{--button-color:var(--flavor-constructive)}.material-design .button__jnst2{box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12),0 3px 1px -2px rgba(0,0,0,.2);min-height:40px;line-height:40px;padding:0 16px;text-align:center;font-size:14px;text-transform:uppercase;font-weight:500}.flat-design .button__jnst2{line-height:32px;padding:4px 18px;font-size:17px}.button__jnst2.primary__cT39p{background-color:var(--button-color);border:0 solid currentColor;color:#fff;--text-primary-default-color: white}.button__jnst2.secondary__Fozj5{background-color:rgba(0,0,0,0);border:1px solid var(--button-color);color:var(--button-color);--text-primary-default-color: var(--button-color)}.button__jnst2.disabled__tYMFZ{opacity:.3;cursor:default;pointer-events:none}.material-design .button__jnst2.small__dpDPv{min-height:17px;line-height:17px;padding:0 8px}.flat-design .button__jnst2.small__dpDPv{line-height:17px;padding:4px 9px}.button__jnst2.fullWidth__E_iTN{width:100%}`, "",{"version":3,"sources":["webpack://./src/Components/FormElements/Button/button.scss","webpack://./src/scss/_flavorMixin.scss","webpack://./src/scss/_designMixin.scss","webpack://./src/scss/_variables.scss"],"names":[],"mappings":"AAIA,eACE,cAAA,CACA,QAAA,CACA,gBAAA,CACA,sBAAA,CACA,kBAAA,CACA,eAAA,CACA,oBAAA,CACA,gBAAA,CACA,qBAAA,CACA,iBAAA,CACA,eAAA,CCZA,6BACE,mCAAA,CAEF,4BACE,kCAAA,CAEF,kCACE,wCAAA,CAEF,mCACE,yCAAA,CCTS,gCFgBT,gGGDgB,CHEhB,eAAA,CACA,gBAAA,CACA,cAAA,CACA,iBAAA,CACA,cAAA,CACA,wBAAA,CACA,eAAA,CEvBS,4BF2BT,gBAAA,CACA,gBAAA,CACA,cAAA,CAGF,8BACE,oCAAA,CACA,2BAAA,CACA,UAAA,CACA,mCAAA,CAGF,gCACE,8BAAA,CACA,oCAAA,CACA,yBAAA,CACA,iDAAA,CAGF,+BACE,UAAA,CACA,cAAA,CACA,mBAAA,CEjDS,6CFsDP,eAAA,CACA,gBAAA,CACA,aAAA,CExDO,yCF4DP,gBAAA,CACA,eAAA,CAIJ,gCACE,UAAA","sourcesContent":["@import \"../../../scss/variables\";\n@import \"../../../scss/designMixin\";\n@import \"../../../scss/flavorMixin\";\n\n.button {\n cursor: pointer;\n margin: 0;\n user-select: none;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n text-decoration: none;\n letter-spacing: 0;\n vertical-align: middle;\n border-radius: 3px;\n transition: none;\n\n @include flavorSelection(--button-color);\n\n @include design($material) {\n box-shadow: $boxShadowMaterial;\n min-height: 40px;\n line-height: 40px;\n padding: 0 16px;\n text-align: center;\n font-size: 14px;\n text-transform: uppercase;\n font-weight: 500;\n }\n\n @include design($flat) {\n line-height: 32px;\n padding: 4px 18px;\n font-size: 17px;\n }\n\n &.primary {\n background-color: var(--button-color);\n border: 0 solid currentColor;\n color: white;\n --text-primary-default-color: white;\n }\n\n &.secondary {\n background-color: transparent;\n border: 1px solid var(--button-color);\n color: var(--button-color);\n --text-primary-default-color: var(--button-color);\n }\n\n &.disabled {\n opacity: 0.3;\n cursor: default;\n pointer-events: none;\n }\n\n &.small {\n @include design($material) {\n min-height: 17px;\n line-height: 17px;\n padding: 0 8px;\n }\n\n @include design($flat) {\n line-height: 17px;\n padding: 4px 9px;\n }\n }\n\n &.fullWidth {\n width: 100%;\n }\n}\n","@use 'sass:selector';\n\n@mixin flavorSelection($varName) {\n &:global(.flavor-accent) {\n #{$varName}: var(--flavor-accent);\n }\n &:global(.flavor-basic) {\n #{$varName}: var(--flavor-basic);\n }\n &:global(.flavor-destructive) {\n #{$varName}: var(--flavor-destructive);\n }\n &:global(.flavor-constructive) {\n #{$varName}: var(--flavor-constructive);\n }\n}\n","@use 'sass:selector';\n\n@mixin design($designName) {\n @if & {\n @at-root #{selector.nest(':global(.'+$designName+\")\", &)} {\n @content\n }\n } @else {\n :global(.#{$designName}) {\n @content\n }\n }\n}\n","@import 'bootstrap/scss/functions';\n@import 'bootstrap/scss/variables';\n\n$classPrefix: \"rbm-\";\n\n$material: \"material-design\";\n$flat: \"flat-design\";\n\n$android: $material;\n$ios: $flat;\n\n$animationDuration: 0.3s;\n$animationDurationMaterial: $animationDuration;\n$animationDurationFlat: $animationDuration;\n$animationDurationAndroid: $animationDurationMaterial;\n$animationDurationIos: $animationDurationFlat;\n\n$fontSizeBase: 16px;\n\n$boxShadowMaterial: 0 2px 2px 0 rgb(0 0 0 / 14%),\n0 1px 5px 0 rgb(0 0 0 / 12%),\n0 3px 1px -2px rgb(0 0 0 / 20%);\n"],"sourceRoot":""}]);
|
|
1318
1319
|
// Exports
|
|
1319
1320
|
___CSS_LOADER_EXPORT___.locals = {
|
|
1320
1321
|
"button": `button__jnst2`,
|
|
1321
1322
|
"primary": `primary__cT39p`,
|
|
1322
1323
|
"secondary": `secondary__Fozj5`,
|
|
1323
|
-
"disabled": `disabled__tYMFZ
|
|
1324
|
+
"disabled": `disabled__tYMFZ`,
|
|
1325
|
+
"small": `small__dpDPv`,
|
|
1326
|
+
"fullWidth": `fullWidth__E_iTN`
|
|
1324
1327
|
};
|
|
1325
1328
|
module.exports = ___CSS_LOADER_EXPORT___;
|
|
1326
1329
|
|
|
@@ -1378,7 +1381,7 @@ var ___CSS_LOADER_API_SOURCEMAP_IMPORT___ = __webpack_require__(1354);
|
|
|
1378
1381
|
var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(6314);
|
|
1379
1382
|
var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);
|
|
1380
1383
|
// Module
|
|
1381
|
-
___CSS_LOADER_EXPORT___.push([module.id, `.fileInput__h2WBs{display:flex;flex-direction:column;position:relative;cursor:pointer}.fileInput__h2WBs .previewContainer__IdxyI{align-items:stretch;flex-grow:1}.fileInput__h2WBs .previewContainer__IdxyI .preview__cd_2A{position:relative;border:1px solid var(--border-light)}.fileInput__h2WBs .previewContainer__IdxyI .preview__cd_2A .previewRemove__GYrmU{position:absolute;top:5px;right:5px;opacity:0;font-size:1.5rem}.fileInput__h2WBs .previewContainer__IdxyI .preview__cd_2A .previewRemove__GYrmU svg{background:rgba(255,255,255,.2)}.fileInput__h2WBs .previewContainer__IdxyI .preview__cd_2A:hover .previewRemove__GYrmU{opacity:.7}.fileInput__h2WBs .previewContainer__IdxyI .previewImage__v8Iv_{width:100%;height:100%;object-fit:contain}.fileInput__h2WBs .previewContainer__IdxyI .previewText__BD6Nu{width:100%;height:100%;min-height:4rem;display:flex;justify-content:center;align-items:center}.fileInput__h2WBs .previewContainer__IdxyI .previewTextIcon__MUiWT{padding-right:4px}.fileInput__h2WBs .previewContainer__IdxyI .addFile__l9v3S{position:relative;border-radius:3px;background-color:var(--border-light);display:flex;justify-content:center;align-items:center;font-size:2rem}.fileInput__h2WBs .previewContainer__IdxyI .addFile__l9v3S .addFileButton__tJkSa{width:100%;height:100%;min-height:4rem;display:flex;justify-content:center;align-items:center}.fileInput__h2WBs .previewContainer__IdxyI .addFile__l9v3S.hidden__p2FRj{display:none}.fileInput__h2WBs .value__lzxOL{display:none}`, "",{"version":3,"sources":["webpack://./src/Components/FormElements/Input/FileInput/fileInput.scss"],"names":[],"mappings":"AAAA,kBACE,YAAA,CACA,qBAAA,CACA,iBAAA,CACA,cAAA,CAEA,2CACE,mBAAA,CACA,WAAA,CAEA,2DACE,iBAAA,CACA,oCAAA,CAEA,iFACE,iBAAA,CACA,OAAA,CACA,SAAA,CACA,SAAA,CACA,gBAAA,CAEA,qFACE,+BAAA,CAIJ,uFACE,UAAA,CAIJ,gEACE,UAAA,CACA,WAAA,CACA,kBAAA,CAGF,+DACE,UAAA,CACA,WAAA,CACA,eAAA,CAEA,YAAA,CACA,sBAAA,CACA,kBAAA,CAGF,mEACE,iBAAA,CAIF,2DACE,iBAAA,CACA,iBAAA,CACA,oCAAA,CAEA,YAAA,CACA,sBAAA,CACA,kBAAA,CACA,cAAA,CAEA,iFACE,UAAA,CACA,WAAA,CACA,eAAA,CAEA,YAAA,CACA,sBAAA,CACA,kBAAA,CAGF,yEACE,YAAA,CAMN,gCACE,YAAA","sourcesContent":[".fileInput {\n display: flex;\n flex-direction: column;\n position: relative;\n cursor: pointer;\n\n .previewContainer {\n align-items: stretch;\n flex-grow: 1;\n\n .preview {\n position: relative;\n border: 1px solid var(--border-light);\n\n .previewRemove {\n position: absolute;\n top: 5px;\n right: 5px;\n opacity: 0;\n font-size: 1.5rem;\n\n svg {\n background: rgba(255, 255, 255, 0.2);\n }\n }\n\n &:hover .previewRemove {\n opacity: 0.7;\n }\n }\n\n .previewImage {\n width: 100%;\n height: 100%;\n object-fit: contain;\n }\n\n .previewText {\n width: 100%;\n height: 100%;\n min-height: 4rem;\n\n display: flex;\n justify-content: center;\n align-items: center;\n }\n\n .previewTextIcon {\n padding-right: 4px;\n }\n\n\n .addFile {\n position: relative;\n border-radius: 3px;\n background-color: var(--border-light);\n\n display: flex;\n justify-content: center;\n align-items: center;\n font-size: 2rem;\n\n .addFileButton {\n width: 100%;\n height: 100%;\n min-height: 4rem;\n\n display: flex;\n justify-content: center;\n align-items: center;\n }\n\n &.hidden {\n display: none;\n }\n }\n }\n\n\n .value {\n display: none;\n
|
|
1384
|
+
___CSS_LOADER_EXPORT___.push([module.id, `.fileInput__h2WBs{display:flex;flex-direction:column;position:relative;cursor:pointer}.fileInput__h2WBs .previewContainer__IdxyI{align-items:stretch;flex-grow:1}.fileInput__h2WBs .previewContainer__IdxyI .preview__cd_2A{position:relative;border:1px solid var(--border-light)}.fileInput__h2WBs .previewContainer__IdxyI .preview__cd_2A .previewRemove__GYrmU{position:absolute;top:5px;right:5px;opacity:0;font-size:1.5rem}.fileInput__h2WBs .previewContainer__IdxyI .preview__cd_2A .previewRemove__GYrmU svg{background:rgba(255,255,255,.2)}.fileInput__h2WBs .previewContainer__IdxyI .preview__cd_2A:hover .previewRemove__GYrmU{opacity:.7}.fileInput__h2WBs .previewContainer__IdxyI .previewImage__v8Iv_{width:100%;height:100%;object-fit:contain}.fileInput__h2WBs .previewContainer__IdxyI .previewText__BD6Nu{width:100%;height:100%;min-height:4rem;display:flex;justify-content:center;align-items:center}.fileInput__h2WBs .previewContainer__IdxyI .previewTextIcon__MUiWT{padding-right:4px}.fileInput__h2WBs .previewContainer__IdxyI .addFile__l9v3S{position:relative;border-radius:3px;background-color:var(--border-light);display:flex;justify-content:center;align-items:center;font-size:2rem}.fileInput__h2WBs .previewContainer__IdxyI .addFile__l9v3S .addFileButton__tJkSa{width:100%;height:100%;min-height:4rem;display:flex;justify-content:center;align-items:center}.fileInput__h2WBs .previewContainer__IdxyI .addFile__l9v3S.hidden__p2FRj{display:none}.fileInput__h2WBs .value__lzxOL{display:none}.fileInput__h2WBs .error__v0GST{font-size:.7rem;--text-primary-default-color: var(--text-error) }`, "",{"version":3,"sources":["webpack://./src/Components/FormElements/Input/FileInput/fileInput.scss"],"names":[],"mappings":"AAAA,kBACE,YAAA,CACA,qBAAA,CACA,iBAAA,CACA,cAAA,CAEA,2CACE,mBAAA,CACA,WAAA,CAEA,2DACE,iBAAA,CACA,oCAAA,CAEA,iFACE,iBAAA,CACA,OAAA,CACA,SAAA,CACA,SAAA,CACA,gBAAA,CAEA,qFACE,+BAAA,CAIJ,uFACE,UAAA,CAIJ,gEACE,UAAA,CACA,WAAA,CACA,kBAAA,CAGF,+DACE,UAAA,CACA,WAAA,CACA,eAAA,CAEA,YAAA,CACA,sBAAA,CACA,kBAAA,CAGF,mEACE,iBAAA,CAIF,2DACE,iBAAA,CACA,iBAAA,CACA,oCAAA,CAEA,YAAA,CACA,sBAAA,CACA,kBAAA,CACA,cAAA,CAEA,iFACE,UAAA,CACA,WAAA,CACA,eAAA,CAEA,YAAA,CACA,sBAAA,CACA,kBAAA,CAGF,yEACE,YAAA,CAMN,gCACE,YAAA,CAGF,gCACE,eAAA,CACA,gDAAA","sourcesContent":[".fileInput {\n display: flex;\n flex-direction: column;\n position: relative;\n cursor: pointer;\n\n .previewContainer {\n align-items: stretch;\n flex-grow: 1;\n\n .preview {\n position: relative;\n border: 1px solid var(--border-light);\n\n .previewRemove {\n position: absolute;\n top: 5px;\n right: 5px;\n opacity: 0;\n font-size: 1.5rem;\n\n svg {\n background: rgba(255, 255, 255, 0.2);\n }\n }\n\n &:hover .previewRemove {\n opacity: 0.7;\n }\n }\n\n .previewImage {\n width: 100%;\n height: 100%;\n object-fit: contain;\n }\n\n .previewText {\n width: 100%;\n height: 100%;\n min-height: 4rem;\n\n display: flex;\n justify-content: center;\n align-items: center;\n }\n\n .previewTextIcon {\n padding-right: 4px;\n }\n\n\n .addFile {\n position: relative;\n border-radius: 3px;\n background-color: var(--border-light);\n\n display: flex;\n justify-content: center;\n align-items: center;\n font-size: 2rem;\n\n .addFileButton {\n width: 100%;\n height: 100%;\n min-height: 4rem;\n\n display: flex;\n justify-content: center;\n align-items: center;\n }\n\n &.hidden {\n display: none;\n }\n }\n }\n\n\n .value {\n display: none;\n }\n\n .error {\n font-size: 0.7rem;\n --text-primary-default-color: var(--text-error)\n }\n}\n"],"sourceRoot":""}]);
|
|
1382
1385
|
// Exports
|
|
1383
1386
|
___CSS_LOADER_EXPORT___.locals = {
|
|
1384
1387
|
"fileInput": `fileInput__h2WBs`,
|
|
@@ -1391,7 +1394,8 @@ ___CSS_LOADER_EXPORT___.locals = {
|
|
|
1391
1394
|
"addFile": `addFile__l9v3S`,
|
|
1392
1395
|
"addFileButton": `addFileButton__tJkSa`,
|
|
1393
1396
|
"hidden": `hidden__p2FRj`,
|
|
1394
|
-
"value": `value__lzxOL
|
|
1397
|
+
"value": `value__lzxOL`,
|
|
1398
|
+
"error": `error__v0GST`
|
|
1395
1399
|
};
|
|
1396
1400
|
module.exports = ___CSS_LOADER_EXPORT___;
|
|
1397
1401
|
|
|
@@ -1425,7 +1429,7 @@ var ___CSS_LOADER_API_SOURCEMAP_IMPORT___ = __webpack_require__(1354);
|
|
|
1425
1429
|
var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(6314);
|
|
1426
1430
|
var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);
|
|
1427
1431
|
// Module
|
|
1428
|
-
___CSS_LOADER_EXPORT___.push([module.id, `.input__ylsuY{width:100%}.input__ylsuY.inline__CuO0B{--basis: 50%;display:flex}.input__ylsuY.inline__CuO0B .label__Uty0i{display:inline-block;flex-grow:1;flex-shrink:0;flex-basis:var(--basis);font-weight:normal}.input__ylsuY.inline__CuO0B .text__OJDZ5{min-width:41px}.input__ylsuY .label__Uty0i{display:block;font-weight:bold}.input__ylsuY .text__OJDZ5{width:100%;background-color:rgba(0,0,0,0);border:0;outline:none;padding:0;font-size:1rem}.material-design .input__ylsuY .text__OJDZ5{color:#212121;background-image:linear-gradient(to top, transparent 1px, #afafaf 1px);background-size:100% 2px;background-repeat:no-repeat;background-position:center bottom;padding-bottom:2px}.material-design .input__ylsuY .text__OJDZ5:read-only,.material-design .input__ylsuY .text__OJDZ5:read-only:focus{background-image:none;border-bottom:1px solid rgba(0,0,0,0)}.material-design .input__ylsuY .text__OJDZ5:focus{background-image:linear-gradient(var(--flavor-accent), var(--flavor-accent)),linear-gradient(to top, transparent 1px, #afafaf 1px)}.flat-design .input__ylsuY .text__OJDZ5{color:#1f1f21}.flat-design .input__ylsuY .text__OJDZ5,.flat-design .input__ylsuY .text__OJDZ5:focus{border-bottom:1px solid var(--border-light)}.input__ylsuY.hiddenInput__KSMQB .text__OJDZ5{background-image:none;border-bottom:1px solid rgba(0,0,0,0)}.input__ylsuY.hiddenInput__KSMQB.noFocusHint__bBtc8 .text__OJDZ5:focus{background-image:none;border-bottom:1px solid rgba(0,0,0,0)}`, "",{"version":3,"sources":["webpack://./src/Components/FormElements/Input/input.scss","webpack://./src/scss/_designMixin.scss"],"names":[],"mappings":"AAGA,cACE,UAAA,CAEA,4BACE,YAAA,CACA,YAAA,CACA,0CACE,oBAAA,CACA,WAAA,CACA,aAAA,CACA,uBAAA,CACA,kBAAA,CAEF,yCAEE,cAAA,CAIJ,4BACE,aAAA,CACA,gBAAA,CAGF,2BACE,UAAA,CACA,8BAAA,CACA,QAAA,CACA,YAAA,CACA,SAAA,CACA,cAAA,CC7BS,4CDgCP,aAAA,CACA,sEAAA,CACA,wBAAA,CACA,2BAAA,CACA,iCAAA,CACA,kBAAA,CAEA,kHACE,qBAAA,CACA,qCAAA,CAGF,kDACE,kIAAA,CC7CK,wCDmDP,aAAA,CACA,sFACE,2CAAA,CAMJ,8CACE,qBAAA,CACA,qCAAA,CAKE,uEACE,qBAAA,CACA,qCAAA","sourcesContent":["@import \"../../../scss/variables\";\n@import \"../../../scss/designMixin\";\n\n.input {\n width: 100%;\n\n &.inline {\n --basis: 50%;\n display: flex;\n .label {\n display: inline-block;\n flex-grow: 1;\n flex-shrink: 0;\n flex-basis: var(--basis);\n font-weight: normal;\n }\n .text {\n // 3 numbers\n min-width: 41px;\n }\n }\n\n .label {\n display: block;\n font-weight: bold;\n }\n\n .text {\n width: 100%;\n background-color: transparent;\n border: 0;\n outline: none;\n padding: 0;\n font-size: 1rem;\n\n @include design($material) {\n color: #212121;\n background-image: linear-gradient(to top, transparent 1px, #afafaf 1px);\n background-size: 100% 2px;\n background-repeat: no-repeat;\n background-position: center bottom;\n padding-bottom: 2px;\n\n &:read-only, &:read-only:focus {\n background-image: none;\n border-bottom: 1px solid transparent;\n }\n\n &:focus {\n background-image: linear-gradient(var(--flavor-accent), var(--flavor-accent)),\n linear-gradient(to top, transparent 1px, #afafaf 1px);\n }\n }\n\n @include design($flat) {\n color: #1f1f21;\n &, &:focus {\n border-bottom: 1px solid var(--border-light);\n }\n }\n }\n\n &.hiddenInput {\n .text {\n background-image: none;\n border-bottom: 1px solid transparent;\n }\n\n &.noFocusHint {\n .text {\n &:focus {\n background-image: none;\n border-bottom: 1px solid transparent;\n }\n }\n }\n }\n}\n","@use 'sass:selector';\n\n@mixin design($designName) {\n @if & {\n @at-root #{selector.nest(':global(.'+$designName+\")\", &)} {\n @content\n }\n } @else {\n :global(.#{$designName}) {\n @content\n }\n }\n}\n"],"sourceRoot":""}]);
|
|
1432
|
+
___CSS_LOADER_EXPORT___.push([module.id, `.input__ylsuY{width:100%}.input__ylsuY.inline__CuO0B{--basis: 50%;display:flex}.input__ylsuY.inline__CuO0B .label__Uty0i{display:inline-block;flex-grow:1;flex-shrink:0;flex-basis:var(--basis);font-weight:normal}.input__ylsuY.inline__CuO0B .text__OJDZ5{min-width:41px}.input__ylsuY .label__Uty0i{display:block;font-weight:bold}.input__ylsuY .text__OJDZ5{width:100%;background-color:rgba(0,0,0,0);border:0;outline:none;padding:0;font-size:1rem}.material-design .input__ylsuY .text__OJDZ5{color:#212121;background-image:linear-gradient(to top, transparent 1px, #afafaf 1px);background-size:100% 2px;background-repeat:no-repeat;background-position:center bottom;padding-bottom:2px}.material-design .input__ylsuY .text__OJDZ5:read-only,.material-design .input__ylsuY .text__OJDZ5:read-only:focus{background-image:none;border-bottom:1px solid rgba(0,0,0,0)}.material-design .input__ylsuY .text__OJDZ5:focus{background-image:linear-gradient(var(--flavor-accent), var(--flavor-accent)),linear-gradient(to top, transparent 1px, #afafaf 1px)}.flat-design .input__ylsuY .text__OJDZ5{color:#1f1f21}.flat-design .input__ylsuY .text__OJDZ5,.flat-design .input__ylsuY .text__OJDZ5:focus{border-bottom:1px solid var(--border-light)}.input__ylsuY.hiddenInput__KSMQB .text__OJDZ5{background-image:none;border-bottom:1px solid rgba(0,0,0,0)}.input__ylsuY.hiddenInput__KSMQB.noFocusHint__bBtc8 .text__OJDZ5:focus{background-image:none;border-bottom:1px solid rgba(0,0,0,0)}.input__ylsuY .error__LVBul{font-size:.7rem;--text-primary-default-color: var(--text-error) }`, "",{"version":3,"sources":["webpack://./src/Components/FormElements/Input/input.scss","webpack://./src/scss/_designMixin.scss"],"names":[],"mappings":"AAGA,cACE,UAAA,CAEA,4BACE,YAAA,CACA,YAAA,CACA,0CACE,oBAAA,CACA,WAAA,CACA,aAAA,CACA,uBAAA,CACA,kBAAA,CAEF,yCAEE,cAAA,CAIJ,4BACE,aAAA,CACA,gBAAA,CAGF,2BACE,UAAA,CACA,8BAAA,CACA,QAAA,CACA,YAAA,CACA,SAAA,CACA,cAAA,CC7BS,4CDgCP,aAAA,CACA,sEAAA,CACA,wBAAA,CACA,2BAAA,CACA,iCAAA,CACA,kBAAA,CAEA,kHACE,qBAAA,CACA,qCAAA,CAGF,kDACE,kIAAA,CC7CK,wCDmDP,aAAA,CACA,sFACE,2CAAA,CAMJ,8CACE,qBAAA,CACA,qCAAA,CAKE,uEACE,qBAAA,CACA,qCAAA,CAMR,4BACE,eAAA,CACA,gDAAA","sourcesContent":["@import \"../../../scss/variables\";\n@import \"../../../scss/designMixin\";\n\n.input {\n width: 100%;\n\n &.inline {\n --basis: 50%;\n display: flex;\n .label {\n display: inline-block;\n flex-grow: 1;\n flex-shrink: 0;\n flex-basis: var(--basis);\n font-weight: normal;\n }\n .text {\n // 3 numbers\n min-width: 41px;\n }\n }\n\n .label {\n display: block;\n font-weight: bold;\n }\n\n .text {\n width: 100%;\n background-color: transparent;\n border: 0;\n outline: none;\n padding: 0;\n font-size: 1rem;\n\n @include design($material) {\n color: #212121;\n background-image: linear-gradient(to top, transparent 1px, #afafaf 1px);\n background-size: 100% 2px;\n background-repeat: no-repeat;\n background-position: center bottom;\n padding-bottom: 2px;\n\n &:read-only, &:read-only:focus {\n background-image: none;\n border-bottom: 1px solid transparent;\n }\n\n &:focus {\n background-image: linear-gradient(var(--flavor-accent), var(--flavor-accent)),\n linear-gradient(to top, transparent 1px, #afafaf 1px);\n }\n }\n\n @include design($flat) {\n color: #1f1f21;\n &, &:focus {\n border-bottom: 1px solid var(--border-light);\n }\n }\n }\n\n &.hiddenInput {\n .text {\n background-image: none;\n border-bottom: 1px solid transparent;\n }\n\n &.noFocusHint {\n .text {\n &:focus {\n background-image: none;\n border-bottom: 1px solid transparent;\n }\n }\n }\n }\n\n .error {\n font-size: 0.7rem;\n --text-primary-default-color: var(--text-error)\n }\n}\n","@use 'sass:selector';\n\n@mixin design($designName) {\n @if & {\n @at-root #{selector.nest(':global(.'+$designName+\")\", &)} {\n @content\n }\n } @else {\n :global(.#{$designName}) {\n @content\n }\n }\n}\n"],"sourceRoot":""}]);
|
|
1429
1433
|
// Exports
|
|
1430
1434
|
___CSS_LOADER_EXPORT___.locals = {
|
|
1431
1435
|
"input": `input__ylsuY`,
|
|
@@ -1433,7 +1437,8 @@ ___CSS_LOADER_EXPORT___.locals = {
|
|
|
1433
1437
|
"label": `label__Uty0i`,
|
|
1434
1438
|
"text": `text__OJDZ5`,
|
|
1435
1439
|
"hiddenInput": `hiddenInput__KSMQB`,
|
|
1436
|
-
"noFocusHint": `noFocusHint__bBtc8
|
|
1440
|
+
"noFocusHint": `noFocusHint__bBtc8`,
|
|
1441
|
+
"error": `error__LVBul`
|
|
1437
1442
|
};
|
|
1438
1443
|
module.exports = ___CSS_LOADER_EXPORT___;
|
|
1439
1444
|
|
|
@@ -1473,14 +1478,15 @@ var ___CSS_LOADER_API_SOURCEMAP_IMPORT___ = __webpack_require__(1354);
|
|
|
1473
1478
|
var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(6314);
|
|
1474
1479
|
var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);
|
|
1475
1480
|
// Module
|
|
1476
|
-
___CSS_LOADER_EXPORT___.push([module.id, `.select__mz94a{width:100%}.select__mz94a .label__oyzeA{font-weight:bold;display:block}.select__mz94a .input__HyuSy{outline:none;background-color:rgba(0,0,0,0);height:2rem;line-height:2rem;color:#1f1f21;appearance:none;border:none;border-radius:0;padding:0 20px 0 0;background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTBweCIgaGVpZ2h0PSI1cHgiIHZpZXdCb3g9IjAgMCAxMCA1IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA0My4yICgzOTA2OSkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+c2VsZWN0LWFsbG93PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9InNlbGVjdCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Imlvcy1zZWxlY3QiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xOTguMDAwMDAwLCAtMTE0LjAwMDAwMCkiIGZpbGw9IiM3NTc1NzUiPgogICAgICAgICAgICA8ZyBpZD0ibWVudS1iYXItKy1vcGVuLW1lbnUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEyMy4wMDAwMDAsIDEwMC4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJtZW51LWJhciI+CiAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9InNlbGVjdC1hbGxvdyIgcG9pbnRzPSI3NSAxNCA4MCAxOSA4NSAxNCI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=");background-repeat:no-repeat}.select__mz94a .input__HyuSy:focus{outline:none}.material-design .select__mz94a .input__HyuSy{-webkit-font-smoothing:antialiased;font-size:15px;background-size:auto,100% 1px;background-position:right center,left bottom}.flat-design .select__mz94a .input__HyuSy{font-size:17px;background-position:right center}.select__mz94a.inline__VLoaD{display:flex;align-items:center}.select__mz94a.inline__VLoaD .label__oyzeA{padding-right:4px;flex:1}.select__mz94a.small__UbTP3 .input__HyuSy{height:initial;line-height:1.5rem}`, "",{"version":3,"sources":["webpack://./src/Components/FormElements/Select/select.scss","webpack://./src/scss/_designMixin.scss"],"names":[],"mappings":"AAGA,eACE,UAAA,CAEA,6BACE,gBAAA,CACA,aAAA,CAGF,6BACE,YAAA,CACA,8BAAA,CACA,WAAA,CACA,gBAAA,CACA,aAAA,CACA,eAAA,CACA,WAAA,CACA,eAAA,CACA,kBAAA,CACA,8lCAAA,CACA,2BAAA,CAEA,mCACE,YAAA,CCrBO,8CDyBP,kCAAA,CACA,cAAA,CACA,6BAAA,CACA,4CAAA,CC5BO,0CDgCP,cAAA,CACA,gCAAA,CAIJ,6BACE,YAAA,CACA,kBAAA,CAEA,2CACE,iBAAA,CACA,MAAA,CAIJ,0CACE,cAAA,CACA,kBAAA","sourcesContent":["@import \"../../../scss/variables\";\n@import \"../../../scss/designMixin\";\n\n.select {\n width: 100%;\n\n .label {\n font-weight: bold;\n display: block;\n }\n\n .input {\n outline: none;\n background-color: transparent;\n height: 2rem;\n line-height: 2rem;\n color: #1f1f21;\n appearance: none;\n border: none;\n border-radius: 0;\n padding: 0 20px 0 0;\n background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTBweCIgaGVpZ2h0PSI1cHgiIHZpZXdCb3g9IjAgMCAxMCA1IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA0My4yICgzOTA2OSkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+c2VsZWN0LWFsbG93PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9InNlbGVjdCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Imlvcy1zZWxlY3QiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xOTguMDAwMDAwLCAtMTE0LjAwMDAwMCkiIGZpbGw9IiM3NTc1NzUiPgogICAgICAgICAgICA8ZyBpZD0ibWVudS1iYXItKy1vcGVuLW1lbnUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEyMy4wMDAwMDAsIDEwMC4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJtZW51LWJhciI+CiAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9InNlbGVjdC1hbGxvdyIgcG9pbnRzPSI3NSAxNCA4MCAxOSA4NSAxNCI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=');\n background-repeat: no-repeat;\n\n &:focus {\n outline: none;\n }\n\n @include design($material) {\n -webkit-font-smoothing: antialiased;\n font-size: 15px;\n background-size: auto, 100% 1px;\n background-position: right center, left bottom;\n }\n\n @include design($flat) {\n font-size: 17px;\n background-position: right center;\n }\n }\n\n &.inline {\n display: flex;\n align-items: center;\n\n .label {\n padding-right: 4px;\n flex: 1;\n }\n }\n\n &.small .input {\n height: initial;\n line-height: 1.5rem;\n }\n}\n","@use 'sass:selector';\n\n@mixin design($designName) {\n @if & {\n @at-root #{selector.nest(':global(.'+$designName+\")\", &)} {\n @content\n }\n } @else {\n :global(.#{$designName}) {\n @content\n }\n }\n}\n"],"sourceRoot":""}]);
|
|
1481
|
+
___CSS_LOADER_EXPORT___.push([module.id, `.select__mz94a{width:100%}.select__mz94a .label__oyzeA{font-weight:bold;display:block}.select__mz94a .input__HyuSy{outline:none;background-color:rgba(0,0,0,0);height:2rem;line-height:2rem;color:#1f1f21;appearance:none;border:none;border-radius:0;padding:0 20px 0 0;background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTBweCIgaGVpZ2h0PSI1cHgiIHZpZXdCb3g9IjAgMCAxMCA1IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA0My4yICgzOTA2OSkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+c2VsZWN0LWFsbG93PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9InNlbGVjdCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Imlvcy1zZWxlY3QiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xOTguMDAwMDAwLCAtMTE0LjAwMDAwMCkiIGZpbGw9IiM3NTc1NzUiPgogICAgICAgICAgICA8ZyBpZD0ibWVudS1iYXItKy1vcGVuLW1lbnUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEyMy4wMDAwMDAsIDEwMC4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJtZW51LWJhciI+CiAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9InNlbGVjdC1hbGxvdyIgcG9pbnRzPSI3NSAxNCA4MCAxOSA4NSAxNCI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=");background-repeat:no-repeat}.select__mz94a .input__HyuSy:focus{outline:none}.material-design .select__mz94a .input__HyuSy{-webkit-font-smoothing:antialiased;font-size:15px;background-size:auto,100% 1px;background-position:right center,left bottom}.flat-design .select__mz94a .input__HyuSy{font-size:17px;background-position:right center}.select__mz94a.inline__VLoaD{display:flex;align-items:center}.select__mz94a.inline__VLoaD .label__oyzeA{padding-right:4px;flex:1}.select__mz94a.small__UbTP3 .input__HyuSy{height:initial;line-height:1.5rem}.select__mz94a .error__VJG4n{font-size:.7rem;--text-primary-default-color: var(--text-error) }`, "",{"version":3,"sources":["webpack://./src/Components/FormElements/Select/select.scss","webpack://./src/scss/_designMixin.scss"],"names":[],"mappings":"AAGA,eACE,UAAA,CAEA,6BACE,gBAAA,CACA,aAAA,CAGF,6BACE,YAAA,CACA,8BAAA,CACA,WAAA,CACA,gBAAA,CACA,aAAA,CACA,eAAA,CACA,WAAA,CACA,eAAA,CACA,kBAAA,CACA,8lCAAA,CACA,2BAAA,CAEA,mCACE,YAAA,CCrBO,8CDyBP,kCAAA,CACA,cAAA,CACA,6BAAA,CACA,4CAAA,CC5BO,0CDgCP,cAAA,CACA,gCAAA,CAIJ,6BACE,YAAA,CACA,kBAAA,CAEA,2CACE,iBAAA,CACA,MAAA,CAIJ,0CACE,cAAA,CACA,kBAAA,CAGF,6BACE,eAAA,CACA,gDAAA","sourcesContent":["@import \"../../../scss/variables\";\n@import \"../../../scss/designMixin\";\n\n.select {\n width: 100%;\n\n .label {\n font-weight: bold;\n display: block;\n }\n\n .input {\n outline: none;\n background-color: transparent;\n height: 2rem;\n line-height: 2rem;\n color: #1f1f21;\n appearance: none;\n border: none;\n border-radius: 0;\n padding: 0 20px 0 0;\n background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTBweCIgaGVpZ2h0PSI1cHgiIHZpZXdCb3g9IjAgMCAxMCA1IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA0My4yICgzOTA2OSkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+c2VsZWN0LWFsbG93PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9InNlbGVjdCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Imlvcy1zZWxlY3QiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xOTguMDAwMDAwLCAtMTE0LjAwMDAwMCkiIGZpbGw9IiM3NTc1NzUiPgogICAgICAgICAgICA8ZyBpZD0ibWVudS1iYXItKy1vcGVuLW1lbnUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEyMy4wMDAwMDAsIDEwMC4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJtZW51LWJhciI+CiAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9InNlbGVjdC1hbGxvdyIgcG9pbnRzPSI3NSAxNCA4MCAxOSA4NSAxNCI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=');\n background-repeat: no-repeat;\n\n &:focus {\n outline: none;\n }\n\n @include design($material) {\n -webkit-font-smoothing: antialiased;\n font-size: 15px;\n background-size: auto, 100% 1px;\n background-position: right center, left bottom;\n }\n\n @include design($flat) {\n font-size: 17px;\n background-position: right center;\n }\n }\n\n &.inline {\n display: flex;\n align-items: center;\n\n .label {\n padding-right: 4px;\n flex: 1;\n }\n }\n\n &.small .input {\n height: initial;\n line-height: 1.5rem;\n }\n\n .error {\n font-size: 0.7rem;\n --text-primary-default-color: var(--text-error)\n }\n}\n","@use 'sass:selector';\n\n@mixin design($designName) {\n @if & {\n @at-root #{selector.nest(':global(.'+$designName+\")\", &)} {\n @content\n }\n } @else {\n :global(.#{$designName}) {\n @content\n }\n }\n}\n"],"sourceRoot":""}]);
|
|
1477
1482
|
// Exports
|
|
1478
1483
|
___CSS_LOADER_EXPORT___.locals = {
|
|
1479
1484
|
"select": `select__mz94a`,
|
|
1480
1485
|
"label": `label__oyzeA`,
|
|
1481
1486
|
"input": `input__HyuSy`,
|
|
1482
1487
|
"inline": `inline__VLoaD`,
|
|
1483
|
-
"small": `small__UbTP3
|
|
1488
|
+
"small": `small__UbTP3`,
|
|
1489
|
+
"error": `error__VJG4n`
|
|
1484
1490
|
};
|
|
1485
1491
|
module.exports = ___CSS_LOADER_EXPORT___;
|
|
1486
1492
|
|
|
@@ -1536,11 +1542,12 @@ var ___CSS_LOADER_API_SOURCEMAP_IMPORT___ = __webpack_require__(1354);
|
|
|
1536
1542
|
var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(6314);
|
|
1537
1543
|
var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);
|
|
1538
1544
|
// Module
|
|
1539
|
-
___CSS_LOADER_EXPORT___.push([module.id, `.container__oHydJ{width:100%;height:10rem}.container__oHydJ .label__flbC2{display:block}.container__oHydJ textarea{background-color:#efeff4;color:#1f1f21;box-shadow:none;appearance:none;width:100%;height:100%;resize:none;outline:none;padding:5px;border-radius:4px;border:1px solid var(--border-light)}`, "",{"version":3,"sources":["webpack://./src/Components/FormElements/Textarea/textarea.scss"],"names":[],"mappings":"AAAA,kBACE,UAAA,CACA,YAAA,CAEA,gCACE,aAAA,CAGF,2BACE,wBAAA,CACA,aAAA,CACA,eAAA,CACA,eAAA,CACA,UAAA,CACA,WAAA,CACA,WAAA,CACA,YAAA,CACA,WAAA,CACA,iBAAA,CACA,oCAAA","sourcesContent":[".container {\n width: 100%;\n height: 10rem;\n\n .label {\n display: block;\n }\n\n textarea {\n background-color: #efeff4;\n color: #1f1f21;\n box-shadow: none;\n appearance: none;\n width: 100%;\n height: 100%;\n resize: none;\n outline: none;\n padding: 5px;\n border-radius: 4px;\n border: 1px solid var(--border-light);\n }\n}\n"],"sourceRoot":""}]);
|
|
1545
|
+
___CSS_LOADER_EXPORT___.push([module.id, `.container__oHydJ{width:100%;min-height:10rem;height:100%;display:flex;flex-direction:column}.container__oHydJ .label__flbC2{display:block}.container__oHydJ textarea{flex:1;background-color:#efeff4;color:#1f1f21;box-shadow:none;appearance:none;width:100%;height:100%;resize:none;outline:none;padding:5px;border-radius:4px;border:1px solid var(--border-light)}.container__oHydJ .error__cup_B{font-size:.7rem;--text-primary-default-color: var(--text-error) }`, "",{"version":3,"sources":["webpack://./src/Components/FormElements/Textarea/textarea.scss"],"names":[],"mappings":"AAAA,kBACE,UAAA,CACA,gBAAA,CACA,WAAA,CACA,YAAA,CACA,qBAAA,CAEA,gCACE,aAAA,CAGF,2BACE,MAAA,CACA,wBAAA,CACA,aAAA,CACA,eAAA,CACA,eAAA,CACA,UAAA,CACA,WAAA,CACA,WAAA,CACA,YAAA,CACA,WAAA,CACA,iBAAA,CACA,oCAAA,CAGF,gCACE,eAAA,CACA,gDAAA","sourcesContent":[".container {\n width: 100%;\n min-height: 10rem;\n height: 100%;\n display: flex;\n flex-direction: column;\n\n .label {\n display: block;\n }\n\n textarea {\n flex: 1;\n background-color: #efeff4;\n color: #1f1f21;\n box-shadow: none;\n appearance: none;\n width: 100%;\n height: 100%;\n resize: none;\n outline: none;\n padding: 5px;\n border-radius: 4px;\n border: 1px solid var(--border-light);\n }\n\n .error {\n font-size: 0.7rem;\n --text-primary-default-color: var(--text-error)\n }\n}\n"],"sourceRoot":""}]);
|
|
1540
1546
|
// Exports
|
|
1541
1547
|
___CSS_LOADER_EXPORT___.locals = {
|
|
1542
1548
|
"container": `container__oHydJ`,
|
|
1543
|
-
"label": `label__flbC2
|
|
1549
|
+
"label": `label__flbC2`,
|
|
1550
|
+
"error": `error__cup_B`
|
|
1544
1551
|
};
|
|
1545
1552
|
module.exports = ___CSS_LOADER_EXPORT___;
|
|
1546
1553
|
|
|
@@ -10005,13 +10012,16 @@ __webpack_require__.d(__webpack_exports__, {
|
|
|
10005
10012
|
Grow: () => (/* reexport */ Grow),
|
|
10006
10013
|
Heading: () => (/* reexport */ HeadingMemo),
|
|
10007
10014
|
HiddenInput: () => (/* reexport */ HiddenInput_tmp),
|
|
10015
|
+
HookForm: () => (/* reexport */ HookForm),
|
|
10008
10016
|
HoverMenu: () => (/* reexport */ HoverMenu),
|
|
10009
10017
|
Icon: () => (/* reexport */ Icon),
|
|
10010
10018
|
Image: () => (/* reexport */ ImageMemo),
|
|
10011
10019
|
InViewport: () => (/* reexport */ InViewportMemo),
|
|
10020
|
+
InfiniteList: () => (/* reexport */ InfiniteList),
|
|
10012
10021
|
Inline: () => (/* reexport */ InlineMemo),
|
|
10013
10022
|
InlineBlock: () => (/* reexport */ InlineBlockMemo),
|
|
10014
10023
|
Input: () => (/* reexport */ Input),
|
|
10024
|
+
InputController: () => (/* reexport */ InputController),
|
|
10015
10025
|
List: () => (/* reexport */ List),
|
|
10016
10026
|
ListItem: () => (/* reexport */ ListItemMemo),
|
|
10017
10027
|
ListRow: () => (/* reexport */ ListRow),
|
|
@@ -10024,10 +10034,15 @@ __webpack_require__.d(__webpack_exports__, {
|
|
|
10024
10034
|
MenuItem: () => (/* reexport */ MenuItem),
|
|
10025
10035
|
MoreButton: () => (/* reexport */ MoreButtonMemo),
|
|
10026
10036
|
MultipleFileInput: () => (/* reexport */ MultipleFileInput),
|
|
10037
|
+
MultipleFileInputController: () => (/* reexport */ MultipleFileInputController),
|
|
10027
10038
|
PasswordInput: () => (/* reexport */ PasswordInput),
|
|
10039
|
+
PasswordInputController: () => (/* reexport */ PasswordInputController),
|
|
10028
10040
|
RESTRICT_CHILDREN: () => (/* reexport */ RESTRICT_CHILDREN),
|
|
10029
10041
|
SearchSelectInput: () => (/* reexport */ SearchSelectInput),
|
|
10030
10042
|
Select: () => (/* reexport */ Select),
|
|
10043
|
+
SelectController: () => (/* reexport */ SelectController),
|
|
10044
|
+
SendFormContext: () => (/* reexport */ SendFormContext),
|
|
10045
|
+
Size: () => (/* reexport */ Size),
|
|
10031
10046
|
SizeCalculator: () => (/* reexport */ SizeCalculatorMemo),
|
|
10032
10047
|
Slider: () => (/* reexport */ Slider_Slider),
|
|
10033
10048
|
Spoiler: () => (/* reexport */ SpoilerMemo),
|
|
@@ -10042,6 +10057,7 @@ __webpack_require__.d(__webpack_exports__, {
|
|
|
10042
10057
|
Table: () => (/* reexport */ Table_tmp),
|
|
10043
10058
|
Text: () => (/* reexport */ tmp),
|
|
10044
10059
|
Textarea: () => (/* reexport */ Textarea),
|
|
10060
|
+
TextareaController: () => (/* reexport */ TextareaController),
|
|
10045
10061
|
Toast: () => (/* reexport */ ToastMemo),
|
|
10046
10062
|
ToastContainer: () => (/* reexport */ ToastContainerMemo),
|
|
10047
10063
|
ToastContext: () => (/* reexport */ ToastContext),
|
|
@@ -10074,6 +10090,7 @@ __webpack_require__.d(__webpack_exports__, {
|
|
|
10074
10090
|
useOnChangeDone: () => (/* reexport */ useOnChangeDone),
|
|
10075
10091
|
useOnMount: () => (/* reexport */ useOnMount),
|
|
10076
10092
|
useOnce: () => (/* reexport */ useOnce),
|
|
10093
|
+
useSendFormContext: () => (/* reexport */ useSendFormContext),
|
|
10077
10094
|
useSharedSelectedColor: () => (/* reexport */ useSharedSelectedColor),
|
|
10078
10095
|
useSpoilerGroup: () => (/* reexport */ useSpoilerGroup),
|
|
10079
10096
|
useStrictEnabled: () => (/* reexport */ useStrictEnabled),
|
|
@@ -10081,6 +10098,7 @@ __webpack_require__.d(__webpack_exports__, {
|
|
|
10081
10098
|
useWindow: () => (/* reexport */ useWindow),
|
|
10082
10099
|
useWindowDimensions: () => (/* reexport */ useWindowDimensions),
|
|
10083
10100
|
withForwardRef: () => (/* reexport */ withForwardRef),
|
|
10101
|
+
withHookController: () => (/* reexport */ withHookController),
|
|
10084
10102
|
withMemo: () => (/* reexport */ withMemo),
|
|
10085
10103
|
withRenderBrowserOnly: () => (/* reexport */ withRenderBrowserOnly),
|
|
10086
10104
|
withRestrictedChildren: () => (/* reexport */ withRestrictedChildren)
|
|
@@ -10233,18 +10251,18 @@ function withForwardRef(component, styles, defaultAllowChildren) {
|
|
|
10233
10251
|
}
|
|
10234
10252
|
;// CONCATENATED MODULE: ./src/Components/Hooks/useComposedRef.ts
|
|
10235
10253
|
|
|
10236
|
-
|
|
10237
|
-
|
|
10238
|
-
|
|
10239
|
-
|
|
10240
|
-
|
|
10241
|
-
ref
|
|
10242
|
-
|
|
10243
|
-
|
|
10254
|
+
function useComposedRef(...refs) {
|
|
10255
|
+
return (0,external_react_.useCallback)(val => {
|
|
10256
|
+
for (const ref of refs) {
|
|
10257
|
+
if (typeof ref === 'function') {
|
|
10258
|
+
ref(val);
|
|
10259
|
+
} else if (ref) {
|
|
10260
|
+
ref.current = val;
|
|
10261
|
+
}
|
|
10244
10262
|
}
|
|
10245
|
-
|
|
10246
|
-
|
|
10247
|
-
}
|
|
10263
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
10264
|
+
}, refs);
|
|
10265
|
+
}
|
|
10248
10266
|
;// CONCATENATED MODULE: ./src/Components/Clickable/Clickable.tsx
|
|
10249
10267
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
10250
10268
|
var Clickable_rest = undefined && undefined.__rest || function (s, e) {
|
|
@@ -10274,12 +10292,15 @@ function Clickable(_a, ref) {
|
|
|
10274
10292
|
interactable = true,
|
|
10275
10293
|
preventDefault = false,
|
|
10276
10294
|
stopPropagation = true,
|
|
10277
|
-
useReactOnMouseLeave = false
|
|
10295
|
+
useReactOnMouseLeave = false,
|
|
10296
|
+
tabIndex,
|
|
10297
|
+
draggable
|
|
10278
10298
|
} = _a,
|
|
10279
|
-
clickData = Clickable_rest(_a, ["className", "children", "style", "href", "target", "id", "interactable", "preventDefault", "stopPropagation", "useReactOnMouseLeave"]);
|
|
10299
|
+
clickData = Clickable_rest(_a, ["className", "children", "style", "href", "target", "id", "interactable", "preventDefault", "stopPropagation", "useReactOnMouseLeave", "tabIndex", "draggable"]);
|
|
10280
10300
|
// States
|
|
10281
10301
|
// Refs
|
|
10282
|
-
const clickableRef =
|
|
10302
|
+
const clickableRef = (0,external_react_.useRef)(null);
|
|
10303
|
+
const refSetter = useComposedRef(ref, clickableRef);
|
|
10283
10304
|
// Callbacks
|
|
10284
10305
|
const onClickInner = useListener('onClick', clickData);
|
|
10285
10306
|
const realOnClick = (0,external_react_.useCallback)(e => {
|
|
@@ -10365,6 +10386,18 @@ function Clickable(_a, ref) {
|
|
|
10365
10386
|
onDragOver(e);
|
|
10366
10387
|
}
|
|
10367
10388
|
}, [clickData.onDragOver, onDragOver, preventDefault, stopPropagation]);
|
|
10389
|
+
const onDragStartListener = useListener('onDragStart', clickData);
|
|
10390
|
+
const realOnDragStartListener = (0,external_react_.useCallback)(e => {
|
|
10391
|
+
if (clickData.onDragStart) {
|
|
10392
|
+
if (stopPropagation) {
|
|
10393
|
+
e.stopPropagation();
|
|
10394
|
+
}
|
|
10395
|
+
if (preventDefault) {
|
|
10396
|
+
e.preventDefault();
|
|
10397
|
+
}
|
|
10398
|
+
onDragStartListener(e);
|
|
10399
|
+
}
|
|
10400
|
+
}, [clickData.onDragStart, onDragStartListener, preventDefault, stopPropagation]);
|
|
10368
10401
|
const onMouseEnter = useListener('onMouseEnter', clickData);
|
|
10369
10402
|
const realOnMouseEnter = (0,external_react_.useCallback)(e => {
|
|
10370
10403
|
if (clickData.onMouseEnter) {
|
|
@@ -10431,16 +10464,18 @@ function Clickable(_a, ref) {
|
|
|
10431
10464
|
onMouseEnter: realOnMouseEnter,
|
|
10432
10465
|
onMouseLeave: useReactOnMouseLeave ? realOnMouseLeave : undefined,
|
|
10433
10466
|
onDoubleClick: realOnDoubleClick,
|
|
10434
|
-
tabIndex: interactable ? 0 :
|
|
10467
|
+
tabIndex: interactable ? 0 : tabIndex,
|
|
10468
|
+
draggable,
|
|
10469
|
+
onDragStart: realOnDragStartListener
|
|
10435
10470
|
};
|
|
10436
10471
|
if (typeof href === 'string') {
|
|
10437
10472
|
return /*#__PURE__*/external_react_.createElement("a", _extends({}, props, {
|
|
10438
10473
|
href: href,
|
|
10439
|
-
ref:
|
|
10474
|
+
ref: refSetter
|
|
10440
10475
|
}), children);
|
|
10441
10476
|
}
|
|
10442
10477
|
return /*#__PURE__*/external_react_.createElement("span", _extends({}, props, {
|
|
10443
|
-
ref:
|
|
10478
|
+
ref: refSetter
|
|
10444
10479
|
}), children);
|
|
10445
10480
|
}
|
|
10446
10481
|
const ClickableMemo = withForwardRef(Clickable, (clickable_default()));
|
|
@@ -10980,6 +11015,14 @@ const CardMemo = withMemo(Card, (card_default()));
|
|
|
10980
11015
|
// EXTERNAL MODULE: ./src/Components/Dialog/buttonDialog.scss
|
|
10981
11016
|
var buttonDialog = __webpack_require__(7661);
|
|
10982
11017
|
var buttonDialog_default = /*#__PURE__*/__webpack_require__.n(buttonDialog);
|
|
11018
|
+
;// CONCATENATED MODULE: ./src/Components/Flavor.ts
|
|
11019
|
+
var Flavor;
|
|
11020
|
+
(function (Flavor) {
|
|
11021
|
+
Flavor["Accent"] = "flavor-accent";
|
|
11022
|
+
Flavor["Basic"] = "flavor-basic";
|
|
11023
|
+
Flavor["Destructive"] = "flavor-destructive";
|
|
11024
|
+
Flavor["Constructive"] = "flavor-constructive";
|
|
11025
|
+
})(Flavor || (Flavor = {}));
|
|
10983
11026
|
;// CONCATENATED MODULE: ./src/Components/Dialog/ButtonDialog.tsx
|
|
10984
11027
|
|
|
10985
11028
|
|
|
@@ -10988,12 +11031,14 @@ var buttonDialog_default = /*#__PURE__*/__webpack_require__.n(buttonDialog);
|
|
|
10988
11031
|
|
|
10989
11032
|
|
|
10990
11033
|
|
|
11034
|
+
|
|
10991
11035
|
function ButtonDialog({
|
|
10992
11036
|
title,
|
|
10993
11037
|
message,
|
|
10994
11038
|
buttons,
|
|
10995
11039
|
style,
|
|
10996
|
-
className
|
|
11040
|
+
className,
|
|
11041
|
+
extraContent
|
|
10997
11042
|
}) {
|
|
10998
11043
|
// Variables
|
|
10999
11044
|
// Refs
|
|
@@ -11006,20 +11051,27 @@ function ButtonDialog({
|
|
|
11006
11051
|
return /*#__PURE__*/external_react_.createElement(BlockMemo, {
|
|
11007
11052
|
className: classnames_default()((buttonDialog_default()).buttonDialog, className),
|
|
11008
11053
|
style: style
|
|
11009
|
-
}, !!title && /*#__PURE__*/external_react_.createElement(BlockMemo, {
|
|
11054
|
+
}, !!title && /*#__PURE__*/external_react_.createElement(BlockMemo, null, /*#__PURE__*/external_react_.createElement(tmp, {
|
|
11055
|
+
size: TEXT_SIZE.large,
|
|
11010
11056
|
className: (buttonDialog_default()).title
|
|
11011
|
-
}, /*#__PURE__*/external_react_.createElement(
|
|
11057
|
+
}, title)), /*#__PURE__*/external_react_.createElement(BlockMemo, null, /*#__PURE__*/external_react_.createElement(tmp, {
|
|
11012
11058
|
className: (buttonDialog_default()).message
|
|
11013
|
-
},
|
|
11059
|
+
}, message)), extraContent, /*#__PURE__*/external_react_.createElement(BlockMemo, {
|
|
11014
11060
|
className: (buttonDialog_default()).buttonContainer
|
|
11015
|
-
}, buttons.map((b, i) =>
|
|
11016
|
-
|
|
11017
|
-
|
|
11018
|
-
|
|
11019
|
-
|
|
11020
|
-
|
|
11021
|
-
|
|
11022
|
-
|
|
11061
|
+
}, buttons.map((b, i) => {
|
|
11062
|
+
var _a;
|
|
11063
|
+
return (
|
|
11064
|
+
/*#__PURE__*/
|
|
11065
|
+
// eslint-disable-next-line react/no-array-index-key
|
|
11066
|
+
external_react_.createElement(ClickableMemo, {
|
|
11067
|
+
onClick: b.callback,
|
|
11068
|
+
className: classnames_default()((buttonDialog_default()).button),
|
|
11069
|
+
key: i + b.text
|
|
11070
|
+
}, /*#__PURE__*/external_react_.createElement(tmp, {
|
|
11071
|
+
className: classnames_default()((buttonDialog_default()).buttonText, (_a = b.flavor) !== null && _a !== void 0 ? _a : Flavor.Accent)
|
|
11072
|
+
}, b.text))
|
|
11073
|
+
);
|
|
11074
|
+
})));
|
|
11023
11075
|
}
|
|
11024
11076
|
// Need ButtonDialogMemo for autocompletion of phpstorm
|
|
11025
11077
|
const ButtonDialogMemo = withMemo(ButtonDialog, (buttonDialog_default()));
|
|
@@ -11061,6 +11113,7 @@ const AlertDialogMemo = withMemo(AlertDialog);
|
|
|
11061
11113
|
|
|
11062
11114
|
|
|
11063
11115
|
|
|
11116
|
+
// TODO Translation
|
|
11064
11117
|
function ConfirmDialog({
|
|
11065
11118
|
title,
|
|
11066
11119
|
message,
|
|
@@ -11423,12 +11476,6 @@ const DropArea = withMemo(function DropArea(_a) {
|
|
|
11423
11476
|
className: className
|
|
11424
11477
|
}), children, placeholder));
|
|
11425
11478
|
});
|
|
11426
|
-
;// CONCATENATED MODULE: ./src/Components/Flavor.ts
|
|
11427
|
-
var Flavor;
|
|
11428
|
-
(function (Flavor) {
|
|
11429
|
-
Flavor["Accent"] = "flavor-accent";
|
|
11430
|
-
Flavor["Basic"] = "flavor-basic";
|
|
11431
|
-
})(Flavor || (Flavor = {}));
|
|
11432
11479
|
// EXTERNAL MODULE: ./src/Components/FormElements/Button/button.scss
|
|
11433
11480
|
var Button_button = __webpack_require__(2853);
|
|
11434
11481
|
var button_default = /*#__PURE__*/__webpack_require__.n(Button_button);
|
|
@@ -11438,6 +11485,17 @@ var ButtonType;
|
|
|
11438
11485
|
ButtonType["Primary"] = "primary";
|
|
11439
11486
|
ButtonType["Secondary"] = "secondary";
|
|
11440
11487
|
})(ButtonType || (ButtonType = {}));
|
|
11488
|
+
;// CONCATENATED MODULE: ./src/Size.ts
|
|
11489
|
+
var Size;
|
|
11490
|
+
(function (Size) {
|
|
11491
|
+
Size[Size["xSmall"] = 0] = "xSmall";
|
|
11492
|
+
Size[Size["small"] = 1] = "small";
|
|
11493
|
+
Size[Size["medium"] = 2] = "medium";
|
|
11494
|
+
Size[Size["large"] = 3] = "large";
|
|
11495
|
+
Size[Size["xLarge"] = 4] = "xLarge";
|
|
11496
|
+
Size[Size["xxLarge"] = 5] = "xxLarge";
|
|
11497
|
+
})(Size || (Size = {}));
|
|
11498
|
+
;
|
|
11441
11499
|
;// CONCATENATED MODULE: ./src/Components/FormElements/Button/Button.tsx
|
|
11442
11500
|
function Button_extends() { return Button_extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, Button_extends.apply(null, arguments); }
|
|
11443
11501
|
var Button_rest = undefined && undefined.__rest || function (s, e) {
|
|
@@ -11455,26 +11513,32 @@ var Button_rest = undefined && undefined.__rest || function (s, e) {
|
|
|
11455
11513
|
|
|
11456
11514
|
|
|
11457
11515
|
|
|
11516
|
+
|
|
11458
11517
|
const Button = withMemo(function Button(_a) {
|
|
11459
11518
|
var {
|
|
11460
11519
|
children,
|
|
11461
11520
|
className,
|
|
11462
11521
|
disabled,
|
|
11522
|
+
size,
|
|
11523
|
+
fullWidth = false,
|
|
11463
11524
|
flavor = Flavor.Accent,
|
|
11464
11525
|
type = ButtonType.Primary
|
|
11465
11526
|
} = _a,
|
|
11466
|
-
props = Button_rest(_a, ["children", "className", "disabled", "flavor", "type"]);
|
|
11527
|
+
props = Button_rest(_a, ["children", "className", "disabled", "size", "fullWidth", "flavor", "type"]);
|
|
11467
11528
|
const [onClick, otherProps] = useListenerWithExtractedProps('onClick', props);
|
|
11468
11529
|
const classes = {
|
|
11469
11530
|
[(button_default()).primary]: type === ButtonType.Primary,
|
|
11470
11531
|
[(button_default()).secondary]: type === ButtonType.Secondary,
|
|
11471
|
-
[(button_default()).disabled]: disabled
|
|
11532
|
+
[(button_default()).disabled]: disabled,
|
|
11533
|
+
[(button_default()).small]: size === Size.small
|
|
11472
11534
|
};
|
|
11473
11535
|
return /*#__PURE__*/external_react_.createElement("button", Button_extends({}, otherProps, {
|
|
11474
11536
|
disabled: disabled,
|
|
11475
11537
|
type: "button",
|
|
11476
11538
|
onClick: onClick,
|
|
11477
|
-
className: classnames_default()((button_default()).button,
|
|
11539
|
+
className: classnames_default()((button_default()).button, {
|
|
11540
|
+
[(button_default()).fullWidth]: fullWidth
|
|
11541
|
+
}, classes, flavor, className)
|
|
11478
11542
|
}), children);
|
|
11479
11543
|
}, (button_default()));
|
|
11480
11544
|
// EXTERNAL MODULE: ./src/Components/FormElements/CheckBox/checkbox.scss
|
|
@@ -23072,49 +23136,97 @@ function ColorInput(_a) {
|
|
|
23072
23136
|
// Need ColorInputMemo for autocompletion of phpstorm
|
|
23073
23137
|
const ColorInputMemo = withMemo(ColorInput, (colorInput_default()));
|
|
23074
23138
|
|
|
23075
|
-
|
|
23076
|
-
|
|
23077
|
-
|
|
23078
|
-
|
|
23139
|
+
;// CONCATENATED MODULE: external "react-hook-form"
|
|
23140
|
+
const external_react_hook_form_namespaceObject = require("react-hook-form");
|
|
23141
|
+
// EXTERNAL MODULE: ./src/Components/LoadingCircle/loadingCircle.scss
|
|
23142
|
+
var loadingCircle = __webpack_require__(5391);
|
|
23143
|
+
var loadingCircle_default = /*#__PURE__*/__webpack_require__.n(loadingCircle);
|
|
23144
|
+
;// CONCATENATED MODULE: ./src/Components/LoadingCircle/LoadingCircle.tsx
|
|
23079
23145
|
|
|
23080
23146
|
|
|
23081
23147
|
|
|
23082
23148
|
|
|
23083
|
-
|
|
23149
|
+
function LoadingCircle({
|
|
23150
|
+
size = 32,
|
|
23151
|
+
className,
|
|
23152
|
+
style
|
|
23153
|
+
}) {
|
|
23154
|
+
// Variables
|
|
23155
|
+
// States
|
|
23156
|
+
// Refs
|
|
23157
|
+
// Callbacks
|
|
23158
|
+
// Effects
|
|
23159
|
+
// Other
|
|
23160
|
+
// Render Functions
|
|
23161
|
+
return /*#__PURE__*/external_react_.createElement("svg", {
|
|
23162
|
+
className: classnames_default()((loadingCircle_default()).loadingCircle, className),
|
|
23163
|
+
viewBox: `0 0 ${size} ${size}`,
|
|
23164
|
+
width: size,
|
|
23165
|
+
height: size,
|
|
23166
|
+
style: style
|
|
23167
|
+
}, /*#__PURE__*/external_react_.createElement("circle", {
|
|
23168
|
+
cx: "50%",
|
|
23169
|
+
cy: "50%",
|
|
23170
|
+
r: "40%",
|
|
23171
|
+
fill: "none",
|
|
23172
|
+
className: (loadingCircle_default()).spinner
|
|
23173
|
+
}));
|
|
23174
|
+
}
|
|
23175
|
+
const LoadingCircleMemo = withMemo(LoadingCircle, (loadingCircle_default()));
|
|
23176
|
+
|
|
23177
|
+
// EXTERNAL MODULE: ./src/Components/LoadingArea/loadingArea.scss
|
|
23178
|
+
var loadingArea = __webpack_require__(5455);
|
|
23179
|
+
var loadingArea_default = /*#__PURE__*/__webpack_require__.n(loadingArea);
|
|
23180
|
+
;// CONCATENATED MODULE: ./src/Components/LoadingArea/LoadingArea.tsx
|
|
23181
|
+
|
|
23182
|
+
|
|
23183
|
+
|
|
23184
|
+
|
|
23185
|
+
|
|
23186
|
+
function LoadingArea({
|
|
23187
|
+
loading,
|
|
23188
|
+
fullWidth = false,
|
|
23189
|
+
fullSize = false,
|
|
23190
|
+
fullHeight = false,
|
|
23191
|
+
opacity = 0.65,
|
|
23084
23192
|
className,
|
|
23085
|
-
children,
|
|
23086
|
-
center = false,
|
|
23087
23193
|
style,
|
|
23088
|
-
|
|
23089
|
-
}
|
|
23194
|
+
children
|
|
23195
|
+
}) {
|
|
23090
23196
|
// Variables
|
|
23197
|
+
if (fullSize) {
|
|
23198
|
+
fullHeight = true;
|
|
23199
|
+
fullWidth = true;
|
|
23200
|
+
}
|
|
23091
23201
|
// States
|
|
23092
23202
|
// Refs
|
|
23093
23203
|
// Callbacks
|
|
23094
23204
|
// Effects
|
|
23095
23205
|
// Other
|
|
23096
23206
|
// Render Functions
|
|
23097
|
-
return /*#__PURE__*/external_react_.createElement("
|
|
23098
|
-
|
|
23099
|
-
|
|
23100
|
-
|
|
23101
|
-
|
|
23102
|
-
[(layout_default()).weight1]: weight === 1,
|
|
23103
|
-
[(layout_default()).weight2]: weight === 2,
|
|
23104
|
-
[(layout_default()).weight3]: weight === 3,
|
|
23105
|
-
[(layout_default()).weight4]: weight === 4,
|
|
23106
|
-
[(layout_default()).weight5]: weight === 5,
|
|
23107
|
-
[(layout_default()).weight6]: weight === 6
|
|
23108
|
-
}, className),
|
|
23207
|
+
return /*#__PURE__*/external_react_.createElement("span", {
|
|
23208
|
+
className: classnames_default()((loadingArea_default()).loadingArea, className, {
|
|
23209
|
+
'full-height': fullHeight,
|
|
23210
|
+
'full-width': fullWidth
|
|
23211
|
+
}),
|
|
23109
23212
|
style: style
|
|
23110
|
-
}, children
|
|
23111
|
-
|
|
23112
|
-
|
|
23113
|
-
|
|
23114
|
-
|
|
23115
|
-
|
|
23116
|
-
|
|
23117
|
-
|
|
23213
|
+
}, children, loading ? /*#__PURE__*/external_react_.createElement("span", {
|
|
23214
|
+
className: (loadingArea_default()).curtain,
|
|
23215
|
+
style: {
|
|
23216
|
+
opacity
|
|
23217
|
+
}
|
|
23218
|
+
}, /*#__PURE__*/external_react_.createElement(LoadingCircleMemo, null)) : null);
|
|
23219
|
+
}
|
|
23220
|
+
const LoadingAreaMemo = withMemo(LoadingArea, (loadingArea_default()));
|
|
23221
|
+
|
|
23222
|
+
;// CONCATENATED MODULE: ./src/Components/FormElements/Controller/SendFormContext.ts
|
|
23223
|
+
|
|
23224
|
+
const SendFormContext = /*#__PURE__*/(0,external_react_.createContext)(undefined);
|
|
23225
|
+
function useSendFormContext() {
|
|
23226
|
+
return (0,external_react_.useContext)(SendFormContext);
|
|
23227
|
+
}
|
|
23228
|
+
;// CONCATENATED MODULE: ./src/Components/FormElements/Controller/HookForm.tsx
|
|
23229
|
+
var HookForm_rest = undefined && undefined.__rest || function (s, e) {
|
|
23118
23230
|
var t = {};
|
|
23119
23231
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
23120
23232
|
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
@@ -23126,62 +23238,49 @@ var Image_rest = undefined && undefined.__rest || function (s, e) {
|
|
|
23126
23238
|
|
|
23127
23239
|
|
|
23128
23240
|
|
|
23129
|
-
|
|
23130
|
-
|
|
23241
|
+
|
|
23242
|
+
const HookForm = withMemo(function HookForm(_a) {
|
|
23243
|
+
// Refs
|
|
23131
23244
|
var {
|
|
23132
|
-
|
|
23133
|
-
|
|
23134
|
-
className,
|
|
23135
|
-
style
|
|
23245
|
+
children,
|
|
23246
|
+
onSend
|
|
23136
23247
|
} = _a,
|
|
23137
|
-
|
|
23138
|
-
//
|
|
23139
|
-
//
|
|
23140
|
-
|
|
23248
|
+
methods = HookForm_rest(_a, ["children", "onSend"]);
|
|
23249
|
+
// States/Variables/Selectors
|
|
23250
|
+
// Create an inner, as the onSend may have other attributes
|
|
23251
|
+
const innerOnSend = (0,external_react_.useCallback)(() => onSend === null || onSend === void 0 ? void 0 : onSend(), [onSend]);
|
|
23252
|
+
// Dispatch
|
|
23141
23253
|
// Callbacks
|
|
23142
23254
|
// Effects
|
|
23143
23255
|
// Other
|
|
23144
|
-
//
|
|
23145
|
-
return /*#__PURE__*/
|
|
23146
|
-
|
|
23147
|
-
|
|
23148
|
-
|
|
23149
|
-
|
|
23150
|
-
},
|
|
23151
|
-
}
|
|
23152
|
-
//
|
|
23153
|
-
|
|
23256
|
+
// RenderFunctions
|
|
23257
|
+
return /*#__PURE__*/external_react_default().createElement(external_react_hook_form_namespaceObject.FormProvider, methods, /*#__PURE__*/external_react_default().createElement(SendFormContext.Provider, {
|
|
23258
|
+
value: innerOnSend
|
|
23259
|
+
}, /*#__PURE__*/external_react_default().createElement(LoadingAreaMemo, {
|
|
23260
|
+
loading: methods.formState.isSubmitting,
|
|
23261
|
+
__allowChildren: "all"
|
|
23262
|
+
}, children)));
|
|
23263
|
+
});
|
|
23264
|
+
// EXTERNAL MODULE: ./src/Components/FormElements/Input/input.scss
|
|
23265
|
+
var input = __webpack_require__(2923);
|
|
23266
|
+
var input_default = /*#__PURE__*/__webpack_require__.n(input);
|
|
23267
|
+
;// CONCATENATED MODULE: ./src/Components/FormElements/hooks/useOnChangeDone.ts
|
|
23154
23268
|
|
|
23155
|
-
|
|
23156
|
-
|
|
23157
|
-
|
|
23158
|
-
|
|
23159
|
-
|
|
23160
|
-
|
|
23161
|
-
|
|
23162
|
-
|
|
23163
|
-
|
|
23164
|
-
|
|
23165
|
-
|
|
23166
|
-
|
|
23167
|
-
|
|
23168
|
-
|
|
23169
|
-
|
|
23170
|
-
}
|
|
23171
|
-
function rejected(value) {
|
|
23172
|
-
try {
|
|
23173
|
-
step(generator["throw"](value));
|
|
23174
|
-
} catch (e) {
|
|
23175
|
-
reject(e);
|
|
23176
|
-
}
|
|
23177
|
-
}
|
|
23178
|
-
function step(result) {
|
|
23179
|
-
result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
|
|
23180
|
-
}
|
|
23181
|
-
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
23182
|
-
});
|
|
23183
|
-
};
|
|
23184
|
-
var MultipleFileInput_rest = undefined && undefined.__rest || function (s, e) {
|
|
23269
|
+
function useOnChangeDone(onChangeDone, ref) {
|
|
23270
|
+
const innerRef = (0,external_react_.useRef)(null);
|
|
23271
|
+
const usedRef = ref !== null && ref !== void 0 ? ref : innerRef;
|
|
23272
|
+
(0,external_react_.useEffect)(() => {
|
|
23273
|
+
const elem = usedRef.current;
|
|
23274
|
+
elem === null || elem === void 0 ? void 0 : elem.addEventListener('change', onChangeDone);
|
|
23275
|
+
return () => {
|
|
23276
|
+
elem === null || elem === void 0 ? void 0 : elem.removeEventListener('change', onChangeDone);
|
|
23277
|
+
};
|
|
23278
|
+
}, [onChangeDone, usedRef]);
|
|
23279
|
+
return usedRef;
|
|
23280
|
+
}
|
|
23281
|
+
;// CONCATENATED MODULE: ./src/Components/FormElements/Input/Input.tsx
|
|
23282
|
+
function Input_extends() { return Input_extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, Input_extends.apply(null, arguments); }
|
|
23283
|
+
var Input_rest = undefined && undefined.__rest || function (s, e) {
|
|
23185
23284
|
var t = {};
|
|
23186
23285
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
23187
23286
|
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
@@ -23200,43 +23299,361 @@ var MultipleFileInput_rest = undefined && undefined.__rest || function (s, e) {
|
|
|
23200
23299
|
|
|
23201
23300
|
|
|
23202
23301
|
|
|
23203
|
-
|
|
23204
|
-
|
|
23205
|
-
|
|
23206
|
-
|
|
23207
|
-
const MultipleFileInput = withMemo(function MultipleImageInput(_a) {
|
|
23302
|
+
const Input = withForwardRef(function Input(_a, ref) {
|
|
23208
23303
|
// Variables
|
|
23209
23304
|
var {
|
|
23305
|
+
label,
|
|
23210
23306
|
className,
|
|
23211
23307
|
style,
|
|
23308
|
+
onKeyDown,
|
|
23309
|
+
inline = false,
|
|
23212
23310
|
value,
|
|
23213
|
-
|
|
23214
|
-
|
|
23215
|
-
|
|
23216
|
-
maxSizePerFile = 1024 * 1024 * 10,
|
|
23217
|
-
allowOverride = maxFiles === 1,
|
|
23218
|
-
onError,
|
|
23219
|
-
showDeleteButton = true
|
|
23311
|
+
error,
|
|
23312
|
+
onChangeText,
|
|
23313
|
+
onEnter
|
|
23220
23314
|
} = _a,
|
|
23221
|
-
otherProps =
|
|
23222
|
-
// Refs
|
|
23223
|
-
const inputRef = (0,external_react_.useRef)(null);
|
|
23224
|
-
const indexRef = (0,external_react_.useRef)(undefined);
|
|
23315
|
+
otherProps = Input_rest(_a, ["label", "className", "style", "onKeyDown", "inline", "value", "error", "onChangeText", "onEnter"]);
|
|
23225
23316
|
// States
|
|
23226
|
-
|
|
23227
|
-
|
|
23228
|
-
|
|
23229
|
-
|
|
23230
|
-
|
|
23231
|
-
|
|
23317
|
+
const usedValue = (0,external_react_.useMemo)(() => {
|
|
23318
|
+
if (otherProps.type !== "number" || typeof value === "number") {
|
|
23319
|
+
return value;
|
|
23320
|
+
}
|
|
23321
|
+
if (typeof value === "string") {
|
|
23322
|
+
if (value === "-") {
|
|
23323
|
+
return value;
|
|
23232
23324
|
}
|
|
23233
|
-
|
|
23234
|
-
|
|
23325
|
+
const numberValue = parseFloat(value);
|
|
23326
|
+
if (!Number.isNaN(numberValue) && Number.isFinite(numberValue)) {
|
|
23327
|
+
if (otherProps.max !== undefined && numberValue > Number(otherProps.max)) {
|
|
23328
|
+
return otherProps.max;
|
|
23329
|
+
}
|
|
23330
|
+
if (otherProps.min !== undefined && numberValue < Number(otherProps.min)) {
|
|
23331
|
+
return otherProps.min;
|
|
23332
|
+
}
|
|
23235
23333
|
}
|
|
23236
|
-
|
|
23237
|
-
|
|
23238
|
-
|
|
23239
|
-
|
|
23334
|
+
if (!Number.isNaN(Number(value))) {
|
|
23335
|
+
// Do not parse to allow ., and so on
|
|
23336
|
+
return value;
|
|
23337
|
+
}
|
|
23338
|
+
if (!Number.isNaN(numberValue)) {
|
|
23339
|
+
return parseFloat(value);
|
|
23340
|
+
}
|
|
23341
|
+
}
|
|
23342
|
+
return "";
|
|
23343
|
+
}, [value, otherProps.max, otherProps.min, otherProps.type]);
|
|
23344
|
+
// Refs
|
|
23345
|
+
const innerRef = (0,external_react_.useRef)(null);
|
|
23346
|
+
const refFunction = useComposedRef(ref, innerRef);
|
|
23347
|
+
// Callbacks
|
|
23348
|
+
const sendForm = useSendFormContext();
|
|
23349
|
+
onEnter !== null && onEnter !== void 0 ? onEnter : onEnter = sendForm;
|
|
23350
|
+
const [onChangeWithData, otherPropsWithoutOnchange] = useListenerWithExtractedProps('onChange', otherProps);
|
|
23351
|
+
const onChange = (0,external_react_.useCallback)(e => {
|
|
23352
|
+
if (onChangeText) {
|
|
23353
|
+
if (otherProps.type === "number") {
|
|
23354
|
+
if (e.currentTarget.value === "-") {
|
|
23355
|
+
onChangeText(e.currentTarget.value);
|
|
23356
|
+
return;
|
|
23357
|
+
}
|
|
23358
|
+
const val = !Number.isNaN(Number(e.currentTarget.value)) ? e.currentTarget.value : !Number.isNaN(parseFloat(e.currentTarget.value)) ? String(parseFloat(e.currentTarget.value)) : "";
|
|
23359
|
+
onChangeText(val);
|
|
23360
|
+
} else {
|
|
23361
|
+
onChangeText(e.currentTarget.value);
|
|
23362
|
+
}
|
|
23363
|
+
}
|
|
23364
|
+
onChangeWithData(e);
|
|
23365
|
+
}, [onChangeWithData, onChangeText, otherProps.type]);
|
|
23366
|
+
const [onBlur, otherPropsWithoutBlur] = useListenerWithExtractedProps('onBlur', otherPropsWithoutOnchange);
|
|
23367
|
+
const [onChangeDone, otherPropsWithoutData] = useListenerWithExtractedProps('onChangeDone', otherPropsWithoutBlur);
|
|
23368
|
+
const realOnKeyDown = (0,external_react_.useCallback)(e => {
|
|
23369
|
+
onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(e);
|
|
23370
|
+
if (onEnter && e.key === 'Enter' && !e.defaultPrevented) {
|
|
23371
|
+
if (otherProps.type === "number") {
|
|
23372
|
+
const stringValue = e.target.value;
|
|
23373
|
+
const val = !Number.isNaN(Number(stringValue)) ? stringValue : !Number.isNaN(parseFloat(stringValue)) ? String(parseFloat(stringValue)) : "";
|
|
23374
|
+
onEnter(val);
|
|
23375
|
+
} else {
|
|
23376
|
+
onEnter(e.target.value);
|
|
23377
|
+
}
|
|
23378
|
+
}
|
|
23379
|
+
if (otherProps.type === "number") {
|
|
23380
|
+
const step = otherProps.step ? Number(otherProps.step) : 1;
|
|
23381
|
+
if (e.key === "ArrowUp") {
|
|
23382
|
+
let newValue = (parseFloat(e.currentTarget.value) || 0) + step;
|
|
23383
|
+
if (otherProps.max !== undefined && newValue > Number(otherProps.max)) {
|
|
23384
|
+
newValue = Number(otherProps.max);
|
|
23385
|
+
}
|
|
23386
|
+
e.currentTarget.value = newValue.toString();
|
|
23387
|
+
onChange(e);
|
|
23388
|
+
} else if (e.key === "ArrowDown") {
|
|
23389
|
+
let newValue = (parseFloat(e.currentTarget.value) || 0) - step;
|
|
23390
|
+
if (otherProps.min !== undefined && newValue < Number(otherProps.min)) {
|
|
23391
|
+
newValue = Number(otherProps.min);
|
|
23392
|
+
}
|
|
23393
|
+
e.currentTarget.value = newValue.toString();
|
|
23394
|
+
onChange(e);
|
|
23395
|
+
}
|
|
23396
|
+
}
|
|
23397
|
+
}, [onKeyDown, onChange, otherProps]);
|
|
23398
|
+
// Effects
|
|
23399
|
+
useOnChangeDone(onChangeDone, innerRef);
|
|
23400
|
+
(0,external_react_.useEffect)(() => {
|
|
23401
|
+
// Add the onChangeDone for numbers
|
|
23402
|
+
if (otherProps.type === "number") {
|
|
23403
|
+
const elem = innerRef.current;
|
|
23404
|
+
elem === null || elem === void 0 ? void 0 : elem.addEventListener('blur', onChangeDone);
|
|
23405
|
+
return () => {
|
|
23406
|
+
elem === null || elem === void 0 ? void 0 : elem.removeEventListener('blur', onChangeDone);
|
|
23407
|
+
};
|
|
23408
|
+
}
|
|
23409
|
+
return undefined;
|
|
23410
|
+
}, [ref, onChangeDone, innerRef, otherProps.type]);
|
|
23411
|
+
// Other
|
|
23412
|
+
// Render Functions
|
|
23413
|
+
return /*#__PURE__*/external_react_.createElement("label", {
|
|
23414
|
+
className: classnames_default()((input_default()).input, {
|
|
23415
|
+
[(input_default()).inline]: inline
|
|
23416
|
+
}, className),
|
|
23417
|
+
style: style
|
|
23418
|
+
}, label ? /*#__PURE__*/external_react_.createElement("span", {
|
|
23419
|
+
className: (input_default()).label
|
|
23420
|
+
}, label) : null, /*#__PURE__*/external_react_.createElement("input", Input_extends({
|
|
23421
|
+
inputMode: otherProps.type === "number" ? "numeric" : undefined
|
|
23422
|
+
}, otherPropsWithoutData, {
|
|
23423
|
+
value: usedValue,
|
|
23424
|
+
type: otherProps.type === "number" ? "text" : otherProps.type,
|
|
23425
|
+
ref: refFunction,
|
|
23426
|
+
className: (input_default()).text,
|
|
23427
|
+
onBlur: onBlur,
|
|
23428
|
+
onChange: onChange,
|
|
23429
|
+
onKeyDown: realOnKeyDown
|
|
23430
|
+
})), error && /*#__PURE__*/external_react_.createElement(InlineBlockMemo, {
|
|
23431
|
+
className: (input_default()).error
|
|
23432
|
+
}, /*#__PURE__*/external_react_.createElement(tmp, null, error)));
|
|
23433
|
+
}, (input_default()));
|
|
23434
|
+
;// CONCATENATED MODULE: ./src/Components/FormElements/Controller/withHookController.tsx
|
|
23435
|
+
function withHookController_extends() { return withHookController_extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, withHookController_extends.apply(null, arguments); }
|
|
23436
|
+
var withHookController_rest = undefined && undefined.__rest || function (s, e) {
|
|
23437
|
+
var t = {};
|
|
23438
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
23439
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
23440
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
|
23441
|
+
}
|
|
23442
|
+
return t;
|
|
23443
|
+
};
|
|
23444
|
+
|
|
23445
|
+
|
|
23446
|
+
|
|
23447
|
+
|
|
23448
|
+
function withHookController(Comp, onChangeProp, emptyValue = null) {
|
|
23449
|
+
function WithHookComponent(_a, ref) {
|
|
23450
|
+
var _b, _c;
|
|
23451
|
+
var {
|
|
23452
|
+
name
|
|
23453
|
+
} = _a,
|
|
23454
|
+
otherProps = withHookController_rest(_a, ["name"]);
|
|
23455
|
+
const children = "children" in otherProps ? otherProps.children : undefined;
|
|
23456
|
+
const {
|
|
23457
|
+
field,
|
|
23458
|
+
fieldState
|
|
23459
|
+
} = (0,external_react_hook_form_namespaceObject.useController)({
|
|
23460
|
+
name
|
|
23461
|
+
});
|
|
23462
|
+
const {
|
|
23463
|
+
clearErrors
|
|
23464
|
+
} = (0,external_react_hook_form_namespaceObject.useFormContext)();
|
|
23465
|
+
const composedRef = useComposedRef(ref, field.ref);
|
|
23466
|
+
const errorMessage = (_b = fieldState.error) === null || _b === void 0 ? void 0 : _b.message;
|
|
23467
|
+
const internalOnChange = (0,external_react_.useCallback)(arg => {
|
|
23468
|
+
clearErrors(name);
|
|
23469
|
+
field.onChange(arg);
|
|
23470
|
+
}, [clearErrors, field, name]);
|
|
23471
|
+
const onChangeProps = {
|
|
23472
|
+
[onChangeProp]: internalOnChange
|
|
23473
|
+
};
|
|
23474
|
+
return (
|
|
23475
|
+
/*#__PURE__*/
|
|
23476
|
+
// @ts-expect-error Because of the prop spreading, typescript is really confused here
|
|
23477
|
+
external_react_default().createElement(Comp, withHookController_extends({}, otherProps, field, onChangeProps, {
|
|
23478
|
+
value: (_c = field.value) !== null && _c !== void 0 ? _c : emptyValue,
|
|
23479
|
+
ref: composedRef,
|
|
23480
|
+
error: errorMessage
|
|
23481
|
+
}), children)
|
|
23482
|
+
);
|
|
23483
|
+
}
|
|
23484
|
+
return withForwardRef(WithHookComponent);
|
|
23485
|
+
}
|
|
23486
|
+
;// CONCATENATED MODULE: ./src/Components/FormElements/Controller/InputController.ts
|
|
23487
|
+
|
|
23488
|
+
|
|
23489
|
+
const InputController = withHookController(Input, "onChangeText");
|
|
23490
|
+
// EXTERNAL MODULE: ./src/Components/FormElements/Input/FileInput/fileInput.scss
|
|
23491
|
+
var fileInput = __webpack_require__(4372);
|
|
23492
|
+
var fileInput_default = /*#__PURE__*/__webpack_require__.n(fileInput);
|
|
23493
|
+
;// CONCATENATED MODULE: ./src/Components/Layout/Grow.tsx
|
|
23494
|
+
|
|
23495
|
+
|
|
23496
|
+
|
|
23497
|
+
|
|
23498
|
+
const Grow = withForwardRef(function Grow({
|
|
23499
|
+
className,
|
|
23500
|
+
children,
|
|
23501
|
+
center = false,
|
|
23502
|
+
style,
|
|
23503
|
+
weight = 1
|
|
23504
|
+
}, ref) {
|
|
23505
|
+
// Variables
|
|
23506
|
+
// States
|
|
23507
|
+
// Refs
|
|
23508
|
+
// Callbacks
|
|
23509
|
+
// Effects
|
|
23510
|
+
// Other
|
|
23511
|
+
// Render Functions
|
|
23512
|
+
return /*#__PURE__*/external_react_.createElement("div", {
|
|
23513
|
+
ref: ref,
|
|
23514
|
+
className: classnames_default()((layout_default()).grow, {
|
|
23515
|
+
[(layout_default()).center]: center,
|
|
23516
|
+
[(layout_default()).weight0]: weight === 0,
|
|
23517
|
+
[(layout_default()).weight1]: weight === 1,
|
|
23518
|
+
[(layout_default()).weight2]: weight === 2,
|
|
23519
|
+
[(layout_default()).weight3]: weight === 3,
|
|
23520
|
+
[(layout_default()).weight4]: weight === 4,
|
|
23521
|
+
[(layout_default()).weight5]: weight === 5,
|
|
23522
|
+
[(layout_default()).weight6]: weight === 6
|
|
23523
|
+
}, className),
|
|
23524
|
+
style: style
|
|
23525
|
+
}, children);
|
|
23526
|
+
}, (layout_default()));
|
|
23527
|
+
// EXTERNAL MODULE: ./src/Components/Image/image.scss
|
|
23528
|
+
var Image_image = __webpack_require__(6435);
|
|
23529
|
+
var image_default = /*#__PURE__*/__webpack_require__.n(Image_image);
|
|
23530
|
+
;// CONCATENATED MODULE: ./src/Components/Image/Image.tsx
|
|
23531
|
+
function Image_extends() { return Image_extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, Image_extends.apply(null, arguments); }
|
|
23532
|
+
var Image_rest = undefined && undefined.__rest || function (s, e) {
|
|
23533
|
+
var t = {};
|
|
23534
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
23535
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
23536
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
|
23537
|
+
}
|
|
23538
|
+
return t;
|
|
23539
|
+
};
|
|
23540
|
+
|
|
23541
|
+
|
|
23542
|
+
|
|
23543
|
+
|
|
23544
|
+
function Image(_a) {
|
|
23545
|
+
// Variables
|
|
23546
|
+
var {
|
|
23547
|
+
src,
|
|
23548
|
+
alt = '',
|
|
23549
|
+
className,
|
|
23550
|
+
style
|
|
23551
|
+
} = _a,
|
|
23552
|
+
otherProps = Image_rest(_a, ["src", "alt", "className", "style"]);
|
|
23553
|
+
// Refs
|
|
23554
|
+
// States
|
|
23555
|
+
// Selectors
|
|
23556
|
+
// Callbacks
|
|
23557
|
+
// Effects
|
|
23558
|
+
// Other
|
|
23559
|
+
// Render Functions
|
|
23560
|
+
return /*#__PURE__*/external_react_.createElement("img", Image_extends({
|
|
23561
|
+
src: src,
|
|
23562
|
+
alt: alt,
|
|
23563
|
+
className: classnames_default()((image_default()).image, className),
|
|
23564
|
+
style: style
|
|
23565
|
+
}, otherProps));
|
|
23566
|
+
}
|
|
23567
|
+
// Need ImageMemo for autocompletion of phpstorm
|
|
23568
|
+
const ImageMemo = withMemo(Image, (image_default()));
|
|
23569
|
+
|
|
23570
|
+
;// CONCATENATED MODULE: ./src/Components/FormElements/Input/FileInput/MultipleFileInput.tsx
|
|
23571
|
+
function MultipleFileInput_extends() { return MultipleFileInput_extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, MultipleFileInput_extends.apply(null, arguments); }
|
|
23572
|
+
var __awaiter = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
|
|
23573
|
+
function adopt(value) {
|
|
23574
|
+
return value instanceof P ? value : new P(function (resolve) {
|
|
23575
|
+
resolve(value);
|
|
23576
|
+
});
|
|
23577
|
+
}
|
|
23578
|
+
return new (P || (P = Promise))(function (resolve, reject) {
|
|
23579
|
+
function fulfilled(value) {
|
|
23580
|
+
try {
|
|
23581
|
+
step(generator.next(value));
|
|
23582
|
+
} catch (e) {
|
|
23583
|
+
reject(e);
|
|
23584
|
+
}
|
|
23585
|
+
}
|
|
23586
|
+
function rejected(value) {
|
|
23587
|
+
try {
|
|
23588
|
+
step(generator["throw"](value));
|
|
23589
|
+
} catch (e) {
|
|
23590
|
+
reject(e);
|
|
23591
|
+
}
|
|
23592
|
+
}
|
|
23593
|
+
function step(result) {
|
|
23594
|
+
result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
|
|
23595
|
+
}
|
|
23596
|
+
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
23597
|
+
});
|
|
23598
|
+
};
|
|
23599
|
+
var MultipleFileInput_rest = undefined && undefined.__rest || function (s, e) {
|
|
23600
|
+
var t = {};
|
|
23601
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
23602
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
23603
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
|
23604
|
+
}
|
|
23605
|
+
return t;
|
|
23606
|
+
};
|
|
23607
|
+
|
|
23608
|
+
|
|
23609
|
+
|
|
23610
|
+
|
|
23611
|
+
|
|
23612
|
+
|
|
23613
|
+
|
|
23614
|
+
|
|
23615
|
+
|
|
23616
|
+
|
|
23617
|
+
|
|
23618
|
+
|
|
23619
|
+
|
|
23620
|
+
|
|
23621
|
+
|
|
23622
|
+
|
|
23623
|
+
const MultipleFileInput = withMemo(function MultipleImageInput(_a) {
|
|
23624
|
+
// Variables
|
|
23625
|
+
var {
|
|
23626
|
+
className,
|
|
23627
|
+
style,
|
|
23628
|
+
value,
|
|
23629
|
+
label,
|
|
23630
|
+
mimeTypes = ['image/*'],
|
|
23631
|
+
maxFiles = 1,
|
|
23632
|
+
maxSizePerFile = 1024 * 1024 * 10,
|
|
23633
|
+
allowOverride = maxFiles === 1,
|
|
23634
|
+
onError,
|
|
23635
|
+
showDeleteButton = true,
|
|
23636
|
+
error
|
|
23637
|
+
} = _a,
|
|
23638
|
+
otherProps = MultipleFileInput_rest(_a, ["className", "style", "value", "label", "mimeTypes", "maxFiles", "maxSizePerFile", "allowOverride", "onError", "showDeleteButton", "error"]);
|
|
23639
|
+
// Refs
|
|
23640
|
+
const inputRef = (0,external_react_.useRef)(null);
|
|
23641
|
+
const indexRef = (0,external_react_.useRef)(undefined);
|
|
23642
|
+
// States
|
|
23643
|
+
// Selectors
|
|
23644
|
+
// Callbacks
|
|
23645
|
+
const checkMimeType = (0,external_react_.useCallback)(fileType => {
|
|
23646
|
+
return mimeTypes.some(type => {
|
|
23647
|
+
if (type === '*/*' || type === '*') {
|
|
23648
|
+
return true;
|
|
23649
|
+
}
|
|
23650
|
+
if (type.endsWith('/*')) {
|
|
23651
|
+
return fileType.startsWith(type.substring(0, type.length - 2));
|
|
23652
|
+
}
|
|
23653
|
+
return fileType === type;
|
|
23654
|
+
});
|
|
23655
|
+
}, [mimeTypes]);
|
|
23656
|
+
const [onChangeFiles, ...props] = useListenerWithExtractedProps('onChangeFiles', otherProps);
|
|
23240
23657
|
const getBase64 = (0,external_react_.useCallback)(inputFiles => {
|
|
23241
23658
|
const promises = inputFiles.map(file => new Promise((resolve, reject) => {
|
|
23242
23659
|
const reader = new FileReader();
|
|
@@ -23387,11 +23804,78 @@ const MultipleFileInput = withMemo(function MultipleImageInput(_a) {
|
|
|
23387
23804
|
type: "file",
|
|
23388
23805
|
multiple: maxFiles > 1,
|
|
23389
23806
|
accept: mimeTypes.join(', ')
|
|
23390
|
-
})))))
|
|
23807
|
+
}))))), error && /*#__PURE__*/external_react_.createElement(InlineBlockMemo, {
|
|
23808
|
+
className: (fileInput_default()).error
|
|
23809
|
+
}, /*#__PURE__*/external_react_.createElement(tmp, null, error)));
|
|
23391
23810
|
}, (fileInput_default()));
|
|
23392
|
-
;// CONCATENATED MODULE: ./src/Components/FormElements/
|
|
23393
|
-
|
|
23394
|
-
|
|
23811
|
+
;// CONCATENATED MODULE: ./src/Components/FormElements/Controller/MultipleFileInputController.ts
|
|
23812
|
+
|
|
23813
|
+
|
|
23814
|
+
const MultipleFileInputController = withHookController(MultipleFileInput, 'onChangeFiles');
|
|
23815
|
+
// EXTERNAL MODULE: ./src/Components/FormElements/Input/PasswordInput/passwordInput.scss
|
|
23816
|
+
var passwordInput = __webpack_require__(1436);
|
|
23817
|
+
var passwordInput_default = /*#__PURE__*/__webpack_require__.n(passwordInput);
|
|
23818
|
+
;// CONCATENATED MODULE: ./src/Components/FormElements/Input/PasswordInput/PasswordInput.tsx
|
|
23819
|
+
function PasswordInput_extends() { return PasswordInput_extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, PasswordInput_extends.apply(null, arguments); }
|
|
23820
|
+
var PasswordInput_rest = undefined && undefined.__rest || function (s, e) {
|
|
23821
|
+
var t = {};
|
|
23822
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
23823
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
23824
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
|
23825
|
+
}
|
|
23826
|
+
return t;
|
|
23827
|
+
};
|
|
23828
|
+
|
|
23829
|
+
|
|
23830
|
+
|
|
23831
|
+
|
|
23832
|
+
|
|
23833
|
+
|
|
23834
|
+
|
|
23835
|
+
|
|
23836
|
+
|
|
23837
|
+
|
|
23838
|
+
const PasswordInput = withForwardRef(function PasswordInput(_a, ref) {
|
|
23839
|
+
var {
|
|
23840
|
+
className,
|
|
23841
|
+
style
|
|
23842
|
+
} = _a,
|
|
23843
|
+
props = PasswordInput_rest(_a, ["className", "style"]);
|
|
23844
|
+
// Variables
|
|
23845
|
+
const [isVisible, setIsVisible] = (0,external_react_.useState)(false);
|
|
23846
|
+
// Refs
|
|
23847
|
+
// States
|
|
23848
|
+
// Selectors
|
|
23849
|
+
// Callbacks
|
|
23850
|
+
const toggleVisible = (0,external_react_.useCallback)(() => setIsVisible(old => !old), []);
|
|
23851
|
+
// Effects
|
|
23852
|
+
// Other
|
|
23853
|
+
// Render Functions
|
|
23854
|
+
return /*#__PURE__*/external_react_default().createElement(Flex_tmp, {
|
|
23855
|
+
horizontal: true,
|
|
23856
|
+
className: classnames_default()((passwordInput_default()).passwordInput, className),
|
|
23857
|
+
style: style
|
|
23858
|
+
}, /*#__PURE__*/external_react_default().createElement(Grow, null, /*#__PURE__*/external_react_default().createElement(Input, PasswordInput_extends({}, props, {
|
|
23859
|
+
type: isVisible ? 'text' : 'password',
|
|
23860
|
+
ref: ref
|
|
23861
|
+
}))), /*#__PURE__*/external_react_default().createElement(ClickableMemo, {
|
|
23862
|
+
onClick: toggleVisible,
|
|
23863
|
+
className: (passwordInput_default()).showButton,
|
|
23864
|
+
interactable: false
|
|
23865
|
+
}, /*#__PURE__*/external_react_default().createElement(Icon, {
|
|
23866
|
+
icon: isVisible ? free_solid_svg_icons_namespaceObject.faEye : free_solid_svg_icons_namespaceObject.faEyeSlash
|
|
23867
|
+
})));
|
|
23868
|
+
}, (passwordInput_default()));
|
|
23869
|
+
;// CONCATENATED MODULE: ./src/Components/FormElements/Controller/PasswordInputController.ts
|
|
23870
|
+
|
|
23871
|
+
|
|
23872
|
+
const PasswordInputController = withHookController(PasswordInput, "onChangeText");
|
|
23873
|
+
// EXTERNAL MODULE: ./src/Components/FormElements/Select/select.scss
|
|
23874
|
+
var Select_select = __webpack_require__(8581);
|
|
23875
|
+
var select_default = /*#__PURE__*/__webpack_require__.n(Select_select);
|
|
23876
|
+
;// CONCATENATED MODULE: ./src/Components/FormElements/Select/Select.tsx
|
|
23877
|
+
function Select_extends() { return Select_extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, Select_extends.apply(null, arguments); }
|
|
23878
|
+
var Select_rest = undefined && undefined.__rest || function (s, e) {
|
|
23395
23879
|
var t = {};
|
|
23396
23880
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
23397
23881
|
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
@@ -23405,58 +23889,68 @@ var FileInput_rest = undefined && undefined.__rest || function (s, e) {
|
|
|
23405
23889
|
|
|
23406
23890
|
|
|
23407
23891
|
|
|
23408
|
-
|
|
23409
|
-
|
|
23892
|
+
|
|
23893
|
+
|
|
23894
|
+
const Select = withMemo(function Select(_a) {
|
|
23410
23895
|
// Variables
|
|
23411
23896
|
var {
|
|
23412
|
-
|
|
23413
|
-
|
|
23414
|
-
|
|
23897
|
+
label,
|
|
23898
|
+
options,
|
|
23899
|
+
className,
|
|
23900
|
+
style,
|
|
23901
|
+
onChangeValue,
|
|
23902
|
+
inline = false,
|
|
23903
|
+
small = false,
|
|
23904
|
+
error
|
|
23415
23905
|
} = _a,
|
|
23416
|
-
otherProps =
|
|
23906
|
+
otherProps = Select_rest(_a, ["label", "options", "className", "style", "onChangeValue", "inline", "small", "error"]);
|
|
23417
23907
|
// Refs
|
|
23418
23908
|
// States
|
|
23419
|
-
const mimeTypes = (0,external_react_.useMemo)(() => mimeType ? [mimeType] : undefined, [mimeType]);
|
|
23420
|
-
const innerValue = (0,external_react_.useMemo)(() => value ? [value] : [], [value]);
|
|
23421
23909
|
// Selectors
|
|
23422
23910
|
// Callbacks
|
|
23423
|
-
const [
|
|
23424
|
-
const
|
|
23425
|
-
|
|
23426
|
-
|
|
23427
|
-
|
|
23428
|
-
}, [onChangeFile, required]);
|
|
23911
|
+
const [onChangeWithData, propsWithoutData] = useListenerWithExtractedProps('onChange', otherProps);
|
|
23912
|
+
const onChange = (0,external_react_.useCallback)(e => {
|
|
23913
|
+
onChangeValue === null || onChangeValue === void 0 ? void 0 : onChangeValue(e.target.value);
|
|
23914
|
+
onChangeWithData(e);
|
|
23915
|
+
}, [onChangeWithData, onChangeValue]);
|
|
23429
23916
|
// Effects
|
|
23430
23917
|
// Other
|
|
23431
|
-
//
|
|
23432
|
-
return
|
|
23433
|
-
|
|
23434
|
-
|
|
23435
|
-
|
|
23436
|
-
|
|
23437
|
-
|
|
23438
|
-
|
|
23439
|
-
},
|
|
23440
|
-
|
|
23441
|
-
|
|
23442
|
-
|
|
23443
|
-
|
|
23918
|
+
// Render Functions
|
|
23919
|
+
return (
|
|
23920
|
+
/*#__PURE__*/
|
|
23921
|
+
// eslint-disable-next-line jsx-a11y/label-has-associated-control
|
|
23922
|
+
external_react_.createElement("label", {
|
|
23923
|
+
className: classnames_default()((select_default()).select, {
|
|
23924
|
+
[(select_default()).inline]: inline,
|
|
23925
|
+
[(select_default()).small]: small
|
|
23926
|
+
}, className),
|
|
23927
|
+
style: style
|
|
23928
|
+
}, label ? /*#__PURE__*/external_react_.createElement("span", {
|
|
23929
|
+
className: (select_default()).label
|
|
23930
|
+
}, label) : null, /*#__PURE__*/external_react_.createElement("select", Select_extends({}, propsWithoutData, {
|
|
23931
|
+
className: (select_default()).input,
|
|
23932
|
+
onChange: onChange
|
|
23933
|
+
}), options.map(option => {
|
|
23934
|
+
var _a;
|
|
23935
|
+
return /*#__PURE__*/external_react_.createElement("option", {
|
|
23936
|
+
value: option.value,
|
|
23937
|
+
key: (_a = option.key) !== null && _a !== void 0 ? _a : option.value
|
|
23938
|
+
}, option.label);
|
|
23939
|
+
})), error && /*#__PURE__*/external_react_.createElement(InlineBlockMemo, {
|
|
23940
|
+
className: (select_default()).error
|
|
23941
|
+
}, /*#__PURE__*/external_react_.createElement(tmp, null, error)))
|
|
23942
|
+
);
|
|
23943
|
+
}, (select_default()));
|
|
23944
|
+
;// CONCATENATED MODULE: ./src/Components/FormElements/Controller/SelectController.ts
|
|
23444
23945
|
|
|
23445
|
-
|
|
23446
|
-
|
|
23447
|
-
|
|
23448
|
-
|
|
23449
|
-
|
|
23450
|
-
|
|
23451
|
-
|
|
23452
|
-
|
|
23453
|
-
};
|
|
23454
|
-
}, [ref, onChangeDone, usedRef]);
|
|
23455
|
-
return usedRef;
|
|
23456
|
-
}
|
|
23457
|
-
;// CONCATENATED MODULE: ./src/Components/FormElements/Input/Input.tsx
|
|
23458
|
-
function Input_extends() { return Input_extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, Input_extends.apply(null, arguments); }
|
|
23459
|
-
var Input_rest = undefined && undefined.__rest || function (s, e) {
|
|
23946
|
+
|
|
23947
|
+
const SelectController = withHookController(Select, "onChangeValue");
|
|
23948
|
+
// EXTERNAL MODULE: ./src/Components/FormElements/Textarea/textarea.scss
|
|
23949
|
+
var Textarea_textarea = __webpack_require__(817);
|
|
23950
|
+
var textarea_default = /*#__PURE__*/__webpack_require__.n(Textarea_textarea);
|
|
23951
|
+
;// CONCATENATED MODULE: ./src/Components/FormElements/Textarea/Textarea.tsx
|
|
23952
|
+
function Textarea_extends() { return Textarea_extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, Textarea_extends.apply(null, arguments); }
|
|
23953
|
+
var Textarea_rest = undefined && undefined.__rest || function (s, e) {
|
|
23460
23954
|
var t = {};
|
|
23461
23955
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
23462
23956
|
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
@@ -23472,134 +23966,74 @@ var Input_rest = undefined && undefined.__rest || function (s, e) {
|
|
|
23472
23966
|
|
|
23473
23967
|
|
|
23474
23968
|
|
|
23475
|
-
|
|
23476
|
-
|
|
23969
|
+
|
|
23970
|
+
|
|
23971
|
+
const Textarea = withForwardRef(function Textarea(_a, ref) {
|
|
23477
23972
|
var {
|
|
23478
23973
|
label,
|
|
23479
23974
|
className,
|
|
23480
23975
|
style,
|
|
23481
|
-
|
|
23482
|
-
|
|
23483
|
-
|
|
23484
|
-
|
|
23976
|
+
onKeyUp,
|
|
23977
|
+
onChangeText,
|
|
23978
|
+
onEnter,
|
|
23979
|
+
onEscape,
|
|
23980
|
+
textareaStyles,
|
|
23981
|
+
containerRef,
|
|
23982
|
+
error
|
|
23485
23983
|
} = _a,
|
|
23486
|
-
otherProps =
|
|
23487
|
-
// States
|
|
23488
|
-
const usedValue = (0,external_react_.useMemo)(() => {
|
|
23489
|
-
if (otherProps.type !== "number" || typeof value === "number") {
|
|
23490
|
-
return value;
|
|
23491
|
-
}
|
|
23492
|
-
if (typeof value === "string") {
|
|
23493
|
-
if (value === "-") {
|
|
23494
|
-
return value;
|
|
23495
|
-
}
|
|
23496
|
-
const numberValue = parseFloat(value);
|
|
23497
|
-
if (!Number.isNaN(numberValue) && Number.isFinite(numberValue)) {
|
|
23498
|
-
if (otherProps.max !== undefined && numberValue > Number(otherProps.max)) {
|
|
23499
|
-
return otherProps.max;
|
|
23500
|
-
}
|
|
23501
|
-
if (otherProps.min !== undefined && numberValue < Number(otherProps.min)) {
|
|
23502
|
-
return otherProps.min;
|
|
23503
|
-
}
|
|
23504
|
-
}
|
|
23505
|
-
if (!Number.isNaN(Number(value))) {
|
|
23506
|
-
// Do not parse to allow ., and so on
|
|
23507
|
-
return value;
|
|
23508
|
-
}
|
|
23509
|
-
if (!Number.isNaN(numberValue)) {
|
|
23510
|
-
return parseFloat(value);
|
|
23511
|
-
}
|
|
23512
|
-
}
|
|
23513
|
-
return "";
|
|
23514
|
-
}, [value, otherProps.max, otherProps.min, otherProps.type]);
|
|
23984
|
+
otherProps = Textarea_rest(_a, ["label", "className", "style", "onKeyUp", "onChangeText", "onEnter", "onEscape", "textareaStyles", "containerRef", "error"]);
|
|
23515
23985
|
// Refs
|
|
23516
|
-
const innerRef =
|
|
23986
|
+
const innerRef = (0,external_react_.useRef)(null);
|
|
23987
|
+
const refSetter = useComposedRef(ref, innerRef);
|
|
23988
|
+
// Variables
|
|
23989
|
+
// States
|
|
23517
23990
|
// Callbacks
|
|
23518
23991
|
const [onChangeWithData, otherPropsWithoutOnchange] = useListenerWithExtractedProps('onChange', otherProps);
|
|
23992
|
+
const [onChangeDone, otherPropsWithoutData] = useListenerWithExtractedProps('onChangeDone', otherPropsWithoutOnchange);
|
|
23519
23993
|
const onChange = (0,external_react_.useCallback)(e => {
|
|
23520
23994
|
if (onChangeText) {
|
|
23521
|
-
|
|
23522
|
-
if (e.currentTarget.value === "-") {
|
|
23523
|
-
onChangeText(e.currentTarget.value);
|
|
23524
|
-
return;
|
|
23525
|
-
}
|
|
23526
|
-
const val = !Number.isNaN(Number(e.currentTarget.value)) ? e.currentTarget.value : !Number.isNaN(parseFloat(e.currentTarget.value)) ? String(parseFloat(e.currentTarget.value)) : "";
|
|
23527
|
-
onChangeText(val);
|
|
23528
|
-
} else {
|
|
23529
|
-
onChangeText(e.currentTarget.value);
|
|
23530
|
-
}
|
|
23995
|
+
onChangeText(e.target.value);
|
|
23531
23996
|
}
|
|
23532
23997
|
onChangeWithData(e);
|
|
23533
|
-
}, [onChangeWithData, onChangeText
|
|
23534
|
-
const
|
|
23535
|
-
|
|
23536
|
-
|
|
23537
|
-
onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(e);
|
|
23538
|
-
if (otherProps.onEnter && e.key === 'Enter' && !e.defaultPrevented) {
|
|
23539
|
-
if (otherProps.type === "number") {
|
|
23540
|
-
const stringValue = e.target.value;
|
|
23541
|
-
const val = !Number.isNaN(Number(stringValue)) ? stringValue : !Number.isNaN(parseFloat(stringValue)) ? String(parseFloat(stringValue)) : "";
|
|
23542
|
-
otherProps.onEnter(val);
|
|
23543
|
-
} else {
|
|
23544
|
-
otherProps.onEnter(e.target.value);
|
|
23545
|
-
}
|
|
23998
|
+
}, [onChangeWithData, onChangeText]);
|
|
23999
|
+
const realOnKeyPress = (0,external_react_.useCallback)(e => {
|
|
24000
|
+
if (onKeyUp) {
|
|
24001
|
+
onKeyUp(e);
|
|
23546
24002
|
}
|
|
23547
|
-
if (
|
|
23548
|
-
|
|
23549
|
-
if (e.key === "ArrowUp") {
|
|
23550
|
-
let newValue = (parseFloat(e.currentTarget.value) || 0) + step;
|
|
23551
|
-
if (otherProps.max !== undefined && newValue > Number(otherProps.max)) {
|
|
23552
|
-
newValue = Number(otherProps.max);
|
|
23553
|
-
}
|
|
23554
|
-
e.currentTarget.value = newValue.toString();
|
|
23555
|
-
onChange(e);
|
|
23556
|
-
} else if (e.key === "ArrowDown") {
|
|
23557
|
-
let newValue = (parseFloat(e.currentTarget.value) || 0) - step;
|
|
23558
|
-
if (otherProps.min !== undefined && newValue < Number(otherProps.min)) {
|
|
23559
|
-
newValue = Number(otherProps.min);
|
|
23560
|
-
}
|
|
23561
|
-
e.currentTarget.value = newValue.toString();
|
|
23562
|
-
onChange(e);
|
|
23563
|
-
}
|
|
24003
|
+
if (onEnter && e.key === 'Enter' && !e.defaultPrevented) {
|
|
24004
|
+
onEnter(e.target.value);
|
|
23564
24005
|
}
|
|
23565
|
-
|
|
24006
|
+
if (onEscape && e.key === 'Escape' && !e.defaultPrevented) {
|
|
24007
|
+
onEscape(e.target.value);
|
|
24008
|
+
}
|
|
24009
|
+
}, [onEnter, onEscape, onKeyUp]);
|
|
23566
24010
|
// Effects
|
|
23567
24011
|
useOnChangeDone(onChangeDone, innerRef);
|
|
23568
|
-
(0,external_react_.useEffect)(() => {
|
|
23569
|
-
// Add the onChangeDone for numbers
|
|
23570
|
-
if (otherProps.type === "number") {
|
|
23571
|
-
const elem = innerRef.current;
|
|
23572
|
-
elem === null || elem === void 0 ? void 0 : elem.addEventListener('blur', onChangeDone);
|
|
23573
|
-
return () => {
|
|
23574
|
-
elem === null || elem === void 0 ? void 0 : elem.removeEventListener('blur', onChangeDone);
|
|
23575
|
-
};
|
|
23576
|
-
}
|
|
23577
|
-
return undefined;
|
|
23578
|
-
}, [ref, onChangeDone, innerRef, otherProps.type]);
|
|
23579
24012
|
// Other
|
|
23580
24013
|
// Render Functions
|
|
23581
24014
|
return /*#__PURE__*/external_react_.createElement("label", {
|
|
23582
|
-
className: classnames_default()((
|
|
23583
|
-
|
|
23584
|
-
|
|
23585
|
-
style: style
|
|
24015
|
+
className: classnames_default()((textarea_default()).container, className),
|
|
24016
|
+
style: style,
|
|
24017
|
+
ref: containerRef
|
|
23586
24018
|
}, label ? /*#__PURE__*/external_react_.createElement("span", {
|
|
23587
|
-
className: (
|
|
23588
|
-
}, label) : null, /*#__PURE__*/external_react_.createElement("
|
|
23589
|
-
|
|
23590
|
-
|
|
23591
|
-
|
|
23592
|
-
type: otherProps.type === "number" ? "text" : otherProps.type,
|
|
23593
|
-
ref: innerRef,
|
|
23594
|
-
className: (input_default()).text,
|
|
23595
|
-
onBlur: onBlur,
|
|
24019
|
+
className: (textarea_default()).label
|
|
24020
|
+
}, label) : null, /*#__PURE__*/external_react_.createElement("textarea", Textarea_extends({}, otherPropsWithoutData, {
|
|
24021
|
+
style: textareaStyles,
|
|
24022
|
+
onKeyUp: realOnKeyPress,
|
|
24023
|
+
className: (textarea_default()).textarea,
|
|
23596
24024
|
onChange: onChange,
|
|
23597
|
-
|
|
23598
|
-
}))
|
|
23599
|
-
|
|
23600
|
-
|
|
23601
|
-
|
|
23602
|
-
|
|
24025
|
+
ref: refSetter
|
|
24026
|
+
})), error && /*#__PURE__*/external_react_.createElement(InlineBlockMemo, {
|
|
24027
|
+
className: (textarea_default()).error
|
|
24028
|
+
}, /*#__PURE__*/external_react_.createElement(tmp, null, error)));
|
|
24029
|
+
}, (textarea_default()));
|
|
24030
|
+
;// CONCATENATED MODULE: ./src/Components/FormElements/Controller/TextareaController.ts
|
|
24031
|
+
|
|
24032
|
+
|
|
24033
|
+
const TextareaController = withHookController(Textarea, 'onChangeText');
|
|
24034
|
+
;// CONCATENATED MODULE: ./src/Components/FormElements/Input/FileInput/FileInput.tsx
|
|
24035
|
+
function FileInput_extends() { return FileInput_extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, FileInput_extends.apply(null, arguments); }
|
|
24036
|
+
var FileInput_rest = undefined && undefined.__rest || function (s, e) {
|
|
23603
24037
|
var t = {};
|
|
23604
24038
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
23605
24039
|
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
@@ -23612,33 +24046,42 @@ var HiddenInput_rest = undefined && undefined.__rest || function (s, e) {
|
|
|
23612
24046
|
|
|
23613
24047
|
|
|
23614
24048
|
|
|
23615
|
-
|
|
24049
|
+
|
|
24050
|
+
// TODO use MultipleFileInput internal
|
|
24051
|
+
const FileInput = withMemo(function FileInput(_a) {
|
|
23616
24052
|
// Variables
|
|
23617
24053
|
var {
|
|
23618
|
-
|
|
23619
|
-
|
|
24054
|
+
value,
|
|
24055
|
+
mimeType,
|
|
24056
|
+
required = false
|
|
23620
24057
|
} = _a,
|
|
23621
|
-
|
|
23622
|
-
// States
|
|
24058
|
+
otherProps = FileInput_rest(_a, ["value", "mimeType", "required"]);
|
|
23623
24059
|
// Refs
|
|
24060
|
+
// States
|
|
24061
|
+
const mimeTypes = (0,external_react_.useMemo)(() => mimeType ? [mimeType] : undefined, [mimeType]);
|
|
24062
|
+
const innerValue = (0,external_react_.useMemo)(() => value ? [value] : [], [value]);
|
|
24063
|
+
// Selectors
|
|
23624
24064
|
// Callbacks
|
|
24065
|
+
const [onChangeFile, multipleFileInputProps] = useListenerWithExtractedProps("onChangeFile", otherProps);
|
|
24066
|
+
const onChangeFiles = (0,external_react_.useCallback)(files => {
|
|
24067
|
+
if (!required || files[0]) {
|
|
24068
|
+
onChangeFile(files[0]);
|
|
24069
|
+
}
|
|
24070
|
+
}, [onChangeFile, required]);
|
|
23625
24071
|
// Effects
|
|
23626
24072
|
// Other
|
|
23627
|
-
//
|
|
23628
|
-
return /*#__PURE__*/external_react_.createElement(
|
|
23629
|
-
|
|
23630
|
-
|
|
23631
|
-
|
|
23632
|
-
|
|
23633
|
-
|
|
23634
|
-
|
|
23635
|
-
|
|
23636
|
-
|
|
23637
|
-
var
|
|
23638
|
-
var
|
|
23639
|
-
;// CONCATENATED MODULE: ./src/Components/FormElements/Input/PasswordInput/PasswordInput.tsx
|
|
23640
|
-
function PasswordInput_extends() { return PasswordInput_extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, PasswordInput_extends.apply(null, arguments); }
|
|
23641
|
-
var PasswordInput_rest = undefined && undefined.__rest || function (s, e) {
|
|
24073
|
+
// Render Functions
|
|
24074
|
+
return /*#__PURE__*/external_react_.createElement(MultipleFileInput, FileInput_extends({
|
|
24075
|
+
maxFiles: 1,
|
|
24076
|
+
value: innerValue,
|
|
24077
|
+
onChangeFiles: onChangeFiles,
|
|
24078
|
+
mimeTypes: mimeTypes,
|
|
24079
|
+
showDeleteButton: !required
|
|
24080
|
+
}, multipleFileInputProps));
|
|
24081
|
+
}, (fileInput_default()));
|
|
24082
|
+
;// CONCATENATED MODULE: ./src/Components/FormElements/Input/HiddenInput.tsx
|
|
24083
|
+
function HiddenInput_extends() { return HiddenInput_extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, HiddenInput_extends.apply(null, arguments); }
|
|
24084
|
+
var HiddenInput_rest = undefined && undefined.__rest || function (s, e) {
|
|
23642
24085
|
var t = {};
|
|
23643
24086
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
23644
24087
|
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
@@ -23651,41 +24094,27 @@ var PasswordInput_rest = undefined && undefined.__rest || function (s, e) {
|
|
|
23651
24094
|
|
|
23652
24095
|
|
|
23653
24096
|
|
|
23654
|
-
|
|
23655
|
-
|
|
23656
|
-
|
|
23657
|
-
|
|
23658
|
-
|
|
23659
|
-
const PasswordInput = withForwardRef(function PasswordInput(_a, ref) {
|
|
24097
|
+
function HiddenInput(_a) {
|
|
24098
|
+
// Variables
|
|
23660
24099
|
var {
|
|
23661
|
-
|
|
23662
|
-
|
|
24100
|
+
noFocusHint = false,
|
|
24101
|
+
className
|
|
23663
24102
|
} = _a,
|
|
23664
|
-
props =
|
|
23665
|
-
// Variables
|
|
23666
|
-
const [isVisible, setIsVisible] = (0,external_react_.useState)(false);
|
|
23667
|
-
// Refs
|
|
24103
|
+
props = HiddenInput_rest(_a, ["noFocusHint", "className"]);
|
|
23668
24104
|
// States
|
|
23669
|
-
//
|
|
24105
|
+
// Refs
|
|
23670
24106
|
// Callbacks
|
|
23671
|
-
const toggleVisible = (0,external_react_.useCallback)(() => setIsVisible(old => !old), []);
|
|
23672
24107
|
// Effects
|
|
23673
24108
|
// Other
|
|
23674
24109
|
// Render Functions
|
|
23675
|
-
return /*#__PURE__*/
|
|
23676
|
-
|
|
23677
|
-
|
|
23678
|
-
|
|
23679
|
-
},
|
|
23680
|
-
|
|
23681
|
-
|
|
23682
|
-
|
|
23683
|
-
onClick: toggleVisible,
|
|
23684
|
-
className: (passwordInput_default()).showButton
|
|
23685
|
-
}, /*#__PURE__*/external_react_default().createElement(Icon, {
|
|
23686
|
-
icon: isVisible ? free_solid_svg_icons_namespaceObject.faEye : free_solid_svg_icons_namespaceObject.faEyeSlash
|
|
23687
|
-
})));
|
|
23688
|
-
}, (passwordInput_default()));
|
|
24110
|
+
return /*#__PURE__*/external_react_.createElement(Input, HiddenInput_extends({
|
|
24111
|
+
className: classnames_default()((input_default()).hiddenInput, {
|
|
24112
|
+
[(input_default()).noFocusHint]: noFocusHint
|
|
24113
|
+
}, className)
|
|
24114
|
+
}, props));
|
|
24115
|
+
}
|
|
24116
|
+
const HiddenInput_tmp = withMemo(HiddenInput);
|
|
24117
|
+
|
|
23689
24118
|
// EXTERNAL MODULE: ./src/Components/FormElements/SearchSelectInput/seachSelectInput.scss
|
|
23690
24119
|
var seachSelectInput = __webpack_require__(6245);
|
|
23691
24120
|
var seachSelectInput_default = /*#__PURE__*/__webpack_require__.n(seachSelectInput);
|
|
@@ -23836,72 +24265,6 @@ const SearchSelectInput = withMemo(function SearchSelectInput({
|
|
|
23836
24265
|
}, selectableOptions.map(renderSelectableOption)))
|
|
23837
24266
|
);
|
|
23838
24267
|
}, (seachSelectInput_default()));
|
|
23839
|
-
// EXTERNAL MODULE: ./src/Components/FormElements/Select/select.scss
|
|
23840
|
-
var Select_select = __webpack_require__(8581);
|
|
23841
|
-
var select_default = /*#__PURE__*/__webpack_require__.n(Select_select);
|
|
23842
|
-
;// CONCATENATED MODULE: ./src/Components/FormElements/Select/Select.tsx
|
|
23843
|
-
function Select_extends() { return Select_extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, Select_extends.apply(null, arguments); }
|
|
23844
|
-
var Select_rest = undefined && undefined.__rest || function (s, e) {
|
|
23845
|
-
var t = {};
|
|
23846
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
23847
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
23848
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
|
23849
|
-
}
|
|
23850
|
-
return t;
|
|
23851
|
-
};
|
|
23852
|
-
|
|
23853
|
-
|
|
23854
|
-
|
|
23855
|
-
|
|
23856
|
-
|
|
23857
|
-
|
|
23858
|
-
const Select = withMemo(function Select(_a) {
|
|
23859
|
-
// Variables
|
|
23860
|
-
var {
|
|
23861
|
-
label,
|
|
23862
|
-
options,
|
|
23863
|
-
className,
|
|
23864
|
-
style,
|
|
23865
|
-
onChangeValue,
|
|
23866
|
-
inline = false,
|
|
23867
|
-
small = false
|
|
23868
|
-
} = _a,
|
|
23869
|
-
otherProps = Select_rest(_a, ["label", "options", "className", "style", "onChangeValue", "inline", "small"]);
|
|
23870
|
-
// Refs
|
|
23871
|
-
// States
|
|
23872
|
-
// Selectors
|
|
23873
|
-
// Callbacks
|
|
23874
|
-
const [onChangeWithData, propsWithoutData] = useListenerWithExtractedProps('onChange', otherProps);
|
|
23875
|
-
const onChange = (0,external_react_.useCallback)(e => {
|
|
23876
|
-
onChangeValue === null || onChangeValue === void 0 ? void 0 : onChangeValue(e.target.value);
|
|
23877
|
-
onChangeWithData(e);
|
|
23878
|
-
}, [onChangeWithData, onChangeValue]);
|
|
23879
|
-
// Effects
|
|
23880
|
-
// Other
|
|
23881
|
-
// Render Functions
|
|
23882
|
-
return (
|
|
23883
|
-
/*#__PURE__*/
|
|
23884
|
-
// eslint-disable-next-line jsx-a11y/label-has-associated-control
|
|
23885
|
-
external_react_.createElement("label", {
|
|
23886
|
-
className: classnames_default()((select_default()).select, {
|
|
23887
|
-
[(select_default()).inline]: inline,
|
|
23888
|
-
[(select_default()).small]: small
|
|
23889
|
-
}, className),
|
|
23890
|
-
style: style
|
|
23891
|
-
}, label ? /*#__PURE__*/external_react_.createElement("span", {
|
|
23892
|
-
className: (select_default()).label
|
|
23893
|
-
}, label) : null, /*#__PURE__*/external_react_.createElement("select", Select_extends({}, propsWithoutData, {
|
|
23894
|
-
className: (select_default()).input,
|
|
23895
|
-
onChange: onChange
|
|
23896
|
-
}), options.map(option => {
|
|
23897
|
-
var _a;
|
|
23898
|
-
return /*#__PURE__*/external_react_.createElement("option", {
|
|
23899
|
-
value: option.value,
|
|
23900
|
-
key: (_a = option.key) !== null && _a !== void 0 ? _a : option.value
|
|
23901
|
-
}, option.label);
|
|
23902
|
-
})))
|
|
23903
|
-
);
|
|
23904
|
-
}, (select_default()));
|
|
23905
24268
|
// EXTERNAL MODULE: ./src/Components/FormElements/Slider/slider.scss
|
|
23906
24269
|
var slider = __webpack_require__(5471);
|
|
23907
24270
|
var slider_default = /*#__PURE__*/__webpack_require__.n(slider);
|
|
@@ -24006,110 +24369,34 @@ const Switch = withMemo(function Switch(_a) {
|
|
|
24006
24369
|
if (external_react_.Children.count(children) === 1 && typeof children === 'string') {
|
|
24007
24370
|
label = children;
|
|
24008
24371
|
}
|
|
24009
|
-
if (isLabelBeforeSwitch) {
|
|
24010
|
-
[label, preLabel] = [preLabel, label];
|
|
24011
|
-
}
|
|
24012
|
-
if (label && preLabel && isDual === undefined) {
|
|
24013
|
-
isDual = true;
|
|
24014
|
-
}
|
|
24015
|
-
return /*#__PURE__*/external_react_.createElement("span", {
|
|
24016
|
-
className: classnames_default()((switch_default())["switch"], {
|
|
24017
|
-
[(switch_default()).dual]: isDual
|
|
24018
|
-
}, className),
|
|
24019
|
-
style: style
|
|
24020
|
-
}, /*#__PURE__*/external_react_.createElement("label", {
|
|
24021
|
-
htmlFor: id,
|
|
24022
|
-
key: id
|
|
24023
|
-
}, /*#__PURE__*/external_react_.createElement("span", {
|
|
24024
|
-
className: (switch_default()).label
|
|
24025
|
-
}, preLabel), /*#__PURE__*/external_react_.createElement("input", Switch_extends({}, otherProps, {
|
|
24026
|
-
type: "checkbox",
|
|
24027
|
-
id: id,
|
|
24028
|
-
onChange: realOnChange
|
|
24029
|
-
})), /*#__PURE__*/external_react_.createElement("div", {
|
|
24030
|
-
className: (switch_default()).toggle
|
|
24031
|
-
}, /*#__PURE__*/external_react_.createElement("span", {
|
|
24032
|
-
className: (switch_default()).handle
|
|
24033
|
-
})), /*#__PURE__*/external_react_.createElement("span", {
|
|
24034
|
-
className: (switch_default()).label
|
|
24035
|
-
}, label)));
|
|
24036
|
-
}, (switch_default()));
|
|
24037
|
-
// EXTERNAL MODULE: ./src/Components/FormElements/Textarea/textarea.scss
|
|
24038
|
-
var Textarea_textarea = __webpack_require__(817);
|
|
24039
|
-
var textarea_default = /*#__PURE__*/__webpack_require__.n(Textarea_textarea);
|
|
24040
|
-
;// CONCATENATED MODULE: ./src/Components/FormElements/Textarea/Textarea.tsx
|
|
24041
|
-
function Textarea_extends() { return Textarea_extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, Textarea_extends.apply(null, arguments); }
|
|
24042
|
-
var Textarea_rest = undefined && undefined.__rest || function (s, e) {
|
|
24043
|
-
var t = {};
|
|
24044
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
24045
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
24046
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
|
24047
|
-
}
|
|
24048
|
-
return t;
|
|
24049
|
-
};
|
|
24050
|
-
|
|
24051
|
-
|
|
24052
|
-
|
|
24053
|
-
|
|
24054
|
-
|
|
24055
|
-
|
|
24056
|
-
|
|
24057
|
-
|
|
24058
|
-
const Textarea = withForwardRef(function Textarea(_a, ref) {
|
|
24059
|
-
var {
|
|
24060
|
-
label,
|
|
24061
|
-
className,
|
|
24062
|
-
style,
|
|
24063
|
-
onKeyUp,
|
|
24064
|
-
onChangeText,
|
|
24065
|
-
onEnter,
|
|
24066
|
-
onEscape,
|
|
24067
|
-
textareaStyles,
|
|
24068
|
-
containerRef
|
|
24069
|
-
} = _a,
|
|
24070
|
-
otherProps = Textarea_rest(_a, ["label", "className", "style", "onKeyUp", "onChangeText", "onEnter", "onEscape", "textareaStyles", "containerRef"]);
|
|
24071
|
-
// Refs
|
|
24072
|
-
const innerRef = useComposedRef(ref);
|
|
24073
|
-
// Variables
|
|
24074
|
-
// States
|
|
24075
|
-
// Callbacks
|
|
24076
|
-
const [onChangeWithData, otherPropsWithoutOnchange] = useListenerWithExtractedProps('onChange', otherProps);
|
|
24077
|
-
const [onChangeDone, otherPropsWithoutData] = useListenerWithExtractedProps('onChangeDone', otherPropsWithoutOnchange);
|
|
24078
|
-
const onChange = (0,external_react_.useCallback)(e => {
|
|
24079
|
-
if (onChangeText) {
|
|
24080
|
-
onChangeText(e.target.value);
|
|
24081
|
-
}
|
|
24082
|
-
onChangeWithData(e);
|
|
24083
|
-
}, [onChangeWithData, onChangeText]);
|
|
24084
|
-
const realOnKeyPress = (0,external_react_.useCallback)(e => {
|
|
24085
|
-
if (onKeyUp) {
|
|
24086
|
-
onKeyUp(e);
|
|
24087
|
-
}
|
|
24088
|
-
if (onEnter && e.key === 'Enter' && !e.defaultPrevented) {
|
|
24089
|
-
onEnter(e.target.value);
|
|
24090
|
-
}
|
|
24091
|
-
if (onEscape && e.key === 'Escape' && !e.defaultPrevented) {
|
|
24092
|
-
onEscape(e.target.value);
|
|
24093
|
-
}
|
|
24094
|
-
}, [onEnter, onEscape, onKeyUp]);
|
|
24095
|
-
// Effects
|
|
24096
|
-
useOnChangeDone(onChangeDone, innerRef);
|
|
24097
|
-
// Other
|
|
24098
|
-
// Render Functions
|
|
24099
|
-
return /*#__PURE__*/external_react_.createElement("label", {
|
|
24100
|
-
className: classnames_default()((textarea_default()).container, className),
|
|
24101
|
-
style: style,
|
|
24102
|
-
ref: containerRef
|
|
24103
|
-
}, label ? /*#__PURE__*/external_react_.createElement("span", {
|
|
24104
|
-
className: (textarea_default()).label
|
|
24105
|
-
}, label) : null, /*#__PURE__*/external_react_.createElement("textarea", Textarea_extends({}, otherPropsWithoutData, {
|
|
24106
|
-
style: textareaStyles,
|
|
24107
|
-
onKeyUp: realOnKeyPress,
|
|
24108
|
-
className: (textarea_default()).textarea,
|
|
24109
|
-
onChange: onChange,
|
|
24110
|
-
ref: innerRef
|
|
24111
|
-
})));
|
|
24112
|
-
}, (textarea_default()));
|
|
24372
|
+
if (isLabelBeforeSwitch) {
|
|
24373
|
+
[label, preLabel] = [preLabel, label];
|
|
24374
|
+
}
|
|
24375
|
+
if (label && preLabel && isDual === undefined) {
|
|
24376
|
+
isDual = true;
|
|
24377
|
+
}
|
|
24378
|
+
return /*#__PURE__*/external_react_.createElement("span", {
|
|
24379
|
+
className: classnames_default()((switch_default())["switch"], {
|
|
24380
|
+
[(switch_default()).dual]: isDual
|
|
24381
|
+
}, className),
|
|
24382
|
+
style: style
|
|
24383
|
+
}, /*#__PURE__*/external_react_.createElement("label", {
|
|
24384
|
+
htmlFor: id,
|
|
24385
|
+
key: id
|
|
24386
|
+
}, /*#__PURE__*/external_react_.createElement("span", {
|
|
24387
|
+
className: (switch_default()).label
|
|
24388
|
+
}, preLabel), /*#__PURE__*/external_react_.createElement("input", Switch_extends({}, otherProps, {
|
|
24389
|
+
type: "checkbox",
|
|
24390
|
+
id: id,
|
|
24391
|
+
onChange: realOnChange
|
|
24392
|
+
})), /*#__PURE__*/external_react_.createElement("div", {
|
|
24393
|
+
className: (switch_default()).toggle
|
|
24394
|
+
}, /*#__PURE__*/external_react_.createElement("span", {
|
|
24395
|
+
className: (switch_default()).handle
|
|
24396
|
+
})), /*#__PURE__*/external_react_.createElement("span", {
|
|
24397
|
+
className: (switch_default()).label
|
|
24398
|
+
}, label)));
|
|
24399
|
+
}, (switch_default()));
|
|
24113
24400
|
;// CONCATENATED MODULE: ./src/Components/FullScreen/FullScreen.tsx
|
|
24114
24401
|
var FullScreen_rest = undefined && undefined.__rest || function (s, e) {
|
|
24115
24402
|
var t = {};
|
|
@@ -24552,7 +24839,7 @@ function Grid({
|
|
|
24552
24839
|
useContainerWidth = false,
|
|
24553
24840
|
className,
|
|
24554
24841
|
__allowChildren
|
|
24555
|
-
}) {
|
|
24842
|
+
}, ref) {
|
|
24556
24843
|
// Variables
|
|
24557
24844
|
const appliedStyle = (0,external_react_.useMemo)(() => Object.assign(Object.assign({}, style), {
|
|
24558
24845
|
'--grid-columns': columns,
|
|
@@ -24566,6 +24853,7 @@ function Grid({
|
|
|
24566
24853
|
// Other
|
|
24567
24854
|
// Render Functions
|
|
24568
24855
|
return /*#__PURE__*/external_react_.createElement(BlockMemo, {
|
|
24856
|
+
ref: ref,
|
|
24569
24857
|
style: appliedStyle,
|
|
24570
24858
|
className: classnames_default()((grid_default()).grid, className, {
|
|
24571
24859
|
[(grid_default()).useContainerWidth]: useContainerWidth
|
|
@@ -24574,7 +24862,7 @@ function Grid({
|
|
|
24574
24862
|
}, children);
|
|
24575
24863
|
}
|
|
24576
24864
|
// Need RowMemo for autocompletion of phpstorm
|
|
24577
|
-
const GridMemo =
|
|
24865
|
+
const GridMemo = withForwardRef(Grid, (grid_default()));
|
|
24578
24866
|
|
|
24579
24867
|
;// CONCATENATED MODULE: ./src/Components/Layout/Grid/GridItem.tsx
|
|
24580
24868
|
|
|
@@ -24752,6 +25040,270 @@ function ListItem({
|
|
|
24752
25040
|
// Need ListItemMemo for autocompletion of phpstorm
|
|
24753
25041
|
const ListItemMemo = withMemo(ListItem);
|
|
24754
25042
|
|
|
25043
|
+
;// CONCATENATED MODULE: ./node_modules/react-window-infinite-loader/dist/index.esm.js
|
|
25044
|
+
|
|
25045
|
+
|
|
25046
|
+
function isInteger(value) {
|
|
25047
|
+
return typeof value === 'number' && isFinite(value) && Math.floor(value) === value;
|
|
25048
|
+
}
|
|
25049
|
+
|
|
25050
|
+
function isRangeVisible(_ref) {
|
|
25051
|
+
var lastRenderedStartIndex = _ref.lastRenderedStartIndex,
|
|
25052
|
+
lastRenderedStopIndex = _ref.lastRenderedStopIndex,
|
|
25053
|
+
startIndex = _ref.startIndex,
|
|
25054
|
+
stopIndex = _ref.stopIndex;
|
|
25055
|
+
|
|
25056
|
+
return !(startIndex > lastRenderedStopIndex || stopIndex < lastRenderedStartIndex);
|
|
25057
|
+
}
|
|
25058
|
+
|
|
25059
|
+
function scanForUnloadedRanges(_ref) {
|
|
25060
|
+
var isItemLoaded = _ref.isItemLoaded,
|
|
25061
|
+
itemCount = _ref.itemCount,
|
|
25062
|
+
minimumBatchSize = _ref.minimumBatchSize,
|
|
25063
|
+
startIndex = _ref.startIndex,
|
|
25064
|
+
stopIndex = _ref.stopIndex;
|
|
25065
|
+
|
|
25066
|
+
var unloadedRanges = [];
|
|
25067
|
+
|
|
25068
|
+
var rangeStartIndex = null;
|
|
25069
|
+
var rangeStopIndex = null;
|
|
25070
|
+
|
|
25071
|
+
for (var _index = startIndex; _index <= stopIndex; _index++) {
|
|
25072
|
+
var loaded = isItemLoaded(_index);
|
|
25073
|
+
|
|
25074
|
+
if (!loaded) {
|
|
25075
|
+
rangeStopIndex = _index;
|
|
25076
|
+
if (rangeStartIndex === null) {
|
|
25077
|
+
rangeStartIndex = _index;
|
|
25078
|
+
}
|
|
25079
|
+
} else if (rangeStopIndex !== null) {
|
|
25080
|
+
unloadedRanges.push(rangeStartIndex, rangeStopIndex);
|
|
25081
|
+
|
|
25082
|
+
rangeStartIndex = rangeStopIndex = null;
|
|
25083
|
+
}
|
|
25084
|
+
}
|
|
25085
|
+
|
|
25086
|
+
// If :rangeStopIndex is not null it means we haven't ran out of unloaded rows.
|
|
25087
|
+
// Scan forward to try filling our :minimumBatchSize.
|
|
25088
|
+
if (rangeStopIndex !== null) {
|
|
25089
|
+
var potentialStopIndex = Math.min(Math.max(rangeStopIndex, rangeStartIndex + minimumBatchSize - 1), itemCount - 1);
|
|
25090
|
+
|
|
25091
|
+
for (var _index2 = rangeStopIndex + 1; _index2 <= potentialStopIndex; _index2++) {
|
|
25092
|
+
if (!isItemLoaded(_index2)) {
|
|
25093
|
+
rangeStopIndex = _index2;
|
|
25094
|
+
} else {
|
|
25095
|
+
break;
|
|
25096
|
+
}
|
|
25097
|
+
}
|
|
25098
|
+
|
|
25099
|
+
unloadedRanges.push(rangeStartIndex, rangeStopIndex);
|
|
25100
|
+
}
|
|
25101
|
+
|
|
25102
|
+
// Check to see if our first range ended prematurely.
|
|
25103
|
+
// In this case we should scan backwards to try filling our :minimumBatchSize.
|
|
25104
|
+
if (unloadedRanges.length) {
|
|
25105
|
+
while (unloadedRanges[1] - unloadedRanges[0] + 1 < minimumBatchSize && unloadedRanges[0] > 0) {
|
|
25106
|
+
var _index3 = unloadedRanges[0] - 1;
|
|
25107
|
+
|
|
25108
|
+
if (!isItemLoaded(_index3)) {
|
|
25109
|
+
unloadedRanges[0] = _index3;
|
|
25110
|
+
} else {
|
|
25111
|
+
break;
|
|
25112
|
+
}
|
|
25113
|
+
}
|
|
25114
|
+
}
|
|
25115
|
+
|
|
25116
|
+
return unloadedRanges;
|
|
25117
|
+
}
|
|
25118
|
+
|
|
25119
|
+
var classCallCheck = function (instance, Constructor) {
|
|
25120
|
+
if (!(instance instanceof Constructor)) {
|
|
25121
|
+
throw new TypeError("Cannot call a class as a function");
|
|
25122
|
+
}
|
|
25123
|
+
};
|
|
25124
|
+
|
|
25125
|
+
var createClass = function () {
|
|
25126
|
+
function defineProperties(target, props) {
|
|
25127
|
+
for (var i = 0; i < props.length; i++) {
|
|
25128
|
+
var descriptor = props[i];
|
|
25129
|
+
descriptor.enumerable = descriptor.enumerable || false;
|
|
25130
|
+
descriptor.configurable = true;
|
|
25131
|
+
if ("value" in descriptor) descriptor.writable = true;
|
|
25132
|
+
Object.defineProperty(target, descriptor.key, descriptor);
|
|
25133
|
+
}
|
|
25134
|
+
}
|
|
25135
|
+
|
|
25136
|
+
return function (Constructor, protoProps, staticProps) {
|
|
25137
|
+
if (protoProps) defineProperties(Constructor.prototype, protoProps);
|
|
25138
|
+
if (staticProps) defineProperties(Constructor, staticProps);
|
|
25139
|
+
return Constructor;
|
|
25140
|
+
};
|
|
25141
|
+
}();
|
|
25142
|
+
|
|
25143
|
+
var inherits = function (subClass, superClass) {
|
|
25144
|
+
if (typeof superClass !== "function" && superClass !== null) {
|
|
25145
|
+
throw new TypeError("Super expression must either be null or a function, not " + typeof superClass);
|
|
25146
|
+
}
|
|
25147
|
+
|
|
25148
|
+
subClass.prototype = Object.create(superClass && superClass.prototype, {
|
|
25149
|
+
constructor: {
|
|
25150
|
+
value: subClass,
|
|
25151
|
+
enumerable: false,
|
|
25152
|
+
writable: true,
|
|
25153
|
+
configurable: true
|
|
25154
|
+
}
|
|
25155
|
+
});
|
|
25156
|
+
if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;
|
|
25157
|
+
};
|
|
25158
|
+
|
|
25159
|
+
var possibleConstructorReturn = function (self, call) {
|
|
25160
|
+
if (!self) {
|
|
25161
|
+
throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
|
|
25162
|
+
}
|
|
25163
|
+
|
|
25164
|
+
return call && (typeof call === "object" || typeof call === "function") ? call : self;
|
|
25165
|
+
};
|
|
25166
|
+
|
|
25167
|
+
var InfiniteLoader = function (_PureComponent) {
|
|
25168
|
+
inherits(InfiniteLoader, _PureComponent);
|
|
25169
|
+
|
|
25170
|
+
function InfiniteLoader() {
|
|
25171
|
+
var _ref;
|
|
25172
|
+
|
|
25173
|
+
var _temp, _this, _ret;
|
|
25174
|
+
|
|
25175
|
+
classCallCheck(this, InfiniteLoader);
|
|
25176
|
+
|
|
25177
|
+
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
|
|
25178
|
+
args[_key] = arguments[_key];
|
|
25179
|
+
}
|
|
25180
|
+
|
|
25181
|
+
return _ret = (_temp = (_this = possibleConstructorReturn(this, (_ref = InfiniteLoader.__proto__ || Object.getPrototypeOf(InfiniteLoader)).call.apply(_ref, [this].concat(args))), _this), _this._lastRenderedStartIndex = -1, _this._lastRenderedStopIndex = -1, _this._memoizedUnloadedRanges = [], _this._onItemsRendered = function (_ref2) {
|
|
25182
|
+
var visibleStartIndex = _ref2.visibleStartIndex,
|
|
25183
|
+
visibleStopIndex = _ref2.visibleStopIndex;
|
|
25184
|
+
|
|
25185
|
+
if (false) {}
|
|
25186
|
+
|
|
25187
|
+
_this._lastRenderedStartIndex = visibleStartIndex;
|
|
25188
|
+
_this._lastRenderedStopIndex = visibleStopIndex;
|
|
25189
|
+
|
|
25190
|
+
_this._ensureRowsLoaded(visibleStartIndex, visibleStopIndex);
|
|
25191
|
+
}, _this._setRef = function (listRef) {
|
|
25192
|
+
_this._listRef = listRef;
|
|
25193
|
+
}, _temp), possibleConstructorReturn(_this, _ret);
|
|
25194
|
+
}
|
|
25195
|
+
|
|
25196
|
+
createClass(InfiniteLoader, [{
|
|
25197
|
+
key: 'resetloadMoreItemsCache',
|
|
25198
|
+
value: function resetloadMoreItemsCache() {
|
|
25199
|
+
var autoReload = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
|
|
25200
|
+
|
|
25201
|
+
this._memoizedUnloadedRanges = [];
|
|
25202
|
+
|
|
25203
|
+
if (autoReload) {
|
|
25204
|
+
this._ensureRowsLoaded(this._lastRenderedStartIndex, this._lastRenderedStopIndex);
|
|
25205
|
+
}
|
|
25206
|
+
}
|
|
25207
|
+
}, {
|
|
25208
|
+
key: 'componentDidMount',
|
|
25209
|
+
value: function componentDidMount() {
|
|
25210
|
+
if (false) {}
|
|
25211
|
+
}
|
|
25212
|
+
}, {
|
|
25213
|
+
key: 'render',
|
|
25214
|
+
value: function render() {
|
|
25215
|
+
var children = this.props.children;
|
|
25216
|
+
|
|
25217
|
+
|
|
25218
|
+
return children({
|
|
25219
|
+
onItemsRendered: this._onItemsRendered,
|
|
25220
|
+
ref: this._setRef
|
|
25221
|
+
});
|
|
25222
|
+
}
|
|
25223
|
+
}, {
|
|
25224
|
+
key: '_ensureRowsLoaded',
|
|
25225
|
+
value: function _ensureRowsLoaded(startIndex, stopIndex) {
|
|
25226
|
+
var _props = this.props,
|
|
25227
|
+
isItemLoaded = _props.isItemLoaded,
|
|
25228
|
+
itemCount = _props.itemCount,
|
|
25229
|
+
_props$minimumBatchSi = _props.minimumBatchSize,
|
|
25230
|
+
minimumBatchSize = _props$minimumBatchSi === undefined ? 10 : _props$minimumBatchSi,
|
|
25231
|
+
_props$threshold = _props.threshold,
|
|
25232
|
+
threshold = _props$threshold === undefined ? 15 : _props$threshold;
|
|
25233
|
+
|
|
25234
|
+
|
|
25235
|
+
var unloadedRanges = scanForUnloadedRanges({
|
|
25236
|
+
isItemLoaded: isItemLoaded,
|
|
25237
|
+
itemCount: itemCount,
|
|
25238
|
+
minimumBatchSize: minimumBatchSize,
|
|
25239
|
+
startIndex: Math.max(0, startIndex - threshold),
|
|
25240
|
+
stopIndex: Math.min(itemCount - 1, stopIndex + threshold)
|
|
25241
|
+
});
|
|
25242
|
+
|
|
25243
|
+
// Avoid calling load-rows unless range has changed.
|
|
25244
|
+
// This shouldn't be strictly necessary, but is maybe nice to do.
|
|
25245
|
+
if (this._memoizedUnloadedRanges.length !== unloadedRanges.length || this._memoizedUnloadedRanges.some(function (startOrStop, index) {
|
|
25246
|
+
return unloadedRanges[index] !== startOrStop;
|
|
25247
|
+
})) {
|
|
25248
|
+
this._memoizedUnloadedRanges = unloadedRanges;
|
|
25249
|
+
this._loadUnloadedRanges(unloadedRanges);
|
|
25250
|
+
}
|
|
25251
|
+
}
|
|
25252
|
+
}, {
|
|
25253
|
+
key: '_loadUnloadedRanges',
|
|
25254
|
+
value: function _loadUnloadedRanges(unloadedRanges) {
|
|
25255
|
+
var _this2 = this;
|
|
25256
|
+
|
|
25257
|
+
// loadMoreRows was renamed to loadMoreItems in v1.0.3; will be removed in v2.0
|
|
25258
|
+
var loadMoreItems = this.props.loadMoreItems || this.props.loadMoreRows;
|
|
25259
|
+
|
|
25260
|
+
var _loop = function _loop(i) {
|
|
25261
|
+
var startIndex = unloadedRanges[i];
|
|
25262
|
+
var stopIndex = unloadedRanges[i + 1];
|
|
25263
|
+
var promise = loadMoreItems(startIndex, stopIndex);
|
|
25264
|
+
if (promise != null) {
|
|
25265
|
+
promise.then(function () {
|
|
25266
|
+
// Refresh the visible rows if any of them have just been loaded.
|
|
25267
|
+
// Otherwise they will remain in their unloaded visual state.
|
|
25268
|
+
if (isRangeVisible({
|
|
25269
|
+
lastRenderedStartIndex: _this2._lastRenderedStartIndex,
|
|
25270
|
+
lastRenderedStopIndex: _this2._lastRenderedStopIndex,
|
|
25271
|
+
startIndex: startIndex,
|
|
25272
|
+
stopIndex: stopIndex
|
|
25273
|
+
})) {
|
|
25274
|
+
// Handle an unmount while promises are still in flight.
|
|
25275
|
+
if (_this2._listRef == null) {
|
|
25276
|
+
return;
|
|
25277
|
+
}
|
|
25278
|
+
|
|
25279
|
+
// Resize cached row sizes for VariableSizeList,
|
|
25280
|
+
// otherwise just re-render the list.
|
|
25281
|
+
if (typeof _this2._listRef.resetAfterIndex === 'function') {
|
|
25282
|
+
_this2._listRef.resetAfterIndex(startIndex, true);
|
|
25283
|
+
} else {
|
|
25284
|
+
// HACK reset temporarily cached item styles to force PureComponent to re-render.
|
|
25285
|
+
// This is pretty gross, but I'm okay with it for now.
|
|
25286
|
+
// Don't judge me.
|
|
25287
|
+
if (typeof _this2._listRef._getItemStyleCache === 'function') {
|
|
25288
|
+
_this2._listRef._getItemStyleCache(-1);
|
|
25289
|
+
}
|
|
25290
|
+
_this2._listRef.forceUpdate();
|
|
25291
|
+
}
|
|
25292
|
+
}
|
|
25293
|
+
});
|
|
25294
|
+
}
|
|
25295
|
+
};
|
|
25296
|
+
|
|
25297
|
+
for (var i = 0; i < unloadedRanges.length; i += 2) {
|
|
25298
|
+
_loop(i);
|
|
25299
|
+
}
|
|
25300
|
+
}
|
|
25301
|
+
}]);
|
|
25302
|
+
return InfiniteLoader;
|
|
25303
|
+
}(external_react_.PureComponent);
|
|
25304
|
+
|
|
25305
|
+
/* harmony default export */ const index_esm = (InfiniteLoader);
|
|
25306
|
+
|
|
24755
25307
|
// EXTERNAL MODULE: ./src/Components/List/list.scss
|
|
24756
25308
|
var list = __webpack_require__(2477);
|
|
24757
25309
|
var list_default = /*#__PURE__*/__webpack_require__.n(list);
|
|
@@ -27227,13 +27779,15 @@ const SizeCalculatorMemo = withMemo(SizeCalculator);
|
|
|
27227
27779
|
|
|
27228
27780
|
|
|
27229
27781
|
|
|
27230
|
-
const List =
|
|
27782
|
+
const List = withForwardRef(function List({
|
|
27231
27783
|
items,
|
|
27232
27784
|
renderItem,
|
|
27233
27785
|
itemHeight: initialItemHeight = 0,
|
|
27234
27786
|
className,
|
|
27235
|
-
style
|
|
27236
|
-
|
|
27787
|
+
style,
|
|
27788
|
+
onItemsRendered,
|
|
27789
|
+
autoSizeClassName
|
|
27790
|
+
}, ref) {
|
|
27237
27791
|
// Variables
|
|
27238
27792
|
// States
|
|
27239
27793
|
const [itemHeight, setItemHeight] = (0,external_react_.useState)(initialItemHeight);
|
|
@@ -27247,7 +27801,9 @@ const List = withMemo(function List({
|
|
|
27247
27801
|
// Effects
|
|
27248
27802
|
// Other
|
|
27249
27803
|
// Render Functions
|
|
27250
|
-
return /*#__PURE__*/external_react_.createElement(AutoSizer,
|
|
27804
|
+
return /*#__PURE__*/external_react_.createElement(AutoSizer, {
|
|
27805
|
+
className: autoSizeClassName
|
|
27806
|
+
}, ({
|
|
27251
27807
|
height,
|
|
27252
27808
|
width
|
|
27253
27809
|
}) => {
|
|
@@ -27255,12 +27811,16 @@ const List = withMemo(function List({
|
|
|
27255
27811
|
onSize: setHeight,
|
|
27256
27812
|
absolute: true
|
|
27257
27813
|
}, renderItem(items[0], {
|
|
27814
|
+
visibility: 'hidden',
|
|
27815
|
+
pointerEvents: 'none',
|
|
27258
27816
|
position: 'relative',
|
|
27259
27817
|
top: '0px',
|
|
27260
27818
|
left: '0px',
|
|
27261
27819
|
width: '100%',
|
|
27262
27820
|
zIndex: -1
|
|
27263
27821
|
}, 0)), height !== undefined && width !== undefined && /*#__PURE__*/external_react_.createElement(FixedSizeList, {
|
|
27822
|
+
onItemsRendered: onItemsRendered,
|
|
27823
|
+
ref: ref,
|
|
27264
27824
|
height: height,
|
|
27265
27825
|
itemCount: items.length,
|
|
27266
27826
|
width: width,
|
|
@@ -27271,87 +27831,87 @@ const List = withMemo(function List({
|
|
|
27271
27831
|
}, renderItemInner));
|
|
27272
27832
|
});
|
|
27273
27833
|
}, (list_default()));
|
|
27274
|
-
|
|
27275
|
-
var
|
|
27276
|
-
|
|
27277
|
-
|
|
27278
|
-
|
|
27279
|
-
|
|
27280
|
-
|
|
27281
|
-
|
|
27282
|
-
function
|
|
27283
|
-
|
|
27284
|
-
|
|
27285
|
-
|
|
27286
|
-
|
|
27287
|
-
|
|
27288
|
-
|
|
27289
|
-
|
|
27290
|
-
|
|
27291
|
-
|
|
27292
|
-
|
|
27293
|
-
|
|
27294
|
-
|
|
27295
|
-
|
|
27296
|
-
|
|
27297
|
-
|
|
27298
|
-
|
|
27299
|
-
|
|
27300
|
-
}
|
|
27301
|
-
|
|
27302
|
-
cy: "50%",
|
|
27303
|
-
r: "40%",
|
|
27304
|
-
fill: "none",
|
|
27305
|
-
className: (loadingCircle_default()).spinner
|
|
27306
|
-
}));
|
|
27307
|
-
}
|
|
27308
|
-
const LoadingCircleMemo = withMemo(LoadingCircle, (loadingCircle_default()));
|
|
27309
|
-
|
|
27310
|
-
// EXTERNAL MODULE: ./src/Components/LoadingArea/loadingArea.scss
|
|
27311
|
-
var loadingArea = __webpack_require__(5455);
|
|
27312
|
-
var loadingArea_default = /*#__PURE__*/__webpack_require__.n(loadingArea);
|
|
27313
|
-
;// CONCATENATED MODULE: ./src/Components/LoadingArea/LoadingArea.tsx
|
|
27314
|
-
|
|
27834
|
+
;// CONCATENATED MODULE: ./src/Components/List/InfiniteList.tsx
|
|
27835
|
+
var InfiniteList_awaiter = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
|
|
27836
|
+
function adopt(value) {
|
|
27837
|
+
return value instanceof P ? value : new P(function (resolve) {
|
|
27838
|
+
resolve(value);
|
|
27839
|
+
});
|
|
27840
|
+
}
|
|
27841
|
+
return new (P || (P = Promise))(function (resolve, reject) {
|
|
27842
|
+
function fulfilled(value) {
|
|
27843
|
+
try {
|
|
27844
|
+
step(generator.next(value));
|
|
27845
|
+
} catch (e) {
|
|
27846
|
+
reject(e);
|
|
27847
|
+
}
|
|
27848
|
+
}
|
|
27849
|
+
function rejected(value) {
|
|
27850
|
+
try {
|
|
27851
|
+
step(generator["throw"](value));
|
|
27852
|
+
} catch (e) {
|
|
27853
|
+
reject(e);
|
|
27854
|
+
}
|
|
27855
|
+
}
|
|
27856
|
+
function step(result) {
|
|
27857
|
+
result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
|
|
27858
|
+
}
|
|
27859
|
+
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
27860
|
+
});
|
|
27861
|
+
};
|
|
27315
27862
|
|
|
27316
27863
|
|
|
27317
27864
|
|
|
27318
27865
|
|
|
27319
|
-
function
|
|
27320
|
-
|
|
27321
|
-
|
|
27322
|
-
|
|
27323
|
-
|
|
27324
|
-
|
|
27325
|
-
|
|
27866
|
+
const InfiniteList = withMemo(function InfiniteList({
|
|
27867
|
+
renderItem,
|
|
27868
|
+
itemHeight,
|
|
27869
|
+
items,
|
|
27870
|
+
renderBefore,
|
|
27871
|
+
keyExtractor,
|
|
27872
|
+
hasNextPage,
|
|
27873
|
+
loadNextPage,
|
|
27326
27874
|
style,
|
|
27327
|
-
|
|
27875
|
+
className
|
|
27328
27876
|
}) {
|
|
27329
|
-
// Variables
|
|
27330
|
-
if (fullSize) {
|
|
27331
|
-
fullHeight = true;
|
|
27332
|
-
fullWidth = true;
|
|
27333
|
-
}
|
|
27334
|
-
// States
|
|
27335
27877
|
// Refs
|
|
27878
|
+
// States/Variables/Selectors
|
|
27879
|
+
const [isPageLoading, setIsPageLoading] = (0,external_react_.useState)(false);
|
|
27880
|
+
// Dispatch
|
|
27336
27881
|
// Callbacks
|
|
27882
|
+
const isItemLoaded = (0,external_react_.useCallback)(index => !hasNextPage || index < items.length, [hasNextPage, items]);
|
|
27883
|
+
const loadMore = (0,external_react_.useCallback)(() => InfiniteList_awaiter(this, void 0, void 0, function* () {
|
|
27884
|
+
if (!isPageLoading) {
|
|
27885
|
+
setIsPageLoading(true);
|
|
27886
|
+
try {
|
|
27887
|
+
loadNextPage();
|
|
27888
|
+
} finally {
|
|
27889
|
+
setIsPageLoading(false);
|
|
27890
|
+
}
|
|
27891
|
+
}
|
|
27892
|
+
}), [isPageLoading, loadNextPage]);
|
|
27337
27893
|
// Effects
|
|
27338
27894
|
// Other
|
|
27339
|
-
//
|
|
27340
|
-
return /*#__PURE__*/
|
|
27341
|
-
|
|
27342
|
-
|
|
27343
|
-
|
|
27344
|
-
|
|
27345
|
-
|
|
27346
|
-
|
|
27347
|
-
|
|
27348
|
-
|
|
27349
|
-
|
|
27350
|
-
|
|
27351
|
-
|
|
27352
|
-
|
|
27353
|
-
|
|
27354
|
-
|
|
27895
|
+
// RenderFunctions
|
|
27896
|
+
return /*#__PURE__*/external_react_default().createElement(index_esm, {
|
|
27897
|
+
isItemLoaded: isItemLoaded,
|
|
27898
|
+
loadMoreItems: loadMore,
|
|
27899
|
+
itemCount: hasNextPage ? items.length + 1 : items.length
|
|
27900
|
+
}, ({
|
|
27901
|
+
onItemsRendered,
|
|
27902
|
+
ref
|
|
27903
|
+
}) => /*#__PURE__*/external_react_default().createElement(List, {
|
|
27904
|
+
items: items,
|
|
27905
|
+
renderItem: renderItem,
|
|
27906
|
+
style: style,
|
|
27907
|
+
className: className,
|
|
27908
|
+
itemHeight: itemHeight,
|
|
27909
|
+
renderBefore: renderBefore,
|
|
27910
|
+
keyExtractor: keyExtractor,
|
|
27911
|
+
ref: ref,
|
|
27912
|
+
onItemsRendered: onItemsRendered
|
|
27913
|
+
}));
|
|
27914
|
+
});
|
|
27355
27915
|
;// CONCATENATED MODULE: ./src/Components/Menu/HoverMenu.tsx
|
|
27356
27916
|
|
|
27357
27917
|
|
|
@@ -28483,6 +29043,16 @@ function nonEmptyString(str, other = Characters.NBSP) {
|
|
|
28483
29043
|
|
|
28484
29044
|
|
|
28485
29045
|
|
|
29046
|
+
|
|
29047
|
+
|
|
29048
|
+
|
|
29049
|
+
|
|
29050
|
+
|
|
29051
|
+
|
|
29052
|
+
|
|
29053
|
+
|
|
29054
|
+
|
|
29055
|
+
|
|
28486
29056
|
|
|
28487
29057
|
|
|
28488
29058
|
|
|
@@ -28529,13 +29099,16 @@ exports.GridItem = __webpack_exports__.GridItem;
|
|
|
28529
29099
|
exports.Grow = __webpack_exports__.Grow;
|
|
28530
29100
|
exports.Heading = __webpack_exports__.Heading;
|
|
28531
29101
|
exports.HiddenInput = __webpack_exports__.HiddenInput;
|
|
29102
|
+
exports.HookForm = __webpack_exports__.HookForm;
|
|
28532
29103
|
exports.HoverMenu = __webpack_exports__.HoverMenu;
|
|
28533
29104
|
exports.Icon = __webpack_exports__.Icon;
|
|
28534
29105
|
exports.Image = __webpack_exports__.Image;
|
|
28535
29106
|
exports.InViewport = __webpack_exports__.InViewport;
|
|
29107
|
+
exports.InfiniteList = __webpack_exports__.InfiniteList;
|
|
28536
29108
|
exports.Inline = __webpack_exports__.Inline;
|
|
28537
29109
|
exports.InlineBlock = __webpack_exports__.InlineBlock;
|
|
28538
29110
|
exports.Input = __webpack_exports__.Input;
|
|
29111
|
+
exports.InputController = __webpack_exports__.InputController;
|
|
28539
29112
|
exports.List = __webpack_exports__.List;
|
|
28540
29113
|
exports.ListItem = __webpack_exports__.ListItem;
|
|
28541
29114
|
exports.ListRow = __webpack_exports__.ListRow;
|
|
@@ -28548,10 +29121,15 @@ exports.MenuDivider = __webpack_exports__.MenuDivider;
|
|
|
28548
29121
|
exports.MenuItem = __webpack_exports__.MenuItem;
|
|
28549
29122
|
exports.MoreButton = __webpack_exports__.MoreButton;
|
|
28550
29123
|
exports.MultipleFileInput = __webpack_exports__.MultipleFileInput;
|
|
29124
|
+
exports.MultipleFileInputController = __webpack_exports__.MultipleFileInputController;
|
|
28551
29125
|
exports.PasswordInput = __webpack_exports__.PasswordInput;
|
|
29126
|
+
exports.PasswordInputController = __webpack_exports__.PasswordInputController;
|
|
28552
29127
|
exports.RESTRICT_CHILDREN = __webpack_exports__.RESTRICT_CHILDREN;
|
|
28553
29128
|
exports.SearchSelectInput = __webpack_exports__.SearchSelectInput;
|
|
28554
29129
|
exports.Select = __webpack_exports__.Select;
|
|
29130
|
+
exports.SelectController = __webpack_exports__.SelectController;
|
|
29131
|
+
exports.SendFormContext = __webpack_exports__.SendFormContext;
|
|
29132
|
+
exports.Size = __webpack_exports__.Size;
|
|
28555
29133
|
exports.SizeCalculator = __webpack_exports__.SizeCalculator;
|
|
28556
29134
|
exports.Slider = __webpack_exports__.Slider;
|
|
28557
29135
|
exports.Spoiler = __webpack_exports__.Spoiler;
|
|
@@ -28566,6 +29144,7 @@ exports.TabBarButton = __webpack_exports__.TabBarButton;
|
|
|
28566
29144
|
exports.Table = __webpack_exports__.Table;
|
|
28567
29145
|
exports.Text = __webpack_exports__.Text;
|
|
28568
29146
|
exports.Textarea = __webpack_exports__.Textarea;
|
|
29147
|
+
exports.TextareaController = __webpack_exports__.TextareaController;
|
|
28569
29148
|
exports.Toast = __webpack_exports__.Toast;
|
|
28570
29149
|
exports.ToastContainer = __webpack_exports__.ToastContainer;
|
|
28571
29150
|
exports.ToastContext = __webpack_exports__.ToastContext;
|
|
@@ -28598,6 +29177,7 @@ exports.useMousePosition = __webpack_exports__.useMousePosition;
|
|
|
28598
29177
|
exports.useOnChangeDone = __webpack_exports__.useOnChangeDone;
|
|
28599
29178
|
exports.useOnMount = __webpack_exports__.useOnMount;
|
|
28600
29179
|
exports.useOnce = __webpack_exports__.useOnce;
|
|
29180
|
+
exports.useSendFormContext = __webpack_exports__.useSendFormContext;
|
|
28601
29181
|
exports.useSharedSelectedColor = __webpack_exports__.useSharedSelectedColor;
|
|
28602
29182
|
exports.useSpoilerGroup = __webpack_exports__.useSpoilerGroup;
|
|
28603
29183
|
exports.useStrictEnabled = __webpack_exports__.useStrictEnabled;
|
|
@@ -28605,6 +29185,7 @@ exports.useToast = __webpack_exports__.useToast;
|
|
|
28605
29185
|
exports.useWindow = __webpack_exports__.useWindow;
|
|
28606
29186
|
exports.useWindowDimensions = __webpack_exports__.useWindowDimensions;
|
|
28607
29187
|
exports.withForwardRef = __webpack_exports__.withForwardRef;
|
|
29188
|
+
exports.withHookController = __webpack_exports__.withHookController;
|
|
28608
29189
|
exports.withMemo = __webpack_exports__.withMemo;
|
|
28609
29190
|
exports.withRenderBrowserOnly = __webpack_exports__.withRenderBrowserOnly;
|
|
28610
29191
|
exports.withRestrictedChildren = __webpack_exports__.withRestrictedChildren;
|