@wavemaker/app-rn-runtime 11.12.1-rc.6244 → 11.13.0-rc.6255
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/components/basic/bottomsheet/bottomsheet.component.js +159 -29
- package/components/basic/bottomsheet/bottomsheet.component.js.map +1 -1
- package/components/basic/bottomsheet/bottomsheet.props.js +5 -0
- package/components/basic/bottomsheet/bottomsheet.props.js.map +1 -1
- package/components/basic/bottomsheet/bottomsheet.styles.js +12 -3
- package/components/basic/bottomsheet/bottomsheet.styles.js.map +1 -1
- package/components/input/chips/chips.component.js +10 -20
- package/components/input/chips/chips.component.js.map +1 -1
- package/components/input/chips/chips.styles.js +32 -32
- package/components/input/chips/chips.styles.js.map +1 -1
- package/components/page/page.component.js +3 -1
- package/components/page/page.component.js.map +1 -1
- package/core/AppConfig.js.map +1 -1
- package/core/responsive.utils.js +2 -2
- package/core/responsive.utils.js.map +1 -1
- package/core/screen-capture-protection.service.js +5 -0
- package/core/screen-capture-protection.service.js.map +1 -0
- package/core/secure-storage.service.js +55 -0
- package/core/secure-storage.service.js.map +1 -0
- package/core/storage.service.js.map +1 -1
- package/gestures/carousel-swipe.animation.js +6 -6
- package/gestures/carousel-swipe.animation.js.map +1 -1
- package/gestures/swipe.animation.js +6 -6
- package/gestures/swipe.animation.js.map +1 -1
- package/npm-shrinkwrap.json +198 -159
- package/package-lock.json +198 -159
- package/package.json +5 -3
- package/runtime/App.js +32 -2
- package/runtime/App.js.map +1 -1
- package/runtime/base-page.component.js +17 -1
- package/runtime/base-page.component.js.map +1 -1
|
@@ -227,16 +227,11 @@ export default class WmChips extends BaseDatasetComponent {
|
|
|
227
227
|
this.invokeEventCallback('onChipselect', [null, this, item]);
|
|
228
228
|
}
|
|
229
229
|
}
|
|
230
|
-
}), this.state.props.getLeftBadge && this.state.props.getLeftBadge(index) ? /*#__PURE__*/React.createElement(WmLabel,
|
|
231
|
-
|
|
232
|
-
styles:
|
|
233
|
-
text: {
|
|
234
|
-
...this.styles.leftBadge,
|
|
235
|
-
...(isSelected ? this.styles.activeLeftBadge : {})
|
|
236
|
-
}
|
|
237
|
-
},
|
|
230
|
+
}), this.state.props.getLeftBadge && this.state.props.getLeftBadge(index) ? /*#__PURE__*/React.createElement(WmLabel, {
|
|
231
|
+
id: this.getTestId('chip' + index + 'leftbadge'),
|
|
232
|
+
styles: isSelected ? this.styles.activeLeftBadge : this.styles.leftBadge,
|
|
238
233
|
caption: this.state.props.getLeftBadge && this.state.props.getLeftBadge(index)
|
|
239
|
-
})
|
|
234
|
+
}) : null, isSelected && this.isDefaultView() ? /*#__PURE__*/React.createElement(WmIcon, {
|
|
240
235
|
id: this.getTestId('checkicon'),
|
|
241
236
|
iconclass: this.state.props.selectediconclass || 'wm-sl-l sl-check',
|
|
242
237
|
iconsize: 16,
|
|
@@ -247,7 +242,7 @@ export default class WmChips extends BaseDatasetComponent {
|
|
|
247
242
|
}),
|
|
248
243
|
accessible: false
|
|
249
244
|
}) : this.state.props.getLeftIconClassName && this.state.props.getLeftIconClassName(index) ? /*#__PURE__*/React.createElement(WmIcon, {
|
|
250
|
-
id: this.getTestId('lefticon'),
|
|
245
|
+
id: this.getTestId('chip' + index + 'lefticon'),
|
|
251
246
|
iconclass: this.state.props.getLeftIconClassName && this.state.props.getLeftIconClassName(index),
|
|
252
247
|
iconsize: 14,
|
|
253
248
|
styles: this.styles.leftIcon,
|
|
@@ -266,17 +261,12 @@ export default class WmChips extends BaseDatasetComponent {
|
|
|
266
261
|
}
|
|
267
262
|
}) : /*#__PURE__*/React.createElement(Text, _extends({}, this.getTestPropsForAction('chip' + index + 'label'), {
|
|
268
263
|
style: [this.styles.chipLabel, isSelected ? this.styles.activeChipLabel : null]
|
|
269
|
-
}), item.displayexp || item.displayfield), this.state.props.getRightBadge && this.state.props.getRightBadge(index) ? /*#__PURE__*/React.createElement(WmLabel,
|
|
270
|
-
|
|
271
|
-
styles:
|
|
272
|
-
text: {
|
|
273
|
-
...this.styles.rightBadge,
|
|
274
|
-
...(isSelected ? this.styles.activeRightBadge : {})
|
|
275
|
-
}
|
|
276
|
-
},
|
|
264
|
+
}), item.displayexp || item.displayfield), this.state.props.getRightBadge && this.state.props.getRightBadge(index) ? /*#__PURE__*/React.createElement(WmLabel, {
|
|
265
|
+
id: this.getTestId('chip' + index + 'rightbadge'),
|
|
266
|
+
styles: isSelected ? this.styles.activeRightBadge : this.styles.rightBadge,
|
|
277
267
|
caption: this.state.props.getRightBadge && this.state.props.getRightBadge(index)
|
|
278
|
-
})
|
|
279
|
-
id: this.getTestId('righticon'),
|
|
268
|
+
}) : null, this.state.props.getRightIconClassName && this.state.props.getRightIconClassName(index) ? /*#__PURE__*/React.createElement(WmIcon, {
|
|
269
|
+
id: this.getTestId('chip' + index + 'righticon'),
|
|
280
270
|
iconclass: this.state.props.getRightIconClassName && this.state.props.getRightIconClassName(index),
|
|
281
271
|
iconsize: 16,
|
|
282
272
|
styles: isSelected ? this.styles.activeRightIcon : this.styles.rightIcon,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","View","TouchableOpacity","Text","clone","findIndex","get","isUndefined","pull","forEach","filter","find","isEqual","merge","WmChipsProps","DEFAULT_CLASS","WmSearch","BaseDatasetComponent","BaseDatasetState","WmIcon","WmPicture","WmLabel","WmChipsState","constructor","args","_defineProperty","WmChips","props","onComponentInit","c","searchRef","val","onPropertyChange","name","$new","$old","length","updateState","chipsList","datavalue","state","dataItems","dataValueItems","Array","isArray","split","map","item","trim","slice","updatedItems","selected","includes","datafield","reset","_this$searchRef","query","onDataItemsUpdate","isDefaultQuery","updateDefaultQueryModel","addItem","$event","widget","_this$props","_this$props2","newChipList","allowAdd","push","queryModel","isFormFieldWidget","isDuplicate","resetSearchModel","invokeEvent","invokeEventCallback","toBoolean","setDatavalue","computeDisplayValue","displayValue","displayexp","displayfield","selectChip","chipItem","selectionMode","selectionmode","key","maxsize","selectedItem","d","dataValue","updateDatavalue","updateMaxSize","prevDatavalue","createCustomDataModel","dataObject","isCustom","clearSearch","chipListLength","saturate","removeItem","index","allowRemove","isDefaultView","_this$state$dataItems","searchable","renderChip","isSelected","accessibilityProps","accessibilityLabel","accessibilityState","accessibilityRole","createElement","_extends","getTestPropsForAction","style","styles","chip","activeChip","onPress","disabled","readonly","getLeftBadge","classname","text","leftBadge","activeLeftBadge","caption","id","getTestId","iconclass","selectediconclass","iconsize","doneIcon","icon","color","activeChipLabel","accessible","getLeftIconClassName","leftIcon","_showSkeleton","imageStyles","picturesource","imgSrc","shape","root","width","chipLabel","getRightBadge","rightBadge","activeRightBadge","getRightIconClassName","activeRightIcon","rightIcon","clearIcon","onTap","accessibilitylabel","accessibilityrole","selectedItems","componentDidMount","componentDidUpdate","prevProps","prevState","_this$searchRef2","computePosition","renderSkeleton","chipsWrapper","renderWidget","chips","accessibilityHint","hint","onLayout","event","handleLayout","searchContainer","flexDirection","inputposition","search","placeholder","maxSizeReached","listener","dataset","searchkey","minchars","autofocus","displayexpression","getDisplayExpression","displayimagesrc","onSubmit","bind","onChange","_this$props$listener","_this$props$listener2","onComponentChange","showSearchIcon","showclear","type","flexWrap"],"sources":["chips.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View, TouchableOpacity, Text, DimensionValue, AccessibilityRole } from 'react-native';\nimport { LifecycleListener } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { clone, findIndex, get, isUndefined, pull, forEach, filter, find, isEqual, merge, isArray, isString } from 'lodash';\nimport WmChipsProps from './chips.props';\nimport { DEFAULT_CLASS, WmChipsStyles } from './chips.styles';\nimport WmSearch from '@wavemaker/app-rn-runtime/components/basic/search/search.component';\nimport {\n BaseDatasetComponent,\n BaseDatasetState\n} from '@wavemaker/app-rn-runtime/components/input/basedataset/basedataset.component';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\nimport WmPicture from '@wavemaker/app-rn-runtime/components/basic/picture/picture.component';\nimport { createSkeleton } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.component';\nimport WmLabel from '../../basic/label/label.component';\nimport { isDefined } from '@wavemaker/app-rn-runtime/core/utils';\n\nexport class WmChipsState extends BaseDatasetState<WmChipsProps> {\n chipsList: any = [];\n saturate: any;\n}\n\nexport default class WmChips extends BaseDatasetComponent<WmChipsProps, WmChipsState, WmChipsStyles> {\n constructor(props: WmChipsProps) {\n super(props, DEFAULT_CLASS, new WmChipsProps(), new WmChipsState());\n }\n\n private searchRef: WmSearch = null as any;\n private maxSizeReached = 'Max size reached';\n private isDefaultQuery: boolean = true;\n private prevDatavalue: any;\n\n private listener: LifecycleListener = {\n onComponentInit: (c) => {\n if (c instanceof WmSearch) {\n this.searchRef = c;\n }\n }\n };\n\n onPropertyChange(name: string, $new: any, $old: any): void {\n super.onPropertyChange(name, $new, $old);\n switch (name) {\n case 'datavalue':\n if (!$new || $new.length === 0) {\n this.updateState({\n chipsList: [],\n } as WmChipsState);\n }\n break;\n case 'maxsize':\n if ($new) {\n const { datavalue } = this.state.props;\n const { dataItems } = this.state;\n \n let dataValueItems = Array.isArray(datavalue)\n ? datavalue\n : typeof datavalue === 'string'\n ? datavalue.split(',').map((item) => item.trim())\n : datavalue != null\n ? [datavalue]\n : [];\n\n if (dataValueItems.length >= $new) {\n dataValueItems = dataValueItems.slice(0, $new);\n const updatedItems = dataItems.map((item:any) => ({\n ...item,\n selected: dataValueItems.includes(item.datafield),\n }));\n this.updateState({ dataItems: updatedItems } as WmChipsState);\n }\n\n break;\n }\n }\n }\n\n reset() {\n if (this.searchRef?.state.props.query) {\n this.searchRef.reset();\n }\n }\n\n onDataItemsUpdate() {\n super.onDataItemsUpdate();\n this.isDefaultQuery = true;\n this.updateDefaultQueryModel();\n }\n\n addItem($event: any, widget: any) {\n let newChipList = clone(this.state.chipsList),\n allowAdd;\n newChipList.push(widget.queryModel);\n const isFormFieldWidget = get(this.props, 'formfield');\n if (this.isDuplicate(widget.queryModel)) {\n this.resetSearchModel();\n return;\n }\n\n // @ts-ignore\n allowAdd = isFormFieldWidget ? this.props?.invokeEvent('onBeforeadd', [null, this, widget.queryModel]) : this.invokeEventCallback('onBeforeadd', [null, this, widget.queryModel]);\n\n if (!isUndefined(allowAdd) && !this.toBoolean(allowAdd)) {\n return;\n }\n\n this.updateState({\n chipsList: newChipList\n } as WmChipsState);\n\n this.setDatavalue(newChipList);\n\n // @ts-ignore\n isFormFieldWidget ? this.props?.invokeEvent('onAdd', [null, this, widget.queryModel]) : this.invokeEventCallback('onAdd', [null, this, widget.queryModel]);\n this.resetSearchModel();\n }\n\n computeDisplayValue() {\n this.updateState({\n props: {\n displayValue: ((this.state.dataItems || [] as any)\n .filter((item: any) => item.selected)\n .map((item: any) => item.displayexp || item.displayfield)) || ''\n }\n } as WmChipsState);\n }\n\n selectChip(chipItem: any) {\n const selectionMode = this.state.props.selectionmode || 'multiple';\n if (selectionMode === 'single') {\n // Single selection: deselect all others and select only the clicked one\n forEach(this.state.dataItems, (item) => {\n item.selected = (item.key === chipItem.key);\n });\n } \n else {\n // Multiple selection: original working logic\n if (!chipItem.selected && this.state.props.maxsize > 0 && (this.state.chipsList.length === this.state.props.maxsize)) {\n return;\n }\n chipItem.selected = !chipItem.selected;\n const selectedItem = find(this.state.dataItems, d => isEqual(d.key, chipItem.key));\n if (selectedItem) {\n selectedItem.selected = chipItem.selected;\n }\n }\n \n const newChipList: any = [];\n forEach(this.state.dataItems, (item) => {\n if (item.selected) {\n newChipList.push(item);\n }\n });\n \n this.updateState({\n chipsList: newChipList\n } as WmChipsState);\n\n this.setDatavalue(newChipList);\n }\n\n setDatavalue(newChipList: any) {\n const dataValue = newChipList.map((item: any) => item.datafield);\n this.updateDatavalue(dataValue);\n this.updateMaxSize(newChipList.length);\n if (!this.props.invokeEvent) {\n this.invokeEventCallback('onChange', [null, this, dataValue, this.prevDatavalue])\n }\n this.prevDatavalue = dataValue;\n }\n\n toBoolean = (val: any) => ((val && val !== 'false') ? true : false);\n\n // Prepare datavalue object from a string(junk) value when datafield is allFields.\n createCustomDataModel(val: string) {\n return {\n key: `${this.state.props.name}_item${this.state.chipsList.length}`,\n dataObject: val,\n displayfield: val,\n datafield: val,\n isCustom: true\n }\n }\n\n resetSearchModel() {\n (this as any).searchRef.isDefaultQuery = false;\n this.searchRef.clearSearch();\n }\n\n isDuplicate(item: any) {\n return findIndex(this.state.chipsList, {datafield: item.datafield}) > -1;\n }\n\n // Check if max size is reached\n private updateMaxSize(chipListLength: number) {\n const saturate = this.state.props.maxsize > 0 && (chipListLength || this.state.chipsList.length) === this.state.props.maxsize;\n \n this.updateState({\n saturate: saturate\n } as WmChipsState);\n }\n\n removeItem(item: any, index: any) {\n let newChipList = clone(this.state.chipsList);\n const isFormFieldWidget = get(this.props, 'formfield');\n newChipList = pull(newChipList, item);\n // prevent deletion if the before-remove event callback returns false\n // @ts-ignore\n const allowRemove = isFormFieldWidget ? this.props.invokeEvent('onBeforeremove',[null, this, item]) : this.invokeEventCallback('onBeforeremove',[null, this, item]);\n if (!isUndefined(allowRemove) && !this.toBoolean(allowRemove)) {\n return;\n }\n\n this.updateState({\n chipsList: newChipList\n } as WmChipsState,()=>{\n this.setDatavalue(newChipList);\n // @ts-ignore\n isFormFieldWidget ? this.props.invokeEvent && this.props.invokeEvent('onRemove', [null, this, item]) : this.invokeEventCallback('onRemove', [null, this, item]);\n });\n }\n\n private isDefaultView() {\n return !this.state.props.searchable && this.state.dataItems?.length <= 10;\n }\n\n renderChip(item: any, index: any) {\n const isSelected = this.isDefaultView() ? item.selected : true;\n const accessibilityProps = {\n accessibilityLabel: item.displayexp || item.displayfield,\n accessibilityState: {\n selected: isSelected,\n },\n accessibilityRole: 'checkbox' as AccessibilityRole\n }\n\n\n\n return (\n <TouchableOpacity\n {...this.getTestPropsForAction('chip'+ index)}\n {...accessibilityProps}\n style={[this.styles.chip, isSelected ? this.styles.activeChip : null]}\n key={'chipitem_'+ index}\n onPress={() => {\n if (this.state.props.disabled || this.state.props.readonly) {\n return;\n }\n if (this.isDefaultView()) {\n this.selectChip(item);\n }\n if (get(this.props, 'formfield')) {\n // @ts-ignore\n this.props.invokeEvent('onChipclick', [null, this, item]);\n // @ts-ignorex\n this.props.invokeEvent('onChipselect', [null, this, item]);\n } else {\n this.invokeEventCallback('onChipclick', [null, this, item]);\n this.invokeEventCallback('onChipselect', [null, this, item]);\n }\n }}>\n \n {/* Left Badge */}\n {(this.state.props.getLeftBadge && this.state.props.getLeftBadge(index)) ? (\n <WmLabel \n {...this.getTestPropsForAction('chip'+ index+'leftbadge')} \n classname={isSelected ? 'app-chips-active-left-badge' : 'app-chips-left-badge'}\n styles={{text: {...this.styles.leftBadge, ...(isSelected ? this.styles.activeLeftBadge : {})}}}\n caption={(this.state.props.getLeftBadge && this.state.props.getLeftBadge(index))}\n />\n ) : null}\n \n {/* Selected Icon OR Left Icon (mutually exclusive) */}\n {isSelected && this.isDefaultView() ? (\n <WmIcon \n id={this.getTestId('checkicon')} \n iconclass={this.state.props.selectediconclass || 'wm-sl-l sl-check'} \n iconsize={16} \n styles={merge({}, this.styles.doneIcon, {icon: {color: isSelected ? this.styles.activeChipLabel.color : null}})} \n accessible={false}\n />\n ) : (\n (this.state.props.getLeftIconClassName && this.state.props.getLeftIconClassName(index)) ? (\n <WmIcon \n id={this.getTestId('lefticon')} \n iconclass={this.state.props.getLeftIconClassName && this.state.props.getLeftIconClassName(index)} \n iconsize={14} \n styles={this.styles.leftIcon} \n accessible={false}\n />\n ) : null\n )}\n \n {/* Picture */}\n {this._showSkeleton ? null : (\n <WmPicture \n id={this.getTestId('chip'+ index + 'picture')} \n styles={this.styles.imageStyles} \n picturesource={item.imgSrc} \n shape='circle' \n accessible={false}\n />\n )}\n \n {/* Label */}\n {this._showSkeleton ? (\n <WmLabel styles={{root: {width: 50}}}/>\n ) : (\n <Text \n {...this.getTestPropsForAction('chip'+ index+'label')}\n style={[this.styles.chipLabel, isSelected ? this.styles.activeChipLabel : null]}\n >\n {item.displayexp || item.displayfield}\n </Text>\n )}\n \n {/* Right Badge */}\n {(this.state.props.getRightBadge && this.state.props.getRightBadge(index)) ? (\n <WmLabel \n {...this.getTestPropsForAction('chip'+ index+'rightbadge')} \n classname={isSelected ? 'app-chips-active-right-badge' : 'app-chips-right-badge'}\n styles={{text: {...this.styles.rightBadge, ...(isSelected ? this.styles.activeRightBadge : {})}}}\n caption={(this.state.props.getRightBadge && this.state.props.getRightBadge(index))}\n />\n ) : null}\n \n {/* Right Icon */}\n {(this.state.props.getRightIconClassName && this.state.props.getRightIconClassName(index)) ? (\n <WmIcon \n id={this.getTestId('righticon')} \n iconclass={(this.state.props.getRightIconClassName && this.state.props.getRightIconClassName(index))} \n iconsize={16} \n styles={isSelected ? this.styles.activeRightIcon : this.styles.rightIcon} \n accessible={false}\n />\n ) : null}\n \n {/* Clear Button (only in non-default view) */}\n {!this.isDefaultView() && !(this.state.props.disabled || this.state.props.readonly) ? (\n <WmIcon \n id={this.getTestId('clearbtn')} \n iconclass={'wi wi-clear'} \n iconsize={16} \n styles={this.styles.clearIcon} \n onTap={() => this.removeItem(item, index)} \n accessibilitylabel='clear' \n accessibilityrole='button'\n />\n ) : null}\n </TouchableOpacity>\n )\n }\n\n updateDefaultQueryModel() {\n if (this.state.dataItems && this.state.dataItems.length && this.isDefaultQuery) {\n const selectedItems = filter(this.state.dataItems, (item) => item.selected);\n if (selectedItems.length) {\n this.updateState({\n chipsList: selectedItems\n } as WmChipsState);\n this.updateMaxSize(selectedItems.length);\n }\n this.isDefaultQuery = false;\n }\n }\n\n componentDidMount(): void {\n super.componentDidMount();\n this.updateDefaultQueryModel();\n }\n\n componentDidUpdate(prevProps: WmChipsProps, prevState: WmChipsState) {\n super.componentDidUpdate(prevProps, prevState);\n if (prevState.chipsList !== this.state.chipsList) {\n this.searchRef?.computePosition();\n }\n } \n renderSkeleton(): React.ReactNode {\n return (<View style={this.styles.root}>\n <View style={this.styles.chipsWrapper}>{ \n [{}, {}, {}].map((item: any, index: any) => this.renderChip(item, index)) }\n </View>\n </View>)\n }\n\n renderWidget(props: WmChipsProps) {\n const chips = this.state.chipsList;\n const accessibilityProps = {\n accessible: true,\n accessibilityLabel: props.accessibilitylabel || 'Choose tags',\n accessibilityHint: props.hint,\n accessibilityRole: props.accessibilityrole\n }\n return (<View style={this.styles.root} onLayout={(event) => this.handleLayout(event)}>\n\n <View style={this.styles.chipsWrapper} {...accessibilityProps}>\n {\n this.isDefaultView() ? this.state.dataItems.map((item: any, index: any) => this.renderChip(item, index)) : null\n }\n { props.searchable || !this.isDefaultView() ?\n <View style={[this.styles.searchContainer, {flexDirection: props.inputposition === 'first' ? 'column' : 'column-reverse'}]}>\n <WmSearch\n id={this.getTestId('search')}\n name=\"app-chip-search\"\n styles={this.styles.search}\n placeholder={this.state.saturate ? this.maxSizeReached : props.placeholder}\n listener={this.listener}\n dataset={props.dataset}\n searchkey={props.searchkey}\n minchars={props.minchars}\n autofocus={props.autofocus}\n disabled={props.disabled || props.readonly || this.state.saturate}\n readonly={props.readonly}\n displayexpression={props.displayexpression}\n getDisplayExpression={props.getDisplayExpression}\n displayimagesrc={props.displayimagesrc}\n displayfield={props.displayfield}\n datafield={props.datafield}\n onSubmit={this.addItem.bind(this)}\n onChange={() => {\n this.isDefaultQuery = false;\n this.props.listener?.onComponentChange && this.props.listener?.onComponentChange(this)\n }}\n showSearchIcon={false}\n showclear={false}\n type={props.minchars === 0 ? 'autocomplete' : 'search'}/>\n <View style={{ flexDirection: 'row', flexWrap: 'wrap'}} {...accessibilityProps}>\n {chips && chips.length ?\n chips.map((item: any, index: any) => this.renderChip(item, index))\n : null}\n </View>\n </View>\n : null }\n </View>\n </View>);\n }\n}\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["React","View","TouchableOpacity","Text","clone","findIndex","get","isUndefined","pull","forEach","filter","find","isEqual","merge","WmChipsProps","DEFAULT_CLASS","WmSearch","BaseDatasetComponent","BaseDatasetState","WmIcon","WmPicture","WmLabel","WmChipsState","constructor","args","_defineProperty","WmChips","props","onComponentInit","c","searchRef","val","onPropertyChange","name","$new","$old","length","updateState","chipsList","datavalue","state","dataItems","dataValueItems","Array","isArray","split","map","item","trim","slice","updatedItems","selected","includes","datafield","reset","_this$searchRef","query","onDataItemsUpdate","isDefaultQuery","updateDefaultQueryModel","addItem","$event","widget","_this$props","_this$props2","newChipList","allowAdd","push","queryModel","isFormFieldWidget","isDuplicate","resetSearchModel","invokeEvent","invokeEventCallback","toBoolean","setDatavalue","computeDisplayValue","displayValue","displayexp","displayfield","selectChip","chipItem","selectionMode","selectionmode","key","maxsize","selectedItem","d","dataValue","updateDatavalue","updateMaxSize","prevDatavalue","createCustomDataModel","dataObject","isCustom","clearSearch","chipListLength","saturate","removeItem","index","allowRemove","isDefaultView","_this$state$dataItems","searchable","renderChip","isSelected","accessibilityProps","accessibilityLabel","accessibilityState","accessibilityRole","createElement","_extends","getTestPropsForAction","style","styles","chip","activeChip","onPress","disabled","readonly","getLeftBadge","id","getTestId","activeLeftBadge","leftBadge","caption","iconclass","selectediconclass","iconsize","doneIcon","icon","color","activeChipLabel","accessible","getLeftIconClassName","leftIcon","_showSkeleton","imageStyles","picturesource","imgSrc","shape","root","width","chipLabel","getRightBadge","activeRightBadge","rightBadge","getRightIconClassName","activeRightIcon","rightIcon","clearIcon","onTap","accessibilitylabel","accessibilityrole","selectedItems","componentDidMount","componentDidUpdate","prevProps","prevState","_this$searchRef2","computePosition","renderSkeleton","chipsWrapper","renderWidget","chips","accessibilityHint","hint","onLayout","event","handleLayout","searchContainer","flexDirection","inputposition","search","placeholder","maxSizeReached","listener","dataset","searchkey","minchars","autofocus","displayexpression","getDisplayExpression","displayimagesrc","onSubmit","bind","onChange","_this$props$listener","_this$props$listener2","onComponentChange","showSearchIcon","showclear","type","flexWrap"],"sources":["chips.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View, TouchableOpacity, Text, DimensionValue, AccessibilityRole } from 'react-native';\nimport { LifecycleListener } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { clone, findIndex, get, isUndefined, pull, forEach, filter, find, isEqual, merge, isArray, isString } from 'lodash';\nimport WmChipsProps from './chips.props';\nimport { DEFAULT_CLASS, WmChipsStyles } from './chips.styles';\nimport WmSearch from '@wavemaker/app-rn-runtime/components/basic/search/search.component';\nimport {\n BaseDatasetComponent,\n BaseDatasetState\n} from '@wavemaker/app-rn-runtime/components/input/basedataset/basedataset.component';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\nimport WmPicture from '@wavemaker/app-rn-runtime/components/basic/picture/picture.component';\nimport { createSkeleton } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.component';\nimport WmLabel from '../../basic/label/label.component';\nimport { isDefined } from '@wavemaker/app-rn-runtime/core/utils';\n\nexport class WmChipsState extends BaseDatasetState<WmChipsProps> {\n chipsList: any = [];\n saturate: any;\n}\n\nexport default class WmChips extends BaseDatasetComponent<WmChipsProps, WmChipsState, WmChipsStyles> {\n constructor(props: WmChipsProps) {\n super(props, DEFAULT_CLASS, new WmChipsProps(), new WmChipsState());\n }\n\n private searchRef: WmSearch = null as any;\n private maxSizeReached = 'Max size reached';\n private isDefaultQuery: boolean = true;\n private prevDatavalue: any;\n\n private listener: LifecycleListener = {\n onComponentInit: (c) => {\n if (c instanceof WmSearch) {\n this.searchRef = c;\n }\n }\n };\n\n onPropertyChange(name: string, $new: any, $old: any): void {\n super.onPropertyChange(name, $new, $old);\n switch (name) {\n case 'datavalue':\n if (!$new || $new.length === 0) {\n this.updateState({\n chipsList: [],\n } as WmChipsState);\n }\n break;\n case 'maxsize':\n if ($new) {\n const { datavalue } = this.state.props;\n const { dataItems } = this.state;\n \n let dataValueItems = Array.isArray(datavalue)\n ? datavalue\n : typeof datavalue === 'string'\n ? datavalue.split(',').map((item) => item.trim())\n : datavalue != null\n ? [datavalue]\n : [];\n\n if (dataValueItems.length >= $new) {\n dataValueItems = dataValueItems.slice(0, $new);\n const updatedItems = dataItems.map((item:any) => ({\n ...item,\n selected: dataValueItems.includes(item.datafield),\n }));\n this.updateState({ dataItems: updatedItems } as WmChipsState);\n }\n\n break;\n }\n }\n }\n\n reset() {\n if (this.searchRef?.state.props.query) {\n this.searchRef.reset();\n }\n }\n\n onDataItemsUpdate() {\n super.onDataItemsUpdate();\n this.isDefaultQuery = true;\n this.updateDefaultQueryModel();\n }\n\n addItem($event: any, widget: any) {\n let newChipList = clone(this.state.chipsList),\n allowAdd;\n newChipList.push(widget.queryModel);\n const isFormFieldWidget = get(this.props, 'formfield');\n if (this.isDuplicate(widget.queryModel)) {\n this.resetSearchModel();\n return;\n }\n\n // @ts-ignore\n allowAdd = isFormFieldWidget ? this.props?.invokeEvent('onBeforeadd', [null, this, widget.queryModel]) : this.invokeEventCallback('onBeforeadd', [null, this, widget.queryModel]);\n\n if (!isUndefined(allowAdd) && !this.toBoolean(allowAdd)) {\n return;\n }\n\n this.updateState({\n chipsList: newChipList\n } as WmChipsState);\n\n this.setDatavalue(newChipList);\n\n // @ts-ignore\n isFormFieldWidget ? this.props?.invokeEvent('onAdd', [null, this, widget.queryModel]) : this.invokeEventCallback('onAdd', [null, this, widget.queryModel]);\n this.resetSearchModel();\n }\n\n computeDisplayValue() {\n this.updateState({\n props: {\n displayValue: ((this.state.dataItems || [] as any)\n .filter((item: any) => item.selected)\n .map((item: any) => item.displayexp || item.displayfield)) || ''\n }\n } as WmChipsState);\n }\n\n selectChip(chipItem: any) {\n const selectionMode = this.state.props.selectionmode || 'multiple';\n if (selectionMode === 'single') {\n // Single selection: deselect all others and select only the clicked one\n forEach(this.state.dataItems, (item) => {\n item.selected = (item.key === chipItem.key);\n });\n } \n else {\n // Multiple selection: original working logic\n if (!chipItem.selected && this.state.props.maxsize > 0 && (this.state.chipsList.length === this.state.props.maxsize)) {\n return;\n }\n chipItem.selected = !chipItem.selected;\n const selectedItem = find(this.state.dataItems, d => isEqual(d.key, chipItem.key));\n if (selectedItem) {\n selectedItem.selected = chipItem.selected;\n }\n }\n \n const newChipList: any = [];\n forEach(this.state.dataItems, (item) => {\n if (item.selected) {\n newChipList.push(item);\n }\n });\n \n this.updateState({\n chipsList: newChipList\n } as WmChipsState);\n\n this.setDatavalue(newChipList);\n }\n\n setDatavalue(newChipList: any) {\n const dataValue = newChipList.map((item: any) => item.datafield);\n this.updateDatavalue(dataValue);\n this.updateMaxSize(newChipList.length);\n if (!this.props.invokeEvent) {\n this.invokeEventCallback('onChange', [null, this, dataValue, this.prevDatavalue])\n }\n this.prevDatavalue = dataValue;\n }\n\n toBoolean = (val: any) => ((val && val !== 'false') ? true : false);\n\n // Prepare datavalue object from a string(junk) value when datafield is allFields.\n createCustomDataModel(val: string) {\n return {\n key: `${this.state.props.name}_item${this.state.chipsList.length}`,\n dataObject: val,\n displayfield: val,\n datafield: val,\n isCustom: true\n }\n }\n\n resetSearchModel() {\n (this as any).searchRef.isDefaultQuery = false;\n this.searchRef.clearSearch();\n }\n\n isDuplicate(item: any) {\n return findIndex(this.state.chipsList, {datafield: item.datafield}) > -1;\n }\n\n // Check if max size is reached\n private updateMaxSize(chipListLength: number) {\n const saturate = this.state.props.maxsize > 0 && (chipListLength || this.state.chipsList.length) === this.state.props.maxsize;\n \n this.updateState({\n saturate: saturate\n } as WmChipsState);\n }\n\n removeItem(item: any, index: any) {\n let newChipList = clone(this.state.chipsList);\n const isFormFieldWidget = get(this.props, 'formfield');\n newChipList = pull(newChipList, item);\n // prevent deletion if the before-remove event callback returns false\n // @ts-ignore\n const allowRemove = isFormFieldWidget ? this.props.invokeEvent('onBeforeremove',[null, this, item]) : this.invokeEventCallback('onBeforeremove',[null, this, item]);\n if (!isUndefined(allowRemove) && !this.toBoolean(allowRemove)) {\n return;\n }\n\n this.updateState({\n chipsList: newChipList\n } as WmChipsState,()=>{\n this.setDatavalue(newChipList);\n // @ts-ignore\n isFormFieldWidget ? this.props.invokeEvent && this.props.invokeEvent('onRemove', [null, this, item]) : this.invokeEventCallback('onRemove', [null, this, item]);\n });\n }\n\n private isDefaultView() {\n return !this.state.props.searchable && this.state.dataItems?.length <= 10;\n }\n\n renderChip(item: any, index: any) {\n const isSelected = this.isDefaultView() ? item.selected : true;\n const accessibilityProps = {\n accessibilityLabel: item.displayexp || item.displayfield,\n accessibilityState: {\n selected: isSelected,\n },\n accessibilityRole: 'checkbox' as AccessibilityRole\n }\n\n\n\n return (\n <TouchableOpacity\n {...this.getTestPropsForAction('chip'+ index)}\n {...accessibilityProps}\n style={[this.styles.chip, isSelected ? this.styles.activeChip : null]}\n key={'chipitem_'+ index}\n onPress={() => {\n if (this.state.props.disabled || this.state.props.readonly) {\n return;\n }\n if (this.isDefaultView()) {\n this.selectChip(item);\n }\n if (get(this.props, 'formfield')) {\n // @ts-ignore\n this.props.invokeEvent('onChipclick', [null, this, item]);\n // @ts-ignorex\n this.props.invokeEvent('onChipselect', [null, this, item]);\n } else {\n this.invokeEventCallback('onChipclick', [null, this, item]);\n this.invokeEventCallback('onChipselect', [null, this, item]);\n }\n }}>\n \n {/* Left Badge */}\n {(this.state.props.getLeftBadge && this.state.props.getLeftBadge(index)) ? (\n <WmLabel \n id={this.getTestId('chip'+ index+'leftbadge')} \n styles={isSelected ? this.styles.activeLeftBadge : this.styles.leftBadge}\n caption={(this.state.props.getLeftBadge && this.state.props.getLeftBadge(index))}\n />\n ) : null}\n \n {/* Selected Icon OR Left Icon (mutually exclusive) */}\n {isSelected && this.isDefaultView() ? (\n <WmIcon \n id={this.getTestId('checkicon')} \n iconclass={this.state.props.selectediconclass || 'wm-sl-l sl-check'} \n iconsize={16} \n styles={merge({}, this.styles.doneIcon, {icon: {color: isSelected ? this.styles.activeChipLabel.color : null}})} \n accessible={false}\n />\n ) : (\n (this.state.props.getLeftIconClassName && this.state.props.getLeftIconClassName(index)) ? (\n <WmIcon \n id={this.getTestId('chip'+index+'lefticon')} \n iconclass={this.state.props.getLeftIconClassName && this.state.props.getLeftIconClassName(index)} \n iconsize={14} \n styles={this.styles.leftIcon} \n accessible={false}\n />\n ) : null\n )}\n \n {/* Picture */}\n {this._showSkeleton ? null : (\n <WmPicture \n id={this.getTestId('chip'+ index + 'picture')} \n styles={this.styles.imageStyles} \n picturesource={item.imgSrc} \n shape='circle' \n accessible={false}\n />\n )}\n \n {/* Label */}\n {this._showSkeleton ? (\n <WmLabel styles={{root: {width: 50}}}/>\n ) : (\n <Text \n {...this.getTestPropsForAction('chip'+ index+'label')}\n style={[this.styles.chipLabel, isSelected ? this.styles.activeChipLabel : null]}\n >\n {item.displayexp || item.displayfield}\n </Text>\n )}\n \n {/* Right Badge */}\n {(this.state.props.getRightBadge && this.state.props.getRightBadge(index)) ? (\n <WmLabel \n id={this.getTestId('chip'+ index+'rightbadge')} \n styles={isSelected ? this.styles.activeRightBadge : this.styles.rightBadge}\n caption={(this.state.props.getRightBadge && this.state.props.getRightBadge(index))}\n />\n ) : null}\n \n {/* Right Icon */}\n {(this.state.props.getRightIconClassName && this.state.props.getRightIconClassName(index)) ? (\n <WmIcon \n id={this.getTestId('chip'+index+'righticon')} \n iconclass={(this.state.props.getRightIconClassName && this.state.props.getRightIconClassName(index))} \n iconsize={16} \n styles={isSelected ? this.styles.activeRightIcon : this.styles.rightIcon} \n accessible={false}\n />\n ) : null}\n \n {/* Clear Button (only in non-default view) */}\n {!this.isDefaultView() && !(this.state.props.disabled || this.state.props.readonly) ? (\n <WmIcon \n id={this.getTestId('clearbtn')} \n iconclass={'wi wi-clear'} \n iconsize={16} \n styles={this.styles.clearIcon} \n onTap={() => this.removeItem(item, index)} \n accessibilitylabel='clear' \n accessibilityrole='button'\n />\n ) : null}\n </TouchableOpacity>\n )\n }\n\n updateDefaultQueryModel() {\n if (this.state.dataItems && this.state.dataItems.length && this.isDefaultQuery) {\n const selectedItems = filter(this.state.dataItems, (item) => item.selected);\n if (selectedItems.length) {\n this.updateState({\n chipsList: selectedItems\n } as WmChipsState);\n this.updateMaxSize(selectedItems.length);\n }\n this.isDefaultQuery = false;\n }\n }\n\n componentDidMount(): void {\n super.componentDidMount();\n this.updateDefaultQueryModel();\n }\n\n componentDidUpdate(prevProps: WmChipsProps, prevState: WmChipsState) {\n super.componentDidUpdate(prevProps, prevState);\n if (prevState.chipsList !== this.state.chipsList) {\n this.searchRef?.computePosition();\n }\n } \n renderSkeleton(): React.ReactNode {\n return (<View style={this.styles.root}>\n <View style={this.styles.chipsWrapper}>{ \n [{}, {}, {}].map((item: any, index: any) => this.renderChip(item, index)) }\n </View>\n </View>)\n }\n\n renderWidget(props: WmChipsProps) {\n const chips = this.state.chipsList;\n const accessibilityProps = {\n accessible: true,\n accessibilityLabel: props.accessibilitylabel || 'Choose tags',\n accessibilityHint: props.hint,\n accessibilityRole: props.accessibilityrole\n }\n return (<View style={this.styles.root} onLayout={(event) => this.handleLayout(event)}>\n\n <View style={this.styles.chipsWrapper} {...accessibilityProps}>\n {\n this.isDefaultView() ? this.state.dataItems.map((item: any, index: any) => this.renderChip(item, index)) : null\n }\n { props.searchable || !this.isDefaultView() ?\n <View style={[this.styles.searchContainer, {flexDirection: props.inputposition === 'first' ? 'column' : 'column-reverse'}]}>\n <WmSearch\n id={this.getTestId('search')}\n name=\"app-chip-search\"\n styles={this.styles.search}\n placeholder={this.state.saturate ? this.maxSizeReached : props.placeholder}\n listener={this.listener}\n dataset={props.dataset}\n searchkey={props.searchkey}\n minchars={props.minchars}\n autofocus={props.autofocus}\n disabled={props.disabled || props.readonly || this.state.saturate}\n readonly={props.readonly}\n displayexpression={props.displayexpression}\n getDisplayExpression={props.getDisplayExpression}\n displayimagesrc={props.displayimagesrc}\n displayfield={props.displayfield}\n datafield={props.datafield}\n onSubmit={this.addItem.bind(this)}\n onChange={() => {\n this.isDefaultQuery = false;\n this.props.listener?.onComponentChange && this.props.listener?.onComponentChange(this)\n }}\n showSearchIcon={false}\n showclear={false}\n type={props.minchars === 0 ? 'autocomplete' : 'search'}/>\n <View style={{ flexDirection: 'row', flexWrap: 'wrap'}} {...accessibilityProps}>\n {chips && chips.length ?\n chips.map((item: any, index: any) => this.renderChip(item, index))\n : null}\n </View>\n </View>\n : null }\n </View>\n </View>);\n }\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -116,6 +116,38 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
|
|
|
116
116
|
marginBottom: 3,
|
|
117
117
|
color: themeVariables.chipActiveTextColor
|
|
118
118
|
}
|
|
119
|
+
},
|
|
120
|
+
leftBadge: {
|
|
121
|
+
text: {
|
|
122
|
+
fontSize: 14,
|
|
123
|
+
marginRight: 0,
|
|
124
|
+
marginTop: 3,
|
|
125
|
+
fontFamily: themeVariables.baseFont,
|
|
126
|
+
fontWeight: '500',
|
|
127
|
+
color: themeVariables.chipDefaultTextColor
|
|
128
|
+
}
|
|
129
|
+
},
|
|
130
|
+
rightBadge: {
|
|
131
|
+
text: {
|
|
132
|
+
fontSize: 14,
|
|
133
|
+
marginLeft: 0,
|
|
134
|
+
marginTop: 3,
|
|
135
|
+
fontFamily: themeVariables.baseFont,
|
|
136
|
+
fontWeight: '500',
|
|
137
|
+
color: themeVariables.chipDefaultTextColor
|
|
138
|
+
}
|
|
139
|
+
},
|
|
140
|
+
activeLeftBadge: {
|
|
141
|
+
text: {
|
|
142
|
+
color: themeVariables.chipActiveTextColor,
|
|
143
|
+
marginTop: 3
|
|
144
|
+
}
|
|
145
|
+
},
|
|
146
|
+
activeRightBadge: {
|
|
147
|
+
text: {
|
|
148
|
+
color: themeVariables.chipActiveTextColor,
|
|
149
|
+
marginTop: 3
|
|
150
|
+
}
|
|
119
151
|
}
|
|
120
152
|
});
|
|
121
153
|
addStyle(DEFAULT_CLASS, '', defaultStyles);
|
|
@@ -140,37 +172,5 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
|
|
|
140
172
|
}
|
|
141
173
|
}
|
|
142
174
|
});
|
|
143
|
-
addStyle('app-chips-left-badge', '', {
|
|
144
|
-
text: {
|
|
145
|
-
fontSize: 14,
|
|
146
|
-
marginRight: 0,
|
|
147
|
-
marginTop: 3,
|
|
148
|
-
fontFamily: themeVariables.baseFont,
|
|
149
|
-
fontWeight: '500',
|
|
150
|
-
color: themeVariables.chipDefaultTextColor
|
|
151
|
-
}
|
|
152
|
-
});
|
|
153
|
-
addStyle('app-chips-right-badge', '', {
|
|
154
|
-
text: {
|
|
155
|
-
fontSize: 14,
|
|
156
|
-
marginLeft: 0,
|
|
157
|
-
marginTop: 3,
|
|
158
|
-
fontFamily: themeVariables.baseFont,
|
|
159
|
-
fontWeight: '500',
|
|
160
|
-
color: themeVariables.chipDefaultTextColor
|
|
161
|
-
}
|
|
162
|
-
});
|
|
163
|
-
addStyle('app-chips-active-left-badge', '', {
|
|
164
|
-
text: {
|
|
165
|
-
color: themeVariables.chipActiveTextColor,
|
|
166
|
-
marginTop: 3
|
|
167
|
-
}
|
|
168
|
-
});
|
|
169
|
-
addStyle('app-chips-active-right-badge', '', {
|
|
170
|
-
text: {
|
|
171
|
-
color: themeVariables.chipActiveTextColor,
|
|
172
|
-
marginTop: 3
|
|
173
|
-
}
|
|
174
|
-
});
|
|
175
175
|
});
|
|
176
176
|
//# sourceMappingURL=chips.styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","flexWrap","text","chipsWrapper","flexDirection","chip","margin","backgroundColor","chipContainerColor","borderRadius","alignItems","justifyContent","paddingVertical","paddingHorizontal","minWidth","minHeight","borderWidth","borderColor","chipborderColor","elevation","chipLabel","fontSize","paddingLeft","fontFamily","baseFont","fontWeight","paddingRight","color","chipDefaultTextColor","activeChip","chipSelectedContainerColor","chipSelectedOutlineColor","activeChipLabel","chipActiveTextColor","searchContainer","width","search","marginBottom","borderRightWidth","borderTopRightRadius","borderBottomRightRadius","doneIcon","icon","chipIconColor","clearIcon","imageStyles","height","skeleton","padding","leftIcon","marginRight","rightIcon","marginLeft","activeLeftIcon","activeRightIcon","flex","maxWidth","opacity","inputDisabledBgColor","marginTop"],"sources":["chips.styles.ts"],"sourcesContent":["import { TextStyle } from 'react-native';\nimport BASE_THEME, { AllStyle } from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmSearchStyles } from '@wavemaker/app-rn-runtime/components/basic/search/search.styles';\nimport { WmIconStyles } from '@wavemaker/app-rn-runtime/components/basic/icon/icon.styles';\nimport { WmPictureStyles } from '@wavemaker/app-rn-runtime/components/basic/picture/picture.styles';\nimport { WmSkeletonStyles } from '../../basic/skeleton/skeleton.styles';\n\nexport type WmChipsStyles = BaseStyles & {\n chip: AllStyle;\n chipLabel: TextStyle;\n chipsWrapper: AllStyle;\n search: WmSearchStyles;\n searchContainer: AllStyle;\n activeChip: AllStyle;\n activeChipLabel: TextStyle;\n clearIcon: WmIconStyles;\n doneIcon: WmIconStyles;\n imageStyles: WmPictureStyles;\n skeleton: WmSkeletonStyles;\n leftIcon: WmIconStyles;\n rightIcon: WmIconStyles;\n activeLeftIcon: WmIconStyles;\n activeRightIcon: WmIconStyles;\n};\n\nexport const DEFAULT_CLASS = 'app-chips';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n const defaultStyles: WmChipsStyles = defineStyles({\n root: {\n flexWrap: 'wrap',\n },\n text: {},\n chipsWrapper: {\n flexDirection: 'row',\n flexWrap: 'wrap'\n },\n chip: {\n margin: 2,\n backgroundColor: themeVariables.chipContainerColor,\n borderRadius: 8,\n flexDirection: 'row',\n alignItems: 'center',\n justifyContent: 'center',\n paddingVertical: 4,\n paddingHorizontal: 4,\n minWidth: 80,\n minHeight: 32,\n borderWidth: 1,\n borderColor: themeVariables.chipborderColor,\n elevation: 1\n },\n chipLabel : {\n fontSize: 14,\n paddingLeft: 8,\n fontFamily: themeVariables.baseFont,\n fontWeight: '500',\n paddingRight: 12,\n color: themeVariables.chipDefaultTextColor,\n borderColor: themeVariables.chipborderColor\n },\n activeChip: {\n backgroundColor: themeVariables.chipSelectedContainerColor, \n borderColor: themeVariables.chipSelectedOutlineColor,\n borderWidth: 0\n },\n activeChipLabel: {\n color: themeVariables.chipActiveTextColor\n },\n searchContainer: {\n width: '100%',\n flexDirection: 'column'\n },\n search: {\n root: {\n marginBottom: 8\n },\n text: {\n borderRightWidth: 1,\n borderTopRightRadius: 4,\n borderBottomRightRadius: 4\n }\n } as WmSearchStyles,\n doneIcon: {\n icon: {\n paddingLeft: 8,\n fontSize: 18,\n color: themeVariables.chipIconColor,\n }\n } as WmIconStyles,\n clearIcon: {\n icon: {\n color: themeVariables.chipIconColor,\n paddingRight: 8,\n fontSize: 18\n }\n } as WmIconStyles,\n imageStyles: {\n root: {\n width: 32,\n height: 32\n }\n } as WmPictureStyles,\n skeleton: {\n root:{\n width: 80,\n borderRadius: 8,\n padding:4,\n minHeight: 32,\n }\n } as any as WmSkeletonStyles,\n leftIcon: {\n icon: {\n marginRight: 0,\n fontSize: 16,\n color: themeVariables.chipDefaultTextColor,\n marginBottom: 3\n }\n } as WmIconStyles,\n rightIcon: {\n icon: {\n marginLeft: 0,\n fontSize: 16,\n color: themeVariables.chipDefaultTextColor,\n marginBottom: 3\n }\n } as WmIconStyles,\n activeLeftIcon: {\n icon: {\n marginRight: 0,\n fontSize: 16,\n color: themeVariables.chipActiveTextColor,\n marginBottom: 3\n }\n } as WmIconStyles,\n activeRightIcon: {\n icon: {\n marginLeft: 0,\n fontSize: 16,\n marginBottom: 3,\n color: themeVariables.chipActiveTextColor,\n }\n } as WmIconStyles,\n });\n\n addStyle(DEFAULT_CLASS, '', defaultStyles);\n \n // Add horizontal form input styles for horizontal form field layouts - positioned early to avoid overriding more specific styles\n addStyle('form-chips-input-horizontal', '', {\n root: {\n flex: 1,\n minWidth: 0, // Allow shrinking below intrinsic content size if needed\n maxWidth: '100%' // Prevent overflow\n },\n text: {}\n } as BaseStyles);\n \n addStyle(DEFAULT_CLASS + '-disabled', '', {\n chip: {\n opacity: 0.5\n },\n search: {\n root : {\n backgroundColor: themeVariables.inputDisabledBgColor\n }\n }\n });\n addStyle('app-chips-left-badge', '', {\n text: {\n fontSize: 14,\n marginRight: 0,\n marginTop: 3,\n fontFamily: themeVariables.baseFont,\n fontWeight: '500',\n color: themeVariables.chipDefaultTextColor,\n }\n } as BaseStyles);\n\n addStyle('app-chips-right-badge', '', {\n text: {\n fontSize: 14,\n marginLeft: 0,\n marginTop: 3,\n fontFamily: themeVariables.baseFont,\n fontWeight: '500',\n color: themeVariables.chipDefaultTextColor,\n }\n } as BaseStyles);\n\n addStyle('app-chips-active-left-badge', '', {\n text: {\n color: themeVariables.chipActiveTextColor,\n marginTop: 3\n }\n } as BaseStyles);\n\n addStyle('app-chips-active-right-badge', '', {\n text: {\n color: themeVariables.chipActiveTextColor,\n marginTop: 3\n }\n } as BaseStyles);\n});\n"],"mappings":"AACA,OAAOA,UAAU,MAAoB,wCAAwC;AAC7E,SAAqBC,YAAY,QAAQ,+CAA+C;AAwBxF,OAAO,MAAMC,aAAa,GAAG,WAAW;AACxCF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACrD,MAAMC,aAA4B,GAAGL,YAAY,CAAC;IAC9CM,IAAI,EAAE;MACJC,QAAQ,EAAE;IACZ,CAAC;IACDC,IAAI,EAAE,CAAC,CAAC;IACRC,YAAY,EAAE;MACZC,aAAa,EAAE,KAAK;MACpBH,QAAQ,EAAE;IACZ,CAAC;IACDI,IAAI,EAAE;MACJC,MAAM,EAAE,CAAC;MACTC,eAAe,EAAEV,cAAc,CAACW,kBAAkB;MAClDC,YAAY,EAAE,CAAC;MACfL,aAAa,EAAE,KAAK;MACpBM,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,QAAQ;MACxBC,eAAe,EAAE,CAAC;MAClBC,iBAAiB,EAAE,CAAC;MACpBC,QAAQ,EAAE,EAAE;MACZC,SAAS,EAAE,EAAE;MACbC,WAAW,EAAE,CAAC;MACdC,WAAW,EAAEpB,cAAc,CAACqB,eAAe;MAC3CC,SAAS,EAAE;IACb,CAAC;IACDC,SAAS,EAAG;MACVC,QAAQ,EAAE,EAAE;MACZC,WAAW,EAAE,CAAC;MACdC,UAAU,EAAE1B,cAAc,CAAC2B,QAAQ;MACnCC,UAAU,EAAE,KAAK;MACjBC,YAAY,EAAE,EAAE;MAChBC,KAAK,EAAE9B,cAAc,CAAC+B,oBAAoB;MAC1CX,WAAW,EAAEpB,cAAc,CAACqB;IAC9B,CAAC;IACDW,UAAU,EAAE;MACVtB,eAAe,EAAEV,cAAc,CAACiC,0BAA0B;MAC1Db,WAAW,EAAEpB,cAAc,CAACkC,wBAAwB;MACpDf,WAAW,EAAE;IACf,CAAC;IACDgB,eAAe,EAAE;MACfL,KAAK,EAAE9B,cAAc,CAACoC;IACxB,CAAC;IACDC,eAAe,EAAE;MACfC,KAAK,EAAE,MAAM;MACb/B,aAAa,EAAE;IACjB,CAAC;IACDgC,MAAM,EAAE;MACNpC,IAAI,EAAE;QACJqC,YAAY,EAAE;MAChB,CAAC;MACDnC,IAAI,EAAE;QACJoC,gBAAgB,EAAE,CAAC;QACnBC,oBAAoB,EAAE,CAAC;QACvBC,uBAAuB,EAAE;MAC3B;IACF,CAAmB;IACnBC,QAAQ,EAAE;MACRC,IAAI,EAAE;QACJpB,WAAW,EAAE,CAAC;QACdD,QAAQ,EAAE,EAAE;QACZM,KAAK,EAAE9B,cAAc,CAAC8C;MACxB;IACF,CAAiB;IACjBC,SAAS,EAAE;MACTF,IAAI,EAAE;QACJf,KAAK,EAAE9B,cAAc,CAAC8C,aAAa;QACnCjB,YAAY,EAAE,CAAC;QACfL,QAAQ,EAAE;MACZ;IACF,CAAiB;IACjBwB,WAAW,EAAE;MACX7C,IAAI,EAAE;QACJmC,KAAK,EAAE,EAAE;QACTW,MAAM,EAAE;MACV;IACF,CAAoB;IACpBC,QAAQ,EAAE;MACR/C,IAAI,EAAC;QACHmC,KAAK,EAAE,EAAE;QACT1B,YAAY,EAAE,CAAC;QACfuC,OAAO,EAAC,CAAC;QACTjC,SAAS,EAAE;MACb;IACF,CAA4B;IAC5BkC,QAAQ,EAAE;MACRP,IAAI,EAAE;QACJQ,WAAW,EAAE,CAAC;QACd7B,QAAQ,EAAE,EAAE;QACZM,KAAK,EAAE9B,cAAc,CAAC+B,oBAAoB;QAC1CS,YAAY,EAAE;MAChB;IACF,CAAiB;IACjBc,SAAS,EAAE;MACTT,IAAI,EAAE;QACJU,UAAU,EAAE,CAAC;QACb/B,QAAQ,EAAE,EAAE;QACZM,KAAK,EAAE9B,cAAc,CAAC+B,oBAAoB;QAC1CS,YAAY,EAAE;MAChB;IACF,CAAiB;IACjBgB,cAAc,EAAE;MACdX,IAAI,EAAE;QACJQ,WAAW,EAAE,CAAC;QACd7B,QAAQ,EAAE,EAAE;QACZM,KAAK,EAAE9B,cAAc,CAACoC,mBAAmB;QACzCI,YAAY,EAAE;MAChB;IACF,CAAiB;IACjBiB,eAAe,EAAE;MACfZ,IAAI,EAAE;QACJU,UAAU,EAAE,CAAC;QACb/B,QAAQ,EAAE,EAAE;QACZgB,YAAY,EAAE,CAAC;QACfV,KAAK,EAAE9B,cAAc,CAACoC;MACxB;IACF;EACJ,CAAC,CAAC;EAEFnC,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;;EAE1C;EACAD,QAAQ,CAAC,6BAA6B,EAAE,EAAE,EAAE;IAC1CE,IAAI,EAAE;MACJuD,IAAI,EAAE,CAAC;MACPzC,QAAQ,EAAE,CAAC;MAAE;MACb0C,QAAQ,EAAE,MAAM,CAAC;IACnB,CAAC;IACDtD,IAAI,EAAE,CAAC;EACT,CAAe,CAAC;EAEhBJ,QAAQ,CAACH,aAAa,GAAG,WAAW,EAAE,EAAE,EAAE;IACxCU,IAAI,EAAE;MACJoD,OAAO,EAAE;IACX,CAAC;IACDrB,MAAM,EAAE;MACNpC,IAAI,EAAG;QACLO,eAAe,EAAEV,cAAc,CAAC6D;MAClC;IACF;EACF,CAAC,CAAC;EACF5D,QAAQ,CAAC,sBAAsB,EAAE,EAAE,EAAE;IACnCI,IAAI,EAAE;MACJmB,QAAQ,EAAE,EAAE;MACZ6B,WAAW,EAAE,CAAC;MACdS,SAAS,EAAE,CAAC;MACZpC,UAAU,EAAE1B,cAAc,CAAC2B,QAAQ;MACnCC,UAAU,EAAE,KAAK;MACjBE,KAAK,EAAE9B,cAAc,CAAC+B;IACxB;EACF,CAAe,CAAC;EAEhB9B,QAAQ,CAAC,uBAAuB,EAAE,EAAE,EAAE;IACpCI,IAAI,EAAE;MACJmB,QAAQ,EAAE,EAAE;MACZ+B,UAAU,EAAE,CAAC;MACbO,SAAS,EAAE,CAAC;MACZpC,UAAU,EAAE1B,cAAc,CAAC2B,QAAQ;MACnCC,UAAU,EAAE,KAAK;MACjBE,KAAK,EAAE9B,cAAc,CAAC+B;IACxB;EACF,CAAe,CAAC;EAEhB9B,QAAQ,CAAC,6BAA6B,EAAE,EAAE,EAAE;IAC1CI,IAAI,EAAE;MACJyB,KAAK,EAAE9B,cAAc,CAACoC,mBAAmB;MACzC0B,SAAS,EAAE;IACb;EACF,CAAe,CAAC;EAEhB7D,QAAQ,CAAC,8BAA8B,EAAE,EAAE,EAAE;IAC3CI,IAAI,EAAE;MACJyB,KAAK,EAAE9B,cAAc,CAACoC,mBAAmB;MACzC0B,SAAS,EAAE;IACb;EACF,CAAe,CAAC;AAClB,CAAC,CAAC","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","flexWrap","text","chipsWrapper","flexDirection","chip","margin","backgroundColor","chipContainerColor","borderRadius","alignItems","justifyContent","paddingVertical","paddingHorizontal","minWidth","minHeight","borderWidth","borderColor","chipborderColor","elevation","chipLabel","fontSize","paddingLeft","fontFamily","baseFont","fontWeight","paddingRight","color","chipDefaultTextColor","activeChip","chipSelectedContainerColor","chipSelectedOutlineColor","activeChipLabel","chipActiveTextColor","searchContainer","width","search","marginBottom","borderRightWidth","borderTopRightRadius","borderBottomRightRadius","doneIcon","icon","chipIconColor","clearIcon","imageStyles","height","skeleton","padding","leftIcon","marginRight","rightIcon","marginLeft","activeLeftIcon","activeRightIcon","leftBadge","marginTop","rightBadge","activeLeftBadge","activeRightBadge","flex","maxWidth","opacity","inputDisabledBgColor"],"sources":["chips.styles.ts"],"sourcesContent":["import { TextStyle } from 'react-native';\nimport BASE_THEME, { AllStyle } from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmSearchStyles } from '@wavemaker/app-rn-runtime/components/basic/search/search.styles';\nimport { WmIconStyles } from '@wavemaker/app-rn-runtime/components/basic/icon/icon.styles';\nimport { WmPictureStyles } from '@wavemaker/app-rn-runtime/components/basic/picture/picture.styles';\nimport { WmSkeletonStyles } from '../../basic/skeleton/skeleton.styles';\n\nexport type WmChipsStyles = BaseStyles & {\n chip: AllStyle;\n chipLabel: TextStyle;\n chipsWrapper: AllStyle;\n search: WmSearchStyles;\n searchContainer: AllStyle;\n activeChip: AllStyle;\n activeChipLabel: TextStyle;\n clearIcon: WmIconStyles;\n doneIcon: WmIconStyles;\n imageStyles: WmPictureStyles;\n skeleton: WmSkeletonStyles;\n leftIcon: WmIconStyles;\n rightIcon: WmIconStyles;\n activeLeftIcon: WmIconStyles;\n activeRightIcon: WmIconStyles;\n leftBadge: BaseStyles;\n rightBadge: BaseStyles;\n activeLeftBadge: BaseStyles;\n activeRightBadge: BaseStyles;\n};\n\nexport const DEFAULT_CLASS = 'app-chips';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n const defaultStyles: WmChipsStyles = defineStyles({\n root: {\n flexWrap: 'wrap',\n },\n text: {},\n chipsWrapper: {\n flexDirection: 'row',\n flexWrap: 'wrap'\n },\n chip: {\n margin: 2,\n backgroundColor: themeVariables.chipContainerColor,\n borderRadius: 8,\n flexDirection: 'row',\n alignItems: 'center',\n justifyContent: 'center',\n paddingVertical: 4,\n paddingHorizontal: 4,\n minWidth: 80,\n minHeight: 32,\n borderWidth: 1,\n borderColor: themeVariables.chipborderColor,\n elevation: 1\n },\n chipLabel : {\n fontSize: 14,\n paddingLeft: 8,\n fontFamily: themeVariables.baseFont,\n fontWeight: '500',\n paddingRight: 12,\n color: themeVariables.chipDefaultTextColor,\n borderColor: themeVariables.chipborderColor\n },\n activeChip: {\n backgroundColor: themeVariables.chipSelectedContainerColor, \n borderColor: themeVariables.chipSelectedOutlineColor,\n borderWidth: 0\n },\n activeChipLabel: {\n color: themeVariables.chipActiveTextColor\n },\n searchContainer: {\n width: '100%',\n flexDirection: 'column'\n },\n search: {\n root: {\n marginBottom: 8\n },\n text: {\n borderRightWidth: 1,\n borderTopRightRadius: 4,\n borderBottomRightRadius: 4\n }\n } as WmSearchStyles,\n doneIcon: {\n icon: {\n paddingLeft: 8,\n fontSize: 18,\n color: themeVariables.chipIconColor,\n }\n } as WmIconStyles,\n clearIcon: {\n icon: {\n color: themeVariables.chipIconColor,\n paddingRight: 8,\n fontSize: 18\n }\n } as WmIconStyles,\n imageStyles: {\n root: {\n width: 32,\n height: 32\n }\n } as WmPictureStyles,\n skeleton: {\n root:{\n width: 80,\n borderRadius: 8,\n padding:4,\n minHeight: 32,\n }\n } as any as WmSkeletonStyles,\n leftIcon: {\n icon: {\n marginRight: 0,\n fontSize: 16,\n color: themeVariables.chipDefaultTextColor,\n marginBottom: 3\n }\n } as WmIconStyles,\n rightIcon: {\n icon: {\n marginLeft: 0,\n fontSize: 16,\n color: themeVariables.chipDefaultTextColor,\n marginBottom: 3\n }\n } as WmIconStyles,\n activeLeftIcon: {\n icon: {\n marginRight: 0,\n fontSize: 16,\n color: themeVariables.chipActiveTextColor,\n marginBottom: 3\n }\n } as WmIconStyles,\n activeRightIcon: {\n icon: {\n marginLeft: 0,\n fontSize: 16,\n marginBottom: 3,\n color: themeVariables.chipActiveTextColor,\n }\n } as WmIconStyles,\n leftBadge: {\n text: {\n fontSize: 14,\n marginRight: 0,\n marginTop: 3,\n fontFamily: themeVariables.baseFont,\n fontWeight: '500',\n color: themeVariables.chipDefaultTextColor,\n }\n } as BaseStyles,\n rightBadge: {\n text: {\n fontSize: 14,\n marginLeft: 0,\n marginTop: 3,\n fontFamily: themeVariables.baseFont,\n fontWeight: '500',\n color: themeVariables.chipDefaultTextColor,\n }\n } as BaseStyles,\n activeLeftBadge: {\n text: {\n color: themeVariables.chipActiveTextColor,\n marginTop: 3\n }\n } as BaseStyles,\n activeRightBadge: {\n text: {\n color: themeVariables.chipActiveTextColor,\n marginTop: 3\n }\n } as BaseStyles,\n });\n\n addStyle(DEFAULT_CLASS, '', defaultStyles);\n \n // Add horizontal form input styles for horizontal form field layouts - positioned early to avoid overriding more specific styles\n addStyle('form-chips-input-horizontal', '', {\n root: {\n flex: 1,\n minWidth: 0, // Allow shrinking below intrinsic content size if needed\n maxWidth: '100%' // Prevent overflow\n },\n text: {}\n } as BaseStyles);\n \n addStyle(DEFAULT_CLASS + '-disabled', '', {\n chip: {\n opacity: 0.5\n },\n search: {\n root : {\n backgroundColor: themeVariables.inputDisabledBgColor\n }\n }\n });\n});\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -24,9 +24,11 @@ export default class WmPage extends BaseComponent {
|
|
|
24
24
|
}));
|
|
25
25
|
}
|
|
26
26
|
componentDidMount() {
|
|
27
|
+
super.componentDidMount();
|
|
27
28
|
this.setNavigationBarColor();
|
|
28
29
|
}
|
|
29
|
-
componentDidUpdate(prevProps) {
|
|
30
|
+
componentDidUpdate(prevProps, prevState) {
|
|
31
|
+
super.componentDidUpdate(prevProps, prevState);
|
|
30
32
|
if (prevProps.navigationbarstyle !== this.props.navigationbarstyle) {
|
|
31
33
|
this.setNavigationBarColor();
|
|
32
34
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","PanResponder","View","StatusBar","Platform","BaseComponent","BaseComponentState","DEFAULT_CLASS","SafeAreaInsetsContext","StickyViewComponents","FixedViewContainer","injector","NavigationBar","WmPageState","WmPage","constructor","props","_defineProperty","get","create","onStartShouldSetPanResponderCapture","e","notify","componentDidMount","setNavigationBarColor","componentDidUpdate","prevProps","navigationbarstyle","_this$appConfig","isEdgeToEdgeApp","appConfig","edgeToEdgeConfig","OS","isDark","navbarColor","buttonStyle","setBackgroundColorAsync","setButtonStyleAsync","renderWidget","_this$appConfig2","createElement","hasAppnavbar","hasappnavbar","onscroll","notifier","barStyle","statusbarstyle","Consumer","insets","top","bottom","left","right","_extends","getTestProps","style","paddingTop","styles","root","panResponder","panHandlers","_background","children"],"sources":["page.component.tsx"],"sourcesContent":["import React from 'react';\nimport { PanResponder, ScrollView, View, NativeSyntheticEvent, NativeScrollEvent ,StatusBar, Platform} from 'react-native';\n\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport WmPageProps from './page.props';\nimport { DEFAULT_CLASS, WmPageStyles } from './page.styles';\nimport { SafeAreaInsetsContext } from 'react-native-safe-area-context';\nimport { StickyViewComponents } from '@wavemaker/app-rn-runtime/core/sticky-view.component';\nimport { FixedViewContainer } from '@wavemaker/app-rn-runtime/core/fixed-view.component';\nimport injector from '@wavemaker/app-rn-runtime/core/injector';\nimport AppConfig from '@wavemaker/app-rn-runtime/core/AppConfig';\nimport * as NavigationBar from 'expo-navigation-bar';\n\nexport class WmPageState extends BaseComponentState<WmPageProps> {}\n\nexport default class WmPage extends BaseComponent<WmPageProps, WmPageState, WmPageStyles> {\n private appConfig = injector.get<AppConfig>('APP_CONFIG');\n\n panResponder = PanResponder.create({\n onStartShouldSetPanResponderCapture: (e) => {\n this.notify('globaltouch', [e]);\n return false;\n },\n });\n constructor(props: WmPageProps) {\n super(props, DEFAULT_CLASS);\n }\n\n componentDidMount() {\n this.setNavigationBarColor();\n }\n\n componentDidUpdate(prevProps: WmPageProps) {\n if (prevProps.navigationbarstyle !== this.props.navigationbarstyle) {\n this.setNavigationBarColor();\n }\n }\n\n setNavigationBarColor() {\n const isEdgeToEdgeApp = !!this.appConfig?.edgeToEdgeConfig?.isEdgeToEdgeApp;\n if (Platform.OS !== 'android' || !isEdgeToEdgeApp) return;\n \n const isDark = this.props.navigationbarstyle === 'dark';\n const navbarColor = isDark ? 'rgba(0,0,0,0.2)' : 'rgba(255,255,255,0.5)';\n \n const buttonStyle = isDark ? 'light' : 'dark';\n\n NavigationBar.setBackgroundColorAsync(navbarColor);\n NavigationBar.setButtonStyleAsync(buttonStyle);\n }\n\n renderWidget(props: WmPageProps) {\n\n const isEdgeToEdgeApp = !!this.appConfig?.edgeToEdgeConfig?.isEdgeToEdgeApp;\n return (\n <StickyViewComponents hasAppnavbar={props.hasappnavbar} onscroll={props.onscroll} notifier={this.notifier}>\n <FixedViewContainer>\n {isEdgeToEdgeApp && Platform.OS ===\"android\" ? <StatusBar barStyle={props.statusbarstyle}/> : null}\n <SafeAreaInsetsContext.Consumer>\n {(insets = { top: 0, bottom: 0, left: 0, right: 0 }) => {\n return (\n <View \n {...this.getTestProps()}\n style={[{paddingTop : !props?.hasappnavbar && isEdgeToEdgeApp ? insets?.top : 0 },this.styles.root]} \n {...this.panResponder.panHandlers}\n > \n {this._background}\n {props.children}\n </View> \n )\n }}\n </SafeAreaInsetsContext.Consumer>\n </FixedViewContainer>\n </StickyViewComponents>\n ); \n }\n}\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,YAAY,EAAcC,IAAI,EAA4CC,SAAS,EAAEC,QAAQ,QAAO,cAAc;AAE3H,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,SAASC,aAAa,QAAsB,eAAe;AAC3D,SAASC,qBAAqB,QAAQ,gCAAgC;AACtE,SAASC,oBAAoB,QAAQ,sDAAsD;AAC3F,SAASC,kBAAkB,QAAQ,qDAAqD;AACxF,OAAOC,QAAQ,MAAM,yCAAyC;AAE9D,OAAO,KAAKC,aAAa,MAAM,qBAAqB;AAEpD,OAAO,MAAMC,WAAW,SAASP,kBAAkB,CAAc;AAEjE,eAAe,MAAMQ,MAAM,SAAST,aAAa,CAAyC;EASxFU,WAAWA,CAACC,KAAkB,EAAE;IAC9B,KAAK,CAACA,KAAK,EAAET,aAAa,CAAC;IAACU,eAAA,oBATVN,QAAQ,CAACO,GAAG,CAAY,YAAY,CAAC;IAAAD,eAAA,uBAE1ChB,YAAY,CAACkB,MAAM,CAAC;MACjCC,mCAAmC,EAAGC,CAAC,IAAK;QAC1C,IAAI,CAACC,MAAM,CAAC,aAAa,EAAE,CAACD,CAAC,CAAC,CAAC;QAC/B,OAAO,KAAK;MACd;IACF,CAAC,CAAC;EAGF;EAEAE,iBAAiBA,CAAA,EAAG;IAClB,IAAI,CAACC,qBAAqB,CAAC,CAAC;EAC9B;EAEAC,kBAAkBA,CAACC,SAAsB,EAAE;
|
|
1
|
+
{"version":3,"names":["React","PanResponder","View","StatusBar","Platform","BaseComponent","BaseComponentState","DEFAULT_CLASS","SafeAreaInsetsContext","StickyViewComponents","FixedViewContainer","injector","NavigationBar","WmPageState","WmPage","constructor","props","_defineProperty","get","create","onStartShouldSetPanResponderCapture","e","notify","componentDidMount","setNavigationBarColor","componentDidUpdate","prevProps","prevState","navigationbarstyle","_this$appConfig","isEdgeToEdgeApp","appConfig","edgeToEdgeConfig","OS","isDark","navbarColor","buttonStyle","setBackgroundColorAsync","setButtonStyleAsync","renderWidget","_this$appConfig2","createElement","hasAppnavbar","hasappnavbar","onscroll","notifier","barStyle","statusbarstyle","Consumer","insets","top","bottom","left","right","_extends","getTestProps","style","paddingTop","styles","root","panResponder","panHandlers","_background","children"],"sources":["page.component.tsx"],"sourcesContent":["import React from 'react';\nimport { PanResponder, ScrollView, View, NativeSyntheticEvent, NativeScrollEvent ,StatusBar, Platform} from 'react-native';\n\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport WmPageProps from './page.props';\nimport { DEFAULT_CLASS, WmPageStyles } from './page.styles';\nimport { SafeAreaInsetsContext } from 'react-native-safe-area-context';\nimport { StickyViewComponents } from '@wavemaker/app-rn-runtime/core/sticky-view.component';\nimport { FixedViewContainer } from '@wavemaker/app-rn-runtime/core/fixed-view.component';\nimport injector from '@wavemaker/app-rn-runtime/core/injector';\nimport AppConfig from '@wavemaker/app-rn-runtime/core/AppConfig';\nimport * as NavigationBar from 'expo-navigation-bar';\n\nexport class WmPageState extends BaseComponentState<WmPageProps> {}\n\nexport default class WmPage extends BaseComponent<WmPageProps, WmPageState, WmPageStyles> {\n private appConfig = injector.get<AppConfig>('APP_CONFIG');\n\n panResponder = PanResponder.create({\n onStartShouldSetPanResponderCapture: (e) => {\n this.notify('globaltouch', [e]);\n return false;\n },\n });\n constructor(props: WmPageProps) {\n super(props, DEFAULT_CLASS);\n }\n\n componentDidMount() {\n super.componentDidMount();\n this.setNavigationBarColor();\n }\n\n componentDidUpdate(prevProps: WmPageProps, prevState: WmPageState) {\n super.componentDidUpdate(prevProps, prevState)\n if (prevProps.navigationbarstyle !== this.props.navigationbarstyle) {\n this.setNavigationBarColor();\n }\n }\n\n setNavigationBarColor() {\n const isEdgeToEdgeApp = !!this.appConfig?.edgeToEdgeConfig?.isEdgeToEdgeApp;\n if (Platform.OS !== 'android' || !isEdgeToEdgeApp) return;\n \n const isDark = this.props.navigationbarstyle === 'dark';\n const navbarColor = isDark ? 'rgba(0,0,0,0.2)' : 'rgba(255,255,255,0.5)';\n \n const buttonStyle = isDark ? 'light' : 'dark';\n\n NavigationBar.setBackgroundColorAsync(navbarColor);\n NavigationBar.setButtonStyleAsync(buttonStyle);\n }\n\n renderWidget(props: WmPageProps) {\n\n const isEdgeToEdgeApp = !!this.appConfig?.edgeToEdgeConfig?.isEdgeToEdgeApp;\n return (\n <StickyViewComponents hasAppnavbar={props.hasappnavbar} onscroll={props.onscroll} notifier={this.notifier}>\n <FixedViewContainer>\n {isEdgeToEdgeApp && Platform.OS ===\"android\" ? <StatusBar barStyle={props.statusbarstyle}/> : null}\n <SafeAreaInsetsContext.Consumer>\n {(insets = { top: 0, bottom: 0, left: 0, right: 0 }) => {\n return (\n <View \n {...this.getTestProps()}\n style={[{paddingTop : !props?.hasappnavbar && isEdgeToEdgeApp ? insets?.top : 0 },this.styles.root]} \n {...this.panResponder.panHandlers}\n > \n {this._background}\n {props.children}\n </View> \n )\n }}\n </SafeAreaInsetsContext.Consumer>\n </FixedViewContainer>\n </StickyViewComponents>\n ); \n }\n}\n"],"mappings":"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","ignoreList":[]}
|
package/core/AppConfig.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":[],"sources":["AppConfig.ts"],"sourcesContent":["export interface Drawer {\n setContent: (c: React.ReactNode) => void;\n getContent: () => React.ReactNode;\n setAnimation: (animation: string) => void;\n getAnimation: () => string;\n}\n\nexport default interface AppConfig {\n appId: string;\n assets: any;\n appProperties: any;\n appLocale: any;\n url: string;\n leftNavWidth: any;\n loadApp: boolean;\n refresh: (complete?: boolean) => void,\n currentPage?: any;\n pages?: any[];\n landingPage: string;\n partials?: any[];\n drawer: Drawer;\n app: any;\n spinner: any;\n setDrawerContent: any;\n theme: any;\n drawerType: any;\n preferences:any;\n getServiceDefinitions: any;\n loggedInUser: any;\n selectedLocale: string;\n revertLayoutToExpo50: boolean,\n diagnostics: {\n appStartTime: number,\n appReadyTime: number,\n pageStartTime: number,\n pageReadyTime: number\n }, \n edgeToEdgeConfig:any;\n prefabs?: {\n partials?: any[]\n }\n}"],"mappings":"","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":[],"sources":["AppConfig.ts"],"sourcesContent":["export interface Drawer {\n setContent: (c: React.ReactNode) => void;\n getContent: () => React.ReactNode;\n setAnimation: (animation: string) => void;\n getAnimation: () => string;\n}\n\nexport default interface AppConfig {\n appId: string;\n assets: any;\n appProperties: any;\n appLocale: any;\n url: string;\n leftNavWidth: any;\n loadApp: boolean;\n refresh: (complete?: boolean) => void,\n currentPage?: any;\n pages?: any[];\n landingPage: string;\n partials?: any[];\n drawer: Drawer;\n app: any;\n spinner: any;\n setDrawerContent: any;\n theme: any;\n drawerType: any;\n preferences:any;\n getServiceDefinitions: any;\n loggedInUser: any;\n selectedLocale: string;\n revertLayoutToExpo50: boolean,\n diagnostics: {\n appStartTime: number,\n appReadyTime: number,\n pageStartTime: number,\n pageReadyTime: number\n }, \n edgeToEdgeConfig:any;\n prefabs?: {\n partials?: any[]\n },\n screenCaptureProtection: {\n enabled: boolean\n }\n}"],"mappings":"","ignoreList":[]}
|
package/core/responsive.utils.js
CHANGED
|
@@ -32,7 +32,7 @@ export const getCurrentBreakpoint = () => {
|
|
|
32
32
|
*
|
|
33
33
|
*/
|
|
34
34
|
export const getNumberOfColumnsFromResponsiveConfig = (responsiveConfig, currentBreakpoint, fallback = false) => {
|
|
35
|
-
var _ref
|
|
35
|
+
var _ref;
|
|
36
36
|
const breakpoint = currentBreakpoint || getCurrentBreakpoint();
|
|
37
37
|
let value = responsiveConfig[breakpoint];
|
|
38
38
|
if (!value && fallback) {
|
|
@@ -46,6 +46,6 @@ export const getNumberOfColumnsFromResponsiveConfig = (responsiveConfig, current
|
|
|
46
46
|
}
|
|
47
47
|
}
|
|
48
48
|
}
|
|
49
|
-
return (_ref =
|
|
49
|
+
return (_ref = value !== null && value !== void 0 ? value : responsiveConfig.xs) !== null && _ref !== void 0 ? _ref : 1;
|
|
50
50
|
};
|
|
51
51
|
//# sourceMappingURL=responsive.utils.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_viewPort","getBreakPointValue","parseToNumberValue","name","parseInt","replace","getCurrentBreakpoint","width","getNumberOfColumnsFromResponsiveConfig","responsiveConfig","currentBreakpoint","fallback","_ref","
|
|
1
|
+
{"version":3,"names":["_viewPort","getBreakPointValue","parseToNumberValue","name","parseInt","replace","getCurrentBreakpoint","width","getNumberOfColumnsFromResponsiveConfig","responsiveConfig","currentBreakpoint","fallback","_ref","breakpoint","value","fallbackOrder","currentIndex","indexOf","i","fallbackBreakpoint","xs"],"sources":["responsive.utils.ts"],"sourcesContent":["import _viewPort from './viewport';\nimport { getBreakPointValue } from '../styles/theme';\n\nexport type ResponsiveBreakpoint = 'xs' | 'sm' | 'md' | 'lg';\n\nexport type ResponsiveConfig<T> = {\n xs?: T;\n sm?: T;\n md?: T;\n lg?: T;\n};\n\nconst parseToNumberValue = (name: string) => {\n return parseInt(getBreakPointValue(name).replace('px', ''));\n}\n\n/**\n * Determines the current responsive breakpoint based on viewport width and pixel ratio\n * @returns The current breakpoint ('xs' | 'sm' | 'md' | 'lg')\n * \n */\nexport const getCurrentBreakpoint = (): ResponsiveBreakpoint => {\n const width = _viewPort.width;\n if (width >= parseToNumberValue('MIN_LARGE_DEVICE')) {\n return 'lg';\n } else if (width >= parseToNumberValue('MIN_MEDIUM_DEVICE')) {\n return 'md';\n } else if (width >= parseToNumberValue('MIN_SMALL_DEVICE')) {\n return 'sm';\n } else {\n return 'xs';\n }\n};\n\n/**\n * Gets responsive value for current breakpoint with safe mobile-first fallback\n * The fallback order is: current breakpoint -> smaller breakpoints -> xs (ultimate fallback)\n * \n * @param responsiveConfig Object containing values for each breakpoint (xs, sm, md, lg)\n * @param currentBreakpoint Current breakpoint (optional, will be auto-detected if not provided)\n * @returns The value for current breakpoint or fallback value\n * \n */\nexport const getNumberOfColumnsFromResponsiveConfig = (\n responsiveConfig: ResponsiveConfig<number>,\n currentBreakpoint?: ResponsiveBreakpoint,\n fallback: boolean = false\n): number => {\n const breakpoint = currentBreakpoint || getCurrentBreakpoint();\n\n let value = responsiveConfig[breakpoint];\n \n if (!value && fallback) {\n const fallbackOrder = ['lg', 'md', 'sm', 'xs'];\n const currentIndex = fallbackOrder.indexOf(breakpoint);\n \n for (let i = currentIndex - 1; i >= 0; i--) {\n const fallbackBreakpoint = fallbackOrder[i] as keyof typeof responsiveConfig;\n if (responsiveConfig[fallbackBreakpoint]) {\n value = responsiveConfig[fallbackBreakpoint];\n break;\n }\n }\n }\n \n return value ?? responsiveConfig.xs ?? 1;\n};\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,YAAY;AAClC,SAASC,kBAAkB,QAAQ,iBAAiB;AAWpD,MAAMC,kBAAkB,GAAIC,IAAY,IAAK;EAC3C,OAAOC,QAAQ,CAACH,kBAAkB,CAACE,IAAI,CAAC,CAACE,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;AAC7D,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,oBAAoB,GAAGA,CAAA,KAA4B;EAC9D,MAAMC,KAAK,GAAGP,SAAS,CAACO,KAAK;EAC7B,IAAIA,KAAK,IAAIL,kBAAkB,CAAC,kBAAkB,CAAC,EAAE;IACnD,OAAO,IAAI;EACb,CAAC,MAAM,IAAIK,KAAK,IAAIL,kBAAkB,CAAC,mBAAmB,CAAC,EAAE;IAC3D,OAAO,IAAI;EACb,CAAC,MAAM,IAAIK,KAAK,IAAIL,kBAAkB,CAAC,kBAAkB,CAAC,EAAE;IAC1D,OAAO,IAAI;EACb,CAAC,MAAM;IACL,OAAO,IAAI;EACb;AACF,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMM,sCAAsC,GAAGA,CACpDC,gBAA0C,EAC1CC,iBAAwC,EACxCC,QAAiB,GAAG,KAAK,KACd;EAAA,IAAAC,IAAA;EACX,MAAMC,UAAU,GAAGH,iBAAiB,IAAIJ,oBAAoB,CAAC,CAAC;EAE9D,IAAIQ,KAAK,GAAGL,gBAAgB,CAACI,UAAU,CAAC;EAExC,IAAI,CAACC,KAAK,IAAIH,QAAQ,EAAE;IACtB,MAAMI,aAAa,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;IAC9C,MAAMC,YAAY,GAAGD,aAAa,CAACE,OAAO,CAACJ,UAAU,CAAC;IAEtD,KAAK,IAAIK,CAAC,GAAGF,YAAY,GAAG,CAAC,EAAEE,CAAC,IAAI,CAAC,EAAEA,CAAC,EAAE,EAAE;MAC1C,MAAMC,kBAAkB,GAAGJ,aAAa,CAACG,CAAC,CAAkC;MAC5E,IAAIT,gBAAgB,CAACU,kBAAkB,CAAC,EAAE;QACxCL,KAAK,GAAGL,gBAAgB,CAACU,kBAAkB,CAAC;QAC5C;MACF;IACF;EACF;EAEA,QAAAP,IAAA,GAAOE,KAAK,aAALA,KAAK,cAALA,KAAK,GAAIL,gBAAgB,CAACW,EAAE,cAAAR,IAAA,cAAAA,IAAA,GAAI,CAAC;AAC1C,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { createContext } from 'react';
|
|
2
|
+
const ScreenCaptureProtectionContext = /*#__PURE__*/createContext(null);
|
|
3
|
+
export const ScreenCaptureProtectionProvider = ScreenCaptureProtectionContext.Provider;
|
|
4
|
+
export const ScreenCaptureProtectionConsumer = ScreenCaptureProtectionContext.Consumer;
|
|
5
|
+
//# sourceMappingURL=screen-capture-protection.service.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["createContext","ScreenCaptureProtectionContext","ScreenCaptureProtectionProvider","Provider","ScreenCaptureProtectionConsumer","Consumer"],"sources":["screen-capture-protection.service.ts"],"sourcesContent":["import React, { createContext } from 'react';\n\nexport interface ScreenCaptureProtectionContextType {\n enableProtection: () => void;\n disableProtection: () => void;\n}\n\nconst ScreenCaptureProtectionContext = createContext<ScreenCaptureProtectionContextType | null>(null);\n\nexport const ScreenCaptureProtectionProvider = ScreenCaptureProtectionContext.Provider;\nexport const ScreenCaptureProtectionConsumer = ScreenCaptureProtectionContext.Consumer;"],"mappings":"AAAA,SAAgBA,aAAa,QAAQ,OAAO;AAO5C,MAAMC,8BAA8B,gBAAGD,aAAa,CAA4C,IAAI,CAAC;AAErG,OAAO,MAAME,+BAA+B,GAAGD,8BAA8B,CAACE,QAAQ;AACtF,OAAO,MAAMC,+BAA+B,GAAGH,8BAA8B,CAACI,QAAQ","ignoreList":[]}
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
import { Platform } from 'react-native';
|
|
2
|
+
import * as SecureStore from 'expo-secure-store';
|
|
3
|
+
import { StorageService } from './storage.service';
|
|
4
|
+
export class SecureStorageService extends StorageService {
|
|
5
|
+
async getItem(key, callback) {
|
|
6
|
+
if (Platform.OS === 'web') {
|
|
7
|
+
return super.getItem(key, callback);
|
|
8
|
+
}
|
|
9
|
+
try {
|
|
10
|
+
const value = await SecureStore.getItemAsync(this.getKey(key));
|
|
11
|
+
callback === null || callback === void 0 || callback(null, value);
|
|
12
|
+
return value;
|
|
13
|
+
} catch (error) {
|
|
14
|
+
console.error('Error getting secure item:', error);
|
|
15
|
+
callback === null || callback === void 0 || callback(error, null);
|
|
16
|
+
return null;
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
async setItem(key, value, callback) {
|
|
20
|
+
if (Platform.OS === 'web') {
|
|
21
|
+
return super.setItem(key, value, callback);
|
|
22
|
+
}
|
|
23
|
+
try {
|
|
24
|
+
await SecureStore.setItemAsync(this.getKey(key), value);
|
|
25
|
+
callback === null || callback === void 0 || callback(null);
|
|
26
|
+
} catch (error) {
|
|
27
|
+
console.error('Error setting secure item:', error);
|
|
28
|
+
callback === null || callback === void 0 || callback(error);
|
|
29
|
+
throw error;
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
async removeItem(key, callback) {
|
|
33
|
+
if (Platform.OS === 'web') {
|
|
34
|
+
return super.removeItem(key, callback);
|
|
35
|
+
}
|
|
36
|
+
try {
|
|
37
|
+
await SecureStore.deleteItemAsync(this.getKey(key));
|
|
38
|
+
callback === null || callback === void 0 || callback(null);
|
|
39
|
+
} catch (error) {
|
|
40
|
+
console.error('Error removing secure item:', error);
|
|
41
|
+
callback === null || callback === void 0 || callback(error);
|
|
42
|
+
throw error;
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
async isSecureStorageAvailable() {
|
|
46
|
+
if (Platform.OS === 'web') return false;
|
|
47
|
+
try {
|
|
48
|
+
return await SecureStore.isAvailableAsync();
|
|
49
|
+
} catch {
|
|
50
|
+
return false;
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
export default new SecureStorageService();
|
|
55
|
+
//# sourceMappingURL=secure-storage.service.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["Platform","SecureStore","StorageService","SecureStorageService","getItem","key","callback","OS","value","getItemAsync","getKey","error","console","setItem","setItemAsync","removeItem","deleteItemAsync","isSecureStorageAvailable","isAvailableAsync"],"sources":["secure-storage.service.ts"],"sourcesContent":["import { Platform } from 'react-native';\nimport * as SecureStore from 'expo-secure-store';\nimport { StorageService } from './storage.service';\n\nexport class SecureStorageService extends StorageService {\n async getItem(key: string, callback?: (error?: Error | null, result?: string | null) => void): Promise<string | null> {\n if (Platform.OS === 'web') {\n return super.getItem(key, callback);\n }\n try {\n const value = await SecureStore.getItemAsync(this.getKey(key));\n callback?.(null, value);\n return value;\n } catch (error) {\n console.error('Error getting secure item:', error);\n callback?.(error as Error, null);\n return null;\n }\n }\n\n async setItem(key: string, value: string, callback?: (error?: Error | null) => void): Promise<void> {\n if (Platform.OS === 'web') {\n return super.setItem(key, value, callback);\n }\n try {\n await SecureStore.setItemAsync(this.getKey(key), value);\n callback?.(null);\n } catch (error) {\n console.error('Error setting secure item:', error);\n callback?.(error as Error);\n throw error;\n }\n }\n\n async removeItem(key: string, callback?: (error?: Error | null) => void): Promise<void> {\n if (Platform.OS === 'web') {\n return super.removeItem(key, callback);\n }\n try {\n await SecureStore.deleteItemAsync(this.getKey(key));\n callback?.(null);\n } catch (error) {\n console.error('Error removing secure item:', error);\n callback?.(error as Error);\n throw error;\n }\n }\n\n async isSecureStorageAvailable(): Promise<boolean> {\n if (Platform.OS === 'web') return false;\n try {\n return await SecureStore.isAvailableAsync();\n } catch {\n return false;\n }\n }\n}\n\nexport default new SecureStorageService();\n"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,cAAc;AACvC,OAAO,KAAKC,WAAW,MAAM,mBAAmB;AAChD,SAASC,cAAc,QAAQ,mBAAmB;AAElD,OAAO,MAAMC,oBAAoB,SAASD,cAAc,CAAC;EACvD,MAAME,OAAOA,CAACC,GAAW,EAAEC,QAAiE,EAA0B;IACpH,IAAIN,QAAQ,CAACO,EAAE,KAAK,KAAK,EAAE;MACzB,OAAO,KAAK,CAACH,OAAO,CAACC,GAAG,EAAEC,QAAQ,CAAC;IACrC;IACA,IAAI;MACF,MAAME,KAAK,GAAG,MAAMP,WAAW,CAACQ,YAAY,CAAC,IAAI,CAACC,MAAM,CAACL,GAAG,CAAC,CAAC;MAC9DC,QAAQ,aAARA,QAAQ,eAARA,QAAQ,CAAG,IAAI,EAAEE,KAAK,CAAC;MACvB,OAAOA,KAAK;IACd,CAAC,CAAC,OAAOG,KAAK,EAAE;MACdC,OAAO,CAACD,KAAK,CAAC,4BAA4B,EAAEA,KAAK,CAAC;MAClDL,QAAQ,aAARA,QAAQ,eAARA,QAAQ,CAAGK,KAAK,EAAW,IAAI,CAAC;MAChC,OAAO,IAAI;IACb;EACF;EAEA,MAAME,OAAOA,CAACR,GAAW,EAAEG,KAAa,EAAEF,QAAyC,EAAiB;IAClG,IAAIN,QAAQ,CAACO,EAAE,KAAK,KAAK,EAAE;MACzB,OAAO,KAAK,CAACM,OAAO,CAACR,GAAG,EAAEG,KAAK,EAAEF,QAAQ,CAAC;IAC5C;IACA,IAAI;MACF,MAAML,WAAW,CAACa,YAAY,CAAC,IAAI,CAACJ,MAAM,CAACL,GAAG,CAAC,EAAEG,KAAK,CAAC;MACvDF,QAAQ,aAARA,QAAQ,eAARA,QAAQ,CAAG,IAAI,CAAC;IAClB,CAAC,CAAC,OAAOK,KAAK,EAAE;MACdC,OAAO,CAACD,KAAK,CAAC,4BAA4B,EAAEA,KAAK,CAAC;MAClDL,QAAQ,aAARA,QAAQ,eAARA,QAAQ,CAAGK,KAAc,CAAC;MAC1B,MAAMA,KAAK;IACb;EACF;EAEA,MAAMI,UAAUA,CAACV,GAAW,EAAEC,QAAyC,EAAiB;IACtF,IAAIN,QAAQ,CAACO,EAAE,KAAK,KAAK,EAAE;MACzB,OAAO,KAAK,CAACQ,UAAU,CAACV,GAAG,EAAEC,QAAQ,CAAC;IACxC;IACA,IAAI;MACF,MAAML,WAAW,CAACe,eAAe,CAAC,IAAI,CAACN,MAAM,CAACL,GAAG,CAAC,CAAC;MACnDC,QAAQ,aAARA,QAAQ,eAARA,QAAQ,CAAG,IAAI,CAAC;IAClB,CAAC,CAAC,OAAOK,KAAK,EAAE;MACdC,OAAO,CAACD,KAAK,CAAC,6BAA6B,EAAEA,KAAK,CAAC;MACnDL,QAAQ,aAARA,QAAQ,eAARA,QAAQ,CAAGK,KAAc,CAAC;MAC1B,MAAMA,KAAK;IACb;EACF;EAEA,MAAMM,wBAAwBA,CAAA,EAAqB;IACjD,IAAIjB,QAAQ,CAACO,EAAE,KAAK,KAAK,EAAE,OAAO,KAAK;IACvC,IAAI;MACF,OAAO,MAAMN,WAAW,CAACiB,gBAAgB,CAAC,CAAC;IAC7C,CAAC,CAAC,MAAM;MACN,OAAO,KAAK;IACd;EACF;AACF;AAEA,eAAe,IAAIf,oBAAoB,CAAC,CAAC","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["AsyncStorage","StorageService","constructor","_defineProperty","getKey","key","target","getItem","callback","setItem","value","removeItem","getAll","keys","getAllKeys","entries","Promise","all","map","k","v","o","forEach","e"],"sources":["storage.service.ts"],"sourcesContent":["import AsyncStorage from '@react-native-async-storage/async-storage';\n\nexport class StorageService {\n public target = 'GLOBAL';\n\n
|
|
1
|
+
{"version":3,"names":["AsyncStorage","StorageService","constructor","_defineProperty","getKey","key","target","getItem","callback","setItem","value","removeItem","getAll","keys","getAllKeys","entries","Promise","all","map","k","v","o","forEach","e"],"sources":["storage.service.ts"],"sourcesContent":["import AsyncStorage from '@react-native-async-storage/async-storage';\n\nexport class StorageService {\n public target = 'GLOBAL';\n\n protected getKey(key: string) {\n return `${this.target}_${key}`;\n }\n \n getItem(key: string, callback?: (error?: Error | null, result?: string | null) => void): Promise<string | null> {\n return AsyncStorage.getItem(this.getKey(key), callback);\n }\n setItem(key: string, value: string, callback?: (error?: Error | null) => void): Promise<void> {\n return AsyncStorage.setItem(this.getKey(key), value, callback);\n }\n removeItem(key: string, callback?: (error?: Error | null) => void): Promise<void> {\n return AsyncStorage.removeItem(this.getKey(key), callback);\n }\n\n async getAll() {\n const keys = await AsyncStorage.getAllKeys();\n const entries = await Promise.all(keys.map(async k => {\n const v = await AsyncStorage.getItem(k);\n return {\n key: k,\n value: v\n };\n }));\n const o = {} as any;\n entries.forEach((e) => {\n o[e.key] = e.value;\n });\n return o;\n }\n}\n\nexport default new StorageService();\n"],"mappings":";;;AAAA,OAAOA,YAAY,MAAM,2CAA2C;AAEpE,OAAO,MAAMC,cAAc,CAAC;EAAAC,YAAA;IAAAC,eAAA,iBACV,QAAQ;EAAA;EAEdC,MAAMA,CAACC,GAAW,EAAE;IAC5B,OAAO,GAAG,IAAI,CAACC,MAAM,IAAID,GAAG,EAAE;EAChC;EAEAE,OAAOA,CAACF,GAAW,EAAEG,QAAiE,EAA0B;IAC9G,OAAOR,YAAY,CAACO,OAAO,CAAC,IAAI,CAACH,MAAM,CAACC,GAAG,CAAC,EAAEG,QAAQ,CAAC;EACzD;EACAC,OAAOA,CAACJ,GAAW,EAAEK,KAAa,EAAEF,QAAyC,EAAiB;IAC5F,OAAOR,YAAY,CAACS,OAAO,CAAC,IAAI,CAACL,MAAM,CAACC,GAAG,CAAC,EAAEK,KAAK,EAAEF,QAAQ,CAAC;EAChE;EACAG,UAAUA,CAACN,GAAW,EAAEG,QAAyC,EAAiB;IAChF,OAAOR,YAAY,CAACW,UAAU,CAAC,IAAI,CAACP,MAAM,CAACC,GAAG,CAAC,EAAEG,QAAQ,CAAC;EAC5D;EAEA,MAAMI,MAAMA,CAAA,EAAG;IACb,MAAMC,IAAI,GAAG,MAAMb,YAAY,CAACc,UAAU,CAAC,CAAC;IAC5C,MAAMC,OAAO,GAAG,MAAMC,OAAO,CAACC,GAAG,CAACJ,IAAI,CAACK,GAAG,CAAC,MAAMC,CAAC,IAAI;MACpD,MAAMC,CAAC,GAAG,MAAMpB,YAAY,CAACO,OAAO,CAACY,CAAC,CAAC;MACvC,OAAO;QACLd,GAAG,EAAEc,CAAC;QACNT,KAAK,EAAEU;MACT,CAAC;IACH,CAAC,CAAC,CAAC;IACH,MAAMC,CAAC,GAAG,CAAC,CAAQ;IACnBN,OAAO,CAACO,OAAO,CAAEC,CAAC,IAAK;MACrBF,CAAC,CAACE,CAAC,CAAClB,GAAG,CAAC,GAAGkB,CAAC,CAACb,KAAK;IACpB,CAAC,CAAC;IACF,OAAOW,CAAC;EACV;AACF;AAEA,eAAe,IAAIpB,cAAc,CAAC,CAAC","ignoreList":[]}
|
|
@@ -152,18 +152,18 @@ export class View extends React.Component {
|
|
|
152
152
|
console.log("🚀 ~ View ~ goToLower ~ bounds:", bounds);
|
|
153
153
|
this.setPosition(bounds.lower).then(() => {
|
|
154
154
|
if (!isNil(bounds.lower) && bounds.center !== bounds.lower) {
|
|
155
|
-
var _this$props$handlers9, _this$props$
|
|
156
|
-
((_this$props$handlers9 = this.props.handlers) === null || _this$props$handlers9 === void 0 ? void 0 : _this$props$handlers9.onLower) && ((_this$props$
|
|
155
|
+
var _this$props$handlers9, _this$props$handlers0;
|
|
156
|
+
((_this$props$handlers9 = this.props.handlers) === null || _this$props$handlers9 === void 0 ? void 0 : _this$props$handlers9.onLower) && ((_this$props$handlers0 = this.props.handlers) === null || _this$props$handlers0 === void 0 ? void 0 : _this$props$handlers0.onLower(e));
|
|
157
157
|
}
|
|
158
158
|
});
|
|
159
159
|
}
|
|
160
160
|
goToUpper(e) {
|
|
161
|
-
var _this$props$
|
|
162
|
-
const bounds = ((_this$props$
|
|
161
|
+
var _this$props$handlers1, _this$props$handlers10;
|
|
162
|
+
const bounds = ((_this$props$handlers1 = this.props.handlers) === null || _this$props$handlers1 === void 0 ? void 0 : _this$props$handlers1.bounds) && ((_this$props$handlers10 = this.props.handlers) === null || _this$props$handlers10 === void 0 ? void 0 : _this$props$handlers10.bounds(e)) || {};
|
|
163
163
|
this.setPosition(bounds.upper).then(() => {
|
|
164
164
|
if (!isNil(bounds.upper) && bounds.center !== bounds.upper) {
|
|
165
|
-
var _this$props$
|
|
166
|
-
((_this$props$
|
|
165
|
+
var _this$props$handlers11, _this$props$handlers12;
|
|
166
|
+
((_this$props$handlers11 = this.props.handlers) === null || _this$props$handlers11 === void 0 ? void 0 : _this$props$handlers11.onUpper) && ((_this$props$handlers12 = this.props.handlers) === null || _this$props$handlers12 === void 0 ? void 0 : _this$props$handlers12.onUpper(e));
|
|
167
167
|
}
|
|
168
168
|
});
|
|
169
169
|
}
|