@wavemaker-ai/app-rn-runtime 1.0.0-next.27766

package/components-prism/basic/search/search.component.js

@@ -0,0 +1,206 @@
+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); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import React from 'react';
+import { Platform, Text, TextInput, View } from 'react-native';
+import { ScrollView } from 'react-native-gesture-handler';
+import { get, isNull } from 'lodash';
+import WmSearchProps from './search.props';
+import { DEFAULT_CLASS } from './search.styles';
+import CoreWmSearch, { WmSearchState as CoreWmSearchState } from '@wavemaker-ai/app-rn-runtime/components/basic/search/search.component';
+import { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker-ai/app-rn-runtime/core/accessibility';
+import WmIcon from '@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.component';
+import { AssetProvider } from '@wavemaker-ai/app-rn-runtime/core/asset.provider';
+import { createSkeleton } from '@wavemaker-ai/app-rn-runtime/components/basic/skeleton/skeleton.component';
+import OutsidePressHandler from '@wavemaker-ai/app-rn-runtime/core/outside-press-handler';
+export class WmSearchState extends CoreWmSearchState {}
+function isIconClass(val) {
+  return typeof val === 'string' && val.length > 0 && val !== 'false' && val !== 'null' && val !== 'undefined';
+}
+export default class WmSearch extends CoreWmSearch {
+  constructor(props, defaultClass = DEFAULT_CLASS, defaultProps = new WmSearchProps(), defaultState = new WmSearchState()) {
+    super(props, defaultClass, defaultProps, defaultState);
+    _defineProperty(this, "searchInputHeight", 0);
+    _defineProperty(this, "showPopover", () => {
+      this.updateState({
+        isOpened: true
+      });
+    });
+    _defineProperty(this, "hide", () => {
+      if (this.state.isOpened) {
+        this.updateState({
+          isOpened: false
+        });
+      }
+    });
+  }
+  handleLeadingIconPress() {
+    this.invokeEventCallback('onLeadingiconclick', [this.proxy]);
+  }
+  handleBackIconPress() {
+    this.updateState({
+      props: {
+        query: ''
+      },
+      dataItems: this.state.dataItems ? this.state.dataItems.map(item => {
+        item.selected = false;
+        return item;
+      }) : []
+    });
+    this.hide();
+  }
+  searchIconPress() {
+    const query = this.state.props.query || '';
+    if (this.state.props.searchon === 'onsearchiconclick') {
+      this.updateFilteredData(query);
+      if (query && this.styles.modal.display !== 'none') {
+        this.showPopover && this.showPopover();
+      }
+    } else {
+      this.isFocused = false;
+      this.onItemSelect(this.state.data[0]);
+    }
+    if (get(this.props, 'formfield')) {
+      var _this$props$invokeEve, _this$props;
+      (_this$props$invokeEve = (_this$props = this.props).invokeEvent) === null || _this$props$invokeEve === void 0 || _this$props$invokeEve.call(_this$props, 'onSubmit', [null, this]);
+    } else {
+      this.invokeEventCallback('onSubmit', [null, this]);
+    }
+    this.isFocused = false;
+  }
+  renderSkeleton(props) {
+    var _this$styles$root, _this$styles$root2;
+    return createSkeleton(this.theme, this.styles.skeleton, {
+      ...this.styles.root,
+      width: props.skeletonwidth || ((_this$styles$root = this.styles.root) === null || _this$styles$root === void 0 ? void 0 : _this$styles$root.width),
+      height: props.skeletonheight || ((_this$styles$root2 = this.styles.root) === null || _this$styles$root2 === void 0 ? void 0 : _this$styles$root2.height)
+    });
+  }
+  updateFilteredData(queryText = '') {
+    super.updateFilteredData(queryText);
+    if (this.isFocused && queryText && this.styles.modal.display !== 'none' && !this.state.isOpened) {
+      this.showPopover && this.showPopover();
+    }
+  }
+  renderDropdownContent(props, filteredData) {
+    const items = filteredData.map((item, index) => {
+      if (props.limit && index + 1 > props.limit) return null;
+      return this.renderSearchItem(item, index);
+    });
+    if (filteredData.length === 0) {
+      return /*#__PURE__*/React.createElement(View, {
+        style: {
+          width: '100%'
+        }
+      }, /*#__PURE__*/React.createElement(View, {
+        style: this.styles.dropDownContent
+      }, /*#__PURE__*/React.createElement(View, {
+        style: this.styles.searchItem
+      }, /*#__PURE__*/React.createElement(Text, null, props.noresultsfoundmessage))));
+    }
+    return /*#__PURE__*/React.createElement(View, {
+      style: {
+        width: '100%'
+      }
+    }, /*#__PURE__*/React.createElement(AssetProvider, {
+      value: this.loadAsset
+    }, props.scrollablesearchresults ? /*#__PURE__*/React.createElement(ScrollView, {
+      contentContainerStyle: this.styles.dropDownContent,
+      showsVerticalScrollIndicator: false
+    }, items) : /*#__PURE__*/React.createElement(View, {
+      style: this.styles.dropDownContent
+    }, items)));
+  }
+  renderWidget(props) {
+    var _this$styles$placehol;
+    const isOpened = this.state.isOpened;
+    const filteredData = this.state.data || [];
+    const isDropdownVisible = isOpened;
+    const hasLeadingIcon = isIconClass(props.leadingiconclass);
+    const hasBackSearchIcon = isIconClass(props.backsearchiconclass);
+    const hasSearchIcon = isIconClass(props.searchiconclass);
+    const hasClearSearchIcon = isIconClass(props.clearsearchiconclass);
+    const query = this.state.props.query || '';
+    const isSearchOnIconClick = props.searchon === 'onsearchiconclick';
+    const showBackIcon = (isDropdownVisible || this.isFocused) && hasBackSearchIcon;
+    const showLeadingIcon = hasLeadingIcon && !showBackIcon;
+    const showClearIcon = hasClearSearchIcon && props.showclear && !!query && (isSearchOnIconClick ? isDropdownVisible : true);
+    const showSearchIcon = !showClearIcon && !isDropdownVisible && hasSearchIcon && props.showSearchIcon !== false;
+    const showTrailingIcon = showSearchIcon || showClearIcon;
+    let inputOpts = {};
+    const valueExpr = Platform.OS === 'web' ? 'value' : 'defaultValue';
+    inputOpts[valueExpr] = query;
+    return /*#__PURE__*/React.createElement(View, {
+      style: this.theme.mergeStyle(this.styles.rootWrapper, isDropdownVisible ? this.styles.rootWrapperDropdownOpen : null)
+    }, /*#__PURE__*/React.createElement(OutsidePressHandler, {
+      onOutsidePress: () => this.hide()
+    }, /*#__PURE__*/React.createElement(View, {
+      style: [this.styles.root, isDropdownVisible ? {
+        borderBottomLeftRadius: 0,
+        borderBottomRightRadius: 0
+      } : null, !this.state.isValid ? this.styles.invalid : null],
+      ref: ref => {
+        this.view = ref;
+      },
+      onLayout: e => {
+        const {
+          width,
+          height
+        } = e.nativeEvent.layout;
+        this.searchInputWidth = width;
+        this.searchInputHeight = height;
+      }
+    }, /*#__PURE__*/React.createElement(TextInput, _extends({}, this.getTestPropsForInput(), getAccessibilityProps(AccessibilityWidgetType.SEARCH, props), {
+      ref: ref => {
+        this.widgetRef = ref;
+        // @ts-ignore
+        if (ref && !isNull(ref.selectionStart) && !isNull(ref.selectionEnd)) {
+          // @ts-ignore
+          ref.selectionStart = ref.selectionEnd = this.cursor;
+        }
+      },
+      style: [this.styles.text, Platform.OS === 'web' ? this.styles.inputWeb : null, showLeadingIcon || showBackIcon ? this.styles.inputWithLeadingIcon : null, showTrailingIcon ? this.styles.inputWithTrailingIcon : null],
+      placeholder: props.placeholder || 'Search',
+      placeholderTextColor: (_this$styles$placehol = this.styles.placeholderText) === null || _this$styles$placehol === void 0 ? void 0 : _this$styles$placehol.color,
+      autoFocus: props.autofocus,
+      editable: !(props.disabled || props.readonly),
+      autoComplete: "off",
+      autoCorrect: false,
+      autoCapitalize: "none",
+      onChangeText: this.onChange.bind(this),
+      onChange: this.invokeChange.bind(this),
+      onFocus: this.onFocus.bind(this),
+      onBlur: this.onBlur.bind(this)
+    }, inputOpts)), (showLeadingIcon || showBackIcon) && /*#__PURE__*/React.createElement(View, {
+      style: [this.styles.iconWrapper, {
+        left: 4
+      }]
+    }, /*#__PURE__*/React.createElement(WmIcon, {
+      styles: this.styles.leadingIcon,
+      id: this.getTestId(showBackIcon ? 'backicon' : 'leadingicon'),
+      iconclass: showBackIcon ? props.backsearchiconclass : props.leadingiconclass,
+      iconsize: 24,
+      onTap: showBackIcon ? this.handleBackIconPress.bind(this) : this.handleLeadingIconPress.bind(this),
+      disabled: !showBackIcon && (props.disabled || props.readonly)
+    })), showTrailingIcon && /*#__PURE__*/React.createElement(View, {
+      style: [this.styles.iconWrapper, {
+        right: 4
+      }]
+    }, /*#__PURE__*/React.createElement(WmIcon, {
+      styles: this.styles.trailingIcon,
+      id: this.getTestId(showClearIcon ? 'clear' : 'search'),
+      iconclass: showClearIcon ? props.clearsearchiconclass : props.searchiconclass,
+      iconsize: 24,
+      onTap: showClearIcon ? this.clearSearch.bind(this) : this.searchIconPress.bind(this),
+      disabled: !showClearIcon && (props.disabled || props.readonly)
+    })), isDropdownVisible ? /*#__PURE__*/React.createElement(View, {
+      style: this.theme.mergeStyle(this.styles.modalContent, this.styles.dropdownContainer, this.searchInputWidth ? {
+        width: this.searchInputWidth
+      } : null, this.searchInputHeight ? {
+        top: this.searchInputHeight
+      } : null)
+    }, this.renderDropdownContent(props, filteredData)) : null)));
+  }
+}
+//# sourceMappingURL=search.component.js.map

package/components-prism/basic/search/search.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Platform","Text","TextInput","View","ScrollView","get","isNull","WmSearchProps","DEFAULT_CLASS","CoreWmSearch","WmSearchState","CoreWmSearchState","AccessibilityWidgetType","getAccessibilityProps","WmIcon","AssetProvider","createSkeleton","OutsidePressHandler","isIconClass","val","length","WmSearch","constructor","props","defaultClass","defaultProps","defaultState","_defineProperty","updateState","isOpened","state","handleLeadingIconPress","invokeEventCallback","proxy","handleBackIconPress","query","dataItems","map","item","selected","hide","searchIconPress","searchon","updateFilteredData","styles","modal","display","showPopover","isFocused","onItemSelect","data","_this$props$invokeEve","_this$props","invokeEvent","call","renderSkeleton","_this$styles$root","_this$styles$root2","theme","skeleton","root","width","skeletonwidth","height","skeletonheight","queryText","renderDropdownContent","filteredData","items","index","limit","renderSearchItem","createElement","style","dropDownContent","searchItem","noresultsfoundmessage","value","loadAsset","scrollablesearchresults","contentContainerStyle","showsVerticalScrollIndicator","renderWidget","_this$styles$placehol","isDropdownVisible","hasLeadingIcon","leadingiconclass","hasBackSearchIcon","backsearchiconclass","hasSearchIcon","searchiconclass","hasClearSearchIcon","clearsearchiconclass","isSearchOnIconClick","showBackIcon","showLeadingIcon","showClearIcon","showclear","showSearchIcon","showTrailingIcon","inputOpts","valueExpr","OS","mergeStyle","rootWrapper","rootWrapperDropdownOpen","onOutsidePress","borderBottomLeftRadius","borderBottomRightRadius","isValid","invalid","ref","view","onLayout","e","nativeEvent","layout","searchInputWidth","searchInputHeight","_extends","getTestPropsForInput","SEARCH","widgetRef","selectionStart","selectionEnd","cursor","text","inputWeb","inputWithLeadingIcon","inputWithTrailingIcon","placeholder","placeholderTextColor","placeholderText","color","autoFocus","autofocus","editable","disabled","readonly","autoComplete","autoCorrect","autoCapitalize","onChangeText","onChange","bind","invokeChange","onFocus","onBlur","iconWrapper","left","leadingIcon","id","getTestId","iconclass","iconsize","onTap","right","trailingIcon","clearSearch","modalContent","dropdownContainer","top"],"sources":["search.component.tsx"],"sourcesContent":["import React from 'react';\nimport { DimensionValue, Platform, Text, TextInput, View } from 'react-native';\nimport { ScrollView } from 'react-native-gesture-handler';\nimport { get, isNull } from 'lodash';\n\nimport WmSearchProps from './search.props';\nimport { DEFAULT_CLASS } from './search.styles';\nimport CoreWmSearch, { WmSearchState as CoreWmSearchState } from '@wavemaker-ai/app-rn-runtime/components/basic/search/search.component';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker-ai/app-rn-runtime/core/accessibility';\nimport WmIcon from '@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.component';\nimport { AssetProvider } from '@wavemaker-ai/app-rn-runtime/core/asset.provider';\nimport { createSkeleton } from '@wavemaker-ai/app-rn-runtime/components/basic/skeleton/skeleton.component';\nimport OutsidePressHandler from '@wavemaker-ai/app-rn-runtime/core/outside-press-handler';\nexport class WmSearchState extends CoreWmSearchState {\n}\n\nfunction isIconClass(val: any): boolean {\n  return typeof val === 'string' && val.length > 0 && val !== 'false' && val !== 'null' && val !== 'undefined';\n}\n\nexport default class WmSearch extends (CoreWmSearch as any) {\n\n  private searchInputHeight = 0;\n\n  constructor(\n    props: WmSearchProps,\n    defaultClass: string = DEFAULT_CLASS,\n    defaultProps: WmSearchProps = new WmSearchProps(),\n    defaultState: WmSearchState = new WmSearchState(),\n  ) {\n    super(props, defaultClass, defaultProps, defaultState);\n  }\n\n  private handleLeadingIconPress() {\n    this.invokeEventCallback('onLeadingiconclick', [this.proxy]);\n  }\n\n  private handleBackIconPress() {\n    this.updateState({\n      props: { query: '' },\n      dataItems: this.state.dataItems\n        ? this.state.dataItems.map((item: any) => { item.selected = false; return item; })\n        : [],\n    } as WmSearchState);\n    this.hide();\n  }\n\n  searchIconPress() {\n    const query = this.state.props.query || '';\n\n    if (this.state.props.searchon === 'onsearchiconclick') {\n      this.updateFilteredData(query);\n      if (query && this.styles.modal.display !== 'none') {\n        this.showPopover && this.showPopover();\n      }\n    } else {\n      this.isFocused = false;\n      this.onItemSelect(this.state.data[0]);\n    }\n\n    if (get(this.props, 'formfield')) {\n      this.props.invokeEvent?.('onSubmit', [null, this]);\n    } else {\n      this.invokeEventCallback('onSubmit', [null, this]);\n    }\n    this.isFocused = false;\n  }\n\n  public renderSkeleton(props: WmSearchProps): React.ReactNode {\n    return createSkeleton(this.theme, this.styles.skeleton, {\n      ...this.styles.root,\n      width: (props.skeletonwidth || this.styles.root?.width) as DimensionValue,\n      height: (props.skeletonheight || this.styles.root?.height) as DimensionValue,\n    });\n  }\n\n  updateFilteredData(queryText: string = '') {\n    super.updateFilteredData(queryText);\n\n    if (this.isFocused && queryText && this.styles.modal.display !== 'none' && !this.state.isOpened) {\n      this.showPopover && this.showPopover();\n    }\n  }\n\n  public showPopover = () => {\n    this.updateState({ isOpened: true } as WmSearchState);\n  };\n\n  public hide = () => {\n    if (this.state.isOpened) {\n      this.updateState({ isOpened: false } as WmSearchState);\n    }\n  };\n\n  renderDropdownContent(props: WmSearchProps, filteredData: any[]) {\n    const items = filteredData.map((item: any, index: number) => {\n      if (props.limit && index + 1 > props.limit) return null;\n      return this.renderSearchItem(item, index);\n    });\n    if (filteredData.length === 0) {\n      return (\n        <View style={{ width: '100%' }}>\n          <View style={this.styles.dropDownContent}>\n            <View style={this.styles.searchItem}>\n              <Text>\n                {props.noresultsfoundmessage}\n              </Text>\n            </View>\n          </View>\n        </View>\n      );\n    }\n    return (\n      <View style={{ width: '100%' }}>\n        <AssetProvider value={this.loadAsset}>\n          {props.scrollablesearchresults ? (\n            <ScrollView\n              contentContainerStyle={this.styles.dropDownContent}\n              showsVerticalScrollIndicator={false}\n            >\n              {items}\n            </ScrollView>\n          ) : (\n            <View style={this.styles.dropDownContent}>\n              {items}\n            </View>\n          )}\n        </AssetProvider>\n      </View>\n    );\n  }\n\n  renderWidget(props: WmSearchProps) {\n    const isOpened = this.state.isOpened;\n    const filteredData = this.state.data || [];\n    const isDropdownVisible = isOpened;\n\n    const hasLeadingIcon = isIconClass(props.leadingiconclass);\n    const hasBackSearchIcon = isIconClass(props.backsearchiconclass);\n    const hasSearchIcon = isIconClass(props.searchiconclass);\n    const hasClearSearchIcon = isIconClass(props.clearsearchiconclass);\n    const query = this.state.props.query || '';\n    const isSearchOnIconClick = props.searchon === 'onsearchiconclick';\n\n   \n    const showBackIcon = (isDropdownVisible || this.isFocused) && hasBackSearchIcon;\n    const showLeadingIcon = hasLeadingIcon && !showBackIcon;\n\n    const showClearIcon = hasClearSearchIcon && props.showclear && !!query &&\n      (isSearchOnIconClick ? isDropdownVisible : true);\n    const showSearchIcon = !showClearIcon && !isDropdownVisible && hasSearchIcon && props.showSearchIcon !== false;\n    const showTrailingIcon = showSearchIcon || showClearIcon;\n\n    let inputOpts: any = {};\n    const valueExpr = Platform.OS === 'web' ? 'value' : 'defaultValue';\n    inputOpts[valueExpr] = query;\n    return (\n      <View\n        style={this.theme.mergeStyle(\n          this.styles.rootWrapper,\n          isDropdownVisible ? this.styles.rootWrapperDropdownOpen : null\n        )}\n      >\n        <OutsidePressHandler\n          onOutsidePress={() => this.hide()}\n        >\n        <View\n          style={[\n            this.styles.root,\n            isDropdownVisible ? { borderBottomLeftRadius: 0, borderBottomRightRadius: 0 } : null,\n            !this.state.isValid ? this.styles.invalid : null,\n          ]}\n          ref={(ref: any) => { this.view = ref; }}\n          onLayout={(e: any) => {\n            const { width, height } = e.nativeEvent.layout;\n            this.searchInputWidth = width;\n            this.searchInputHeight = height;\n          }}\n        >\n          <TextInput\n            {...this.getTestPropsForInput()}\n            {...getAccessibilityProps(AccessibilityWidgetType.SEARCH, props)}\n            ref={(ref: any) => {\n              this.widgetRef = ref;\n              // @ts-ignore\n              if (ref && !isNull(ref.selectionStart) && !isNull(ref.selectionEnd)) {\n                // @ts-ignore\n                ref.selectionStart = ref.selectionEnd = this.cursor;\n              }\n            }}\n            style={[\n              this.styles.text,\n              Platform.OS === 'web' ? this.styles.inputWeb : null,\n              (showLeadingIcon || showBackIcon) ? this.styles.inputWithLeadingIcon : null,\n              showTrailingIcon ? this.styles.inputWithTrailingIcon : null,\n            ]}\n            placeholder={props.placeholder || 'Search'}\n            placeholderTextColor={this.styles.placeholderText?.color as any}\n            autoFocus={props.autofocus}\n            editable={!(props.disabled || props.readonly)}\n            autoComplete=\"off\"\n            autoCorrect={false}\n            autoCapitalize=\"none\"\n            onChangeText={this.onChange.bind(this)}\n            onChange={this.invokeChange.bind(this)}\n            onFocus={this.onFocus.bind(this)}\n            onBlur={this.onBlur.bind(this)}\n            {...inputOpts}\n          />\n        {(showLeadingIcon || showBackIcon) && (\n        <View style={[\n          this.styles.iconWrapper, \n          { left: 4 }]}>\n          <WmIcon\n            styles={this.styles.leadingIcon}\n            id={this.getTestId(showBackIcon ? 'backicon' : 'leadingicon')}\n            iconclass={showBackIcon\n              ? props.backsearchiconclass\n              : props.leadingiconclass\n            }\n            iconsize={24}\n            onTap={showBackIcon\n              ? this.handleBackIconPress.bind(this)\n              : this.handleLeadingIconPress.bind(this)\n            }\n            disabled={!showBackIcon && (props.disabled || props.readonly)}\n          />\n        </View>\n      )}\n       {showTrailingIcon && (\n        <View style={[this.styles.iconWrapper,\n         { right: 4 }]}>\n          <WmIcon\n            styles={this.styles.trailingIcon}\n            id={this.getTestId(showClearIcon ? 'clear' : 'search')}\n            iconclass={showClearIcon\n              ? props.clearsearchiconclass\n              : props.searchiconclass\n            }\n            iconsize={24}\n            onTap={showClearIcon\n              ? this.clearSearch.bind(this)\n              : this.searchIconPress.bind(this)\n            }\n            disabled={!showClearIcon && (props.disabled || props.readonly)}\n          />\n        </View>\n      )}\n     \n\n        {isDropdownVisible ? (\n          <View\n            style={this.theme.mergeStyle(\n              this.styles.modalContent,\n              this.styles.dropdownContainer,\n              this.searchInputWidth ? { width: this.searchInputWidth } : null,\n              this.searchInputHeight ? { top: this.searchInputHeight } : null,\n            )}\n          >\n            {this.renderDropdownContent(props, filteredData)}\n          </View>\n        ) : null}\n        </View>\n        </OutsidePressHandler>\n      </View>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/components-prism/basic/search/search.props.js

@@ -0,0 +1,14 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import WmSearchPropsBase from '@wavemaker-ai/app-rn-runtime/components/basic/search/search.props';
+export default class WmSearchProps extends WmSearchPropsBase {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "leadingiconclass", void 0);
+    _defineProperty(this, "backsearchiconclass", void 0);
+    _defineProperty(this, "scrollablesearchresults", true);
+    _defineProperty(this, "noresultsfoundmessage", 'No results found');
+  }
+}
+//# sourceMappingURL=search.props.js.map

package/components-prism/basic/search/search.props.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["WmSearchPropsBase","WmSearchProps","constructor","args","_defineProperty"],"sources":["search.props.ts"],"sourcesContent":["import WmSearchPropsBase from '@wavemaker-ai/app-rn-runtime/components/basic/search/search.props';\n\nexport default class WmSearchProps extends WmSearchPropsBase {\n  leadingiconclass?: string;\n  backsearchiconclass?: string;\n  scrollablesearchresults?: boolean = true;\n  noresultsfoundmessage?: string = 'No results found';\n}\n"],"mappings":";;;AAAA,OAAOA,iBAAiB,MAAM,mEAAmE;AAEjG,eAAe,MAAMC,aAAa,SAASD,iBAAiB,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA;IAAAA,eAAA;IAAAA,eAAA,kCAGvB,IAAI;IAAAA,eAAA,gCACP,kBAAkB;EAAA;AACrD","ignoreList":[]}

package/components-prism/basic/search/search.styles.js

@@ -0,0 +1,127 @@
+import '@wavemaker-ai/app-rn-runtime/components/basic/search/search.styles';
+import { Platform } from 'react-native';
+import BASE_THEME from '@wavemaker-ai/app-rn-runtime/styles/theme';
+import { defineStyles } from '@wavemaker-ai/app-rn-runtime/core/base.component';
+export const DEFAULT_CLASS = 'app-search';
+const M3_ICON_TOUCH_SIZE = 48;
+const M3_ICON_SIZE = 24;
+const M3_DROPDOWN_MAX_HEIGHT = 320;
+const m3Elevation1 = Platform.select({
+  ios: {
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 1
+    },
+    shadowOpacity: 0.15,
+    shadowRadius: 3
+  },
+  android: {
+    elevation: 1
+  },
+  default: {}
+});
+const m3Elevation2 = Platform.select({
+  ios: {
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 2
+    },
+    shadowOpacity: 0.15,
+    shadowRadius: 6
+  },
+  android: {
+    elevation: 3
+  },
+  default: {}
+});
+BASE_THEME.registerStyle((themeVariables, addStyle) => {
+  const prismSearchLayout = defineStyles({
+    rootWrapper: {
+      position: 'relative'
+    },
+    rootWrapperDropdownOpen: {
+      zIndex: 10
+    },
+    root: {
+      ...m3Elevation1
+    },
+    text: {},
+    inputWeb: {
+      outline: 'none',
+      boxShadow: 'none'
+    },
+    leadingIcon: {
+      root: {
+        width: M3_ICON_TOUCH_SIZE,
+        height: M3_ICON_TOUCH_SIZE,
+        justifyContent: 'center',
+        alignItems: 'center'
+      },
+      icon: {
+        fontSize: M3_ICON_SIZE
+      },
+      text: {}
+    },
+    trailingIcon: {
+      root: {
+        width: M3_ICON_TOUCH_SIZE,
+        height: M3_ICON_TOUCH_SIZE,
+        justifyContent: 'center',
+        alignItems: 'center'
+      },
+      icon: {
+        fontSize: M3_ICON_SIZE
+      },
+      text: {}
+    },
+    inputWithLeadingIcon: {
+      paddingLeft: 52
+    },
+    inputWithTrailingIcon: {
+      paddingRight: 52
+    },
+    iconWrapper: {
+      position: 'absolute',
+      top: 0,
+      bottom: 0,
+      justifyContent: 'center',
+      pointerEvents: 'box-none'
+    },
+    modalContent: {
+      position: 'absolute'
+    },
+    dropdownContainer: {
+      position: 'absolute',
+      left: 0,
+      zIndex: 999,
+      maxHeight: M3_DROPDOWN_MAX_HEIGHT,
+      overflow: 'hidden',
+      ...m3Elevation2,
+      ...(Platform.OS === 'android' ? {
+        elevation: 8
+      } : {})
+    },
+    searchItem: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 12
+    }
+  });
+  addStyle(DEFAULT_CLASS, '', prismSearchLayout);
+  addStyle(DEFAULT_CLASS + '-disabled', '', {
+    root: {
+      opacity: 0.38
+    }
+  });
+  addStyle(DEFAULT_CLASS + '-rtl', '', {
+    root: {
+      flexDirection: 'row-reverse'
+    },
+    searchItem: {
+      flexDirection: 'row-reverse'
+    }
+  });
+});
+//# sourceMappingURL=search.styles.js.map

package/components-prism/basic/search/search.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Platform","BASE_THEME","defineStyles","DEFAULT_CLASS","M3_ICON_TOUCH_SIZE","M3_ICON_SIZE","M3_DROPDOWN_MAX_HEIGHT","m3Elevation1","select","ios","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","android","elevation","default","m3Elevation2","registerStyle","themeVariables","addStyle","prismSearchLayout","rootWrapper","position","rootWrapperDropdownOpen","zIndex","root","text","inputWeb","outline","boxShadow","leadingIcon","justifyContent","alignItems","icon","fontSize","trailingIcon","inputWithLeadingIcon","paddingLeft","inputWithTrailingIcon","paddingRight","iconWrapper","top","bottom","pointerEvents","modalContent","dropdownContainer","left","maxHeight","overflow","OS","searchItem","flexDirection","gap","opacity"],"sources":["search.styles.ts"],"sourcesContent":["import '@wavemaker-ai/app-rn-runtime/components/basic/search/search.styles';\n\nimport { Platform } from 'react-native';\nimport BASE_THEME, {\n  AllStyle,\n} from '@wavemaker-ai/app-rn-runtime/styles/theme';\nimport { defineStyles } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport { WmIconStyles } from '@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.styles';\nimport { WmSearchStyles } from '@wavemaker-ai/app-rn-runtime/components/basic/search/search.styles';\n\nexport type WmSearchPrismStyles = WmSearchStyles & {\n  inputWeb: AllStyle;\n  leadingIcon: WmIconStyles;\n  trailingIcon: WmIconStyles;\n  iconWrapper: AllStyle;\n  inputWithLeadingIcon: AllStyle;\n  inputWithTrailingIcon: AllStyle;\n  dropdownContainer: AllStyle;\n  rootWrapperDropdownOpen: AllStyle;\n  rootWrapper: AllStyle;\n};\n\nexport const DEFAULT_CLASS = 'app-search';\n\nconst M3_ICON_TOUCH_SIZE = 48;\nconst M3_ICON_SIZE = 24;\nconst M3_DROPDOWN_MAX_HEIGHT = 320;\n\nconst m3Elevation1 = Platform.select({\n  ios: {\n    shadowColor: '#000',\n    shadowOffset: { width: 0, height: 1 },\n    shadowOpacity: 0.15,\n    shadowRadius: 3,\n  },\n  android: { elevation: 1 },\n  default: {},\n}) as AllStyle;\n\nconst m3Elevation2 = Platform.select({\n  ios: {\n    shadowColor: '#000',\n    shadowOffset: { width: 0, height: 2 },\n    shadowOpacity: 0.15,\n    shadowRadius: 6,\n  },\n  android: { elevation: 3 },\n  default: {},\n}) as AllStyle;\n\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const prismSearchLayout = defineStyles({\n    rootWrapper: {\n      position: 'relative',\n    },\n    rootWrapperDropdownOpen: {\n      zIndex: 10,\n    },\n    root: {\n      ...m3Elevation1,\n    },\n    text: {},\n    inputWeb: {\n      outline: 'none',\n      boxShadow: 'none',\n    },\n    leadingIcon: {\n      root: {\n        width: M3_ICON_TOUCH_SIZE,\n        height: M3_ICON_TOUCH_SIZE,\n        justifyContent: 'center',\n        alignItems: 'center',\n      },\n      icon: { fontSize: M3_ICON_SIZE },\n      text: {},\n    } as WmIconStyles,\n    trailingIcon: {\n      root: {\n        width: M3_ICON_TOUCH_SIZE,\n        height: M3_ICON_TOUCH_SIZE,\n        justifyContent: 'center',\n        alignItems: 'center',\n      },\n      icon: { fontSize: M3_ICON_SIZE },\n      text: {},\n    } as WmIconStyles,\n    inputWithLeadingIcon: {\n      paddingLeft: 52,\n    },\n    inputWithTrailingIcon: {\n      paddingRight: 52,\n    },\n    iconWrapper: {\n      position: 'absolute',\n      top: 0,\n      bottom: 0,\n      justifyContent: 'center',\n      pointerEvents: 'box-none',\n    },\n    modalContent: {\n      position: 'absolute',\n    },\n    dropdownContainer: {\n      position: 'absolute',\n      left: 0,\n      zIndex: 999,\n      maxHeight: M3_DROPDOWN_MAX_HEIGHT,\n      overflow: 'hidden',\n      ...m3Elevation2,\n      ...(Platform.OS === 'android' ? { elevation: 8 } : {}),\n    },\n    searchItem: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      gap: 12,\n    },\n  }) as any;\n\n  addStyle(DEFAULT_CLASS, '', prismSearchLayout);\n\n  addStyle(DEFAULT_CLASS + '-disabled', '', {\n    root: {\n      opacity: 0.38,\n    },\n  });\n\n  addStyle(DEFAULT_CLASS + '-rtl', '', {\n    root: {\n      flexDirection: 'row-reverse',\n    },\n    searchItem: {\n      flexDirection: 'row-reverse',\n    },\n  });\n});\n"],"mappings":"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","ignoreList":[]}

package/components-prism/data/list/list-template/list-template.styles.js

@@ -0,0 +1,27 @@
+import '@wavemaker-ai/app-rn-runtime/components/data/list/list-template/list-template.styles';
+import BASE_THEME from '@wavemaker-ai/app-rn-runtime/styles/theme';
+export const DEFAULT_CLASS = 'app-list-template';
+BASE_THEME.registerStyle((themeVariables, addStyle) => {
+  addStyle(DEFAULT_CLASS, '', {
+    root: {},
+    skeleton: {
+      root: {
+        backgroundColor: themeVariables.skeletonBgColor,
+        paddingLeft: 10,
+        paddingRight: 10,
+        paddingTop: 16,
+        paddingBottom: 16,
+        flex: 1
+      }
+    }
+  });
+  addStyle('vertical-list-template', '', {
+    root: {}
+  });
+  addStyle('horizontal-list-template', '', {
+    root: {
+      marginRight: 6
+    }
+  });
+});
+//# sourceMappingURL=list-template.styles.js.map

package/components-prism/data/list/list-template/list-template.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BASE_THEME","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","root","skeleton","backgroundColor","skeletonBgColor","paddingLeft","paddingRight","paddingTop","paddingBottom","flex","marginRight"],"sources":["list-template.styles.ts"],"sourcesContent":["import '@wavemaker-ai/app-rn-runtime/components/data/list/list-template/list-template.styles';\n\nimport BASE_THEME from '@wavemaker-ai/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport { WmSkeletonStyles } from '@wavemaker-ai/app-rn-runtime/components/basic/skeleton/skeleton.styles';\n\nexport type WmListTemplateStyles = BaseStyles & {\n    skeleton: WmSkeletonStyles;\n};\n\nexport const DEFAULT_CLASS = 'app-list-template';\n\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    addStyle(DEFAULT_CLASS, '', {\n        root: {\n        },\n        skeleton: {\n            root: {\n                backgroundColor: themeVariables.skeletonBgColor,\n                paddingLeft: 10,\n                paddingRight: 10,\n                paddingTop: 16,\n                paddingBottom: 16,\n                flex: 1,\n            },\n        } as any as WmSkeletonStyles,\n    } as WmListTemplateStyles);\n\n    addStyle('vertical-list-template', '', {\n        root: {\n        },\n    } as any as WmListTemplateStyles);\n\n    addStyle('horizontal-list-template', '', {\n        root: {\n            marginRight: 6,\n        },\n    } as any as WmListTemplateStyles);\n});\n"],"mappings":"AAAA,OAAO,sFAAsF;AAE7F,OAAOA,UAAU,MAAM,2CAA2C;AAQlE,OAAO,MAAMC,aAAa,GAAG,mBAAmB;AAEhDD,UAAU,CAACE,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnDA,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAE;IACxBI,IAAI,EAAE,CACN,CAAC;IACDC,QAAQ,EAAE;MACND,IAAI,EAAE;QACFE,eAAe,EAAEJ,cAAc,CAACK,eAAe;QAC/CC,WAAW,EAAE,EAAE;QACfC,YAAY,EAAE,EAAE;QAChBC,UAAU,EAAE,EAAE;QACdC,aAAa,EAAE,EAAE;QACjBC,IAAI,EAAE;MACV;IACJ;EACJ,CAAyB,CAAC;EAE1BT,QAAQ,CAAC,wBAAwB,EAAE,EAAE,EAAE;IACnCC,IAAI,EAAE,CACN;EACJ,CAAgC,CAAC;EAEjCD,QAAQ,CAAC,0BAA0B,EAAE,EAAE,EAAE;IACrCC,IAAI,EAAE;MACFS,WAAW,EAAE;IACjB;EACJ,CAAgC,CAAC;AACrC,CAAC,CAAC","ignoreList":[]}

package/components-prism/input/slider/Thumb.js

@@ -0,0 +1,35 @@
+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); }
+import React from 'react';
+import { View } from "react-native";
+import { Pressable } from "react-native-gesture-handler";
+import Animated from "react-native-reanimated";
+import Color from "color";
+const AnimatedPressable = Animated.createAnimatedComponent(Pressable);
+export default function Thumb(props) {
+  var _styles$thumb;
+  const {
+    styles,
+    thumbStyle,
+    thumbTop,
+    thumbLeft,
+    disabled,
+    ...restProps
+  } = props;
+  const thumbBg = ((_styles$thumb = styles.thumb) === null || _styles$thumb === void 0 ? void 0 : _styles$thumb.backgroundColor) || '#65558F';
+  const rippleColor = Color(thumbBg).alpha(0.7).toString();
+  // TODO: highlight effect for iOS
+  return /*#__PURE__*/React.createElement(AnimatedPressable, _extends({}, restProps, {
+    style: [{
+      top: thumbTop,
+      left: thumbLeft
+    }, thumbStyle, styles.thumbWrapper],
+    android_ripple: {
+      foreground: true,
+      color: rippleColor
+    },
+    disabled: disabled
+  }), /*#__PURE__*/React.createElement(View, {
+    style: [styles.thumb, disabled ? styles.disabledThumb : {}]
+  }));
+}
+//# sourceMappingURL=Thumb.js.map

package/components-prism/input/slider/Thumb.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Pressable","Animated","Color","AnimatedPressable","createAnimatedComponent","Thumb","props","_styles$thumb","styles","thumbStyle","thumbTop","thumbLeft","disabled","restProps","thumbBg","thumb","backgroundColor","rippleColor","alpha","toString","createElement","_extends","style","top","left","thumbWrapper","android_ripple","foreground","color","disabledThumb"],"sources":["Thumb.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from \"react-native\";\nimport { Pressable } from \"react-native-gesture-handler\";\nimport Animated from \"react-native-reanimated\";\nimport Color from \"color\";\n\nconst AnimatedPressable = Animated.createAnimatedComponent(Pressable);\n\nexport default function Thumb(props: any) {\n  const { styles, thumbStyle, thumbTop, thumbLeft, disabled, ...restProps } = props;\n  const thumbBg = styles.thumb?.backgroundColor || '#65558F';\n  const rippleColor = Color(thumbBg).alpha(0.7).toString();\n  // TODO: highlight effect for iOS\n  return (\n    <AnimatedPressable\n      {...restProps}\n      style={[{ top: thumbTop, left: thumbLeft }, thumbStyle, styles.thumbWrapper]}\n      android_ripple={{\n        foreground: true,\n        color: rippleColor,\n      }}\n      disabled={disabled}\n    >\n      <View style={[styles.thumb, disabled ? styles.disabledThumb : {}]} />\n    </AnimatedPressable>\n  );\n}\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,SAAS,QAAQ,8BAA8B;AACxD,OAAOC,QAAQ,MAAM,yBAAyB;AAC9C,OAAOC,KAAK,MAAM,OAAO;AAEzB,MAAMC,iBAAiB,GAAGF,QAAQ,CAACG,uBAAuB,CAACJ,SAAS,CAAC;AAErE,eAAe,SAASK,KAAKA,CAACC,KAAU,EAAE;EAAA,IAAAC,aAAA;EACxC,MAAM;IAAEC,MAAM;IAAEC,UAAU;IAAEC,QAAQ;IAAEC,SAAS;IAAEC,QAAQ;IAAE,GAAGC;EAAU,CAAC,GAAGP,KAAK;EACjF,MAAMQ,OAAO,GAAG,EAAAP,aAAA,GAAAC,MAAM,CAACO,KAAK,cAAAR,aAAA,uBAAZA,aAAA,CAAcS,eAAe,KAAI,SAAS;EAC1D,MAAMC,WAAW,GAAGf,KAAK,CAACY,OAAO,CAAC,CAACI,KAAK,CAAC,GAAG,CAAC,CAACC,QAAQ,CAAC,CAAC;EACxD;EACA,oBACErB,KAAA,CAAAsB,aAAA,CAACjB,iBAAiB,EAAAkB,QAAA,KACZR,SAAS;IACbS,KAAK,EAAE,CAAC;MAAEC,GAAG,EAAEb,QAAQ;MAAEc,IAAI,EAAEb;IAAU,CAAC,EAAEF,UAAU,EAAED,MAAM,CAACiB,YAAY,CAAE;IAC7EC,cAAc,EAAE;MACdC,UAAU,EAAE,IAAI;MAChBC,KAAK,EAAEX;IACT,CAAE;IACFL,QAAQ,EAAEA;EAAS,iBAEnBd,KAAA,CAAAsB,aAAA,CAACrB,IAAI;IAACuB,KAAK,EAAE,CAACd,MAAM,CAACO,KAAK,EAAEH,QAAQ,GAAGJ,MAAM,CAACqB,aAAa,GAAG,CAAC,CAAC;EAAE,CAAE,CACnD,CAAC;AAExB","ignoreList":[]}

package/components-prism/input/slider/slider.component.js

@@ -0,0 +1,108 @@
+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); }
+import React from "react";
+import withSlider from "./withSlider";
+import { BaseDatasetComponent, BaseDatasetState } from "@wavemaker-ai/app-rn-runtime/components/input/basedataset/basedataset.component";
+import WmSliderProps from "./slider.props";
+import { DEFAULT_CLASS } from "./slider.styles";
+import { TextInput, View } from "react-native";
+import Animated from "react-native-reanimated";
+import { GestureDetector } from "react-native-gesture-handler";
+import Thumb from "./Thumb";
+export class WmSliderState extends BaseDatasetState {}
+const AnimatedTextInput = Animated.createAnimatedComponent(TextInput);
+class WmSlider extends BaseDatasetComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmSliderProps());
+  }
+  onPropertyChange(name, $new, $old) {
+    switch (name) {
+      case 'datavalue':
+        break;
+      default:
+        super.onPropertyChange(name, $new, $old);
+        break;
+    }
+  }
+  onSliderChange(newValue) {
+    const oldValue = this.state.props.datavalue;
+    this.updateState({
+      props: {
+        datavalue: newValue
+      }
+    });
+    if (this.props.onFieldChange) {
+      this.props.onFieldChange('datavalue', newValue, oldValue);
+    } else {
+      this.invokeEventCallback('onChange', [undefined, this.proxy, newValue, oldValue]);
+    }
+  }
+  renderWidget(props) {
+    const {
+      isDisabled,
+      isRange,
+      showmarkers,
+      showtooltip,
+      minSliderThumbPanGesture,
+      maxSliderThumbPanGesture,
+      sliderMinTrackStyle,
+      sliderRangeTrackStyle,
+      sliderMaxTrackStyle,
+      sliderMinThumbStyle,
+      sliderMaxThumbStyle,
+      minThumbValueText,
+      maxThumbValueText,
+      thumbMinValueTextStyle,
+      thumbMaxValueTextStyle,
+      renderMarker,
+      thumbTop,
+      thumbLeft
+    } = props.animatedSliderProps;
+    return /*#__PURE__*/React.createElement(View, _extends({
+      style: this.styles.root
+    }, this.getTestProps()), /*#__PURE__*/React.createElement(View, _extends({
+      style: this.styles.track
+    }, this.getTestProps('track')), isRange ? /*#__PURE__*/React.createElement(Animated.View, {
+      style: [this.styles.maximumTrack, sliderMinTrackStyle, isDisabled ? this.styles.disabledMaxTrack : {}]
+    }) : /*#__PURE__*/React.createElement(Animated.View, {
+      style: [this.styles.minimumTrack, sliderMinTrackStyle, isDisabled ? this.styles.disabledMinTrack : {}]
+    }), isRange && /*#__PURE__*/React.createElement(Animated.View, {
+      style: [this.styles.minimumTrack, sliderRangeTrackStyle, isDisabled ? this.styles.disabledRangeTrack : {}]
+    }), /*#__PURE__*/React.createElement(Animated.View, {
+      style: [this.styles.maximumTrack, sliderMaxTrackStyle, isDisabled ? this.styles.disabledMaxTrack : {}]
+    }), showmarkers && renderMarker(), /*#__PURE__*/React.createElement(GestureDetector, {
+      gesture: minSliderThumbPanGesture
+    }, /*#__PURE__*/React.createElement(Thumb, {
+      testID: this.getTestId('minThumb'),
+      thumbStyle: sliderMinThumbStyle,
+      thumbTop: thumbTop,
+      thumbLeft: thumbLeft,
+      disabled: isDisabled,
+      styles: this.styles
+    })), isRange && /*#__PURE__*/React.createElement(GestureDetector, {
+      gesture: maxSliderThumbPanGesture
+    }, /*#__PURE__*/React.createElement(Thumb, {
+      testID: this.getTestId('maxThumb'),
+      thumbStyle: sliderMaxThumbStyle,
+      thumbTop: thumbTop,
+      thumbLeft: thumbLeft,
+      disabled: isDisabled,
+      styles: this.styles
+    })), showtooltip && /*#__PURE__*/React.createElement(Animated.View, {
+      testID: this.getTestId('minTooltip'),
+      style: [this.styles.tooltip, thumbMinValueTextStyle]
+    }, /*#__PURE__*/React.createElement(AnimatedTextInput, {
+      animatedProps: minThumbValueText,
+      style: this.styles.tooltipLabel,
+      editable: false
+    })), isRange && showtooltip && /*#__PURE__*/React.createElement(Animated.View, {
+      testID: this.getTestId('maxTooltip'),
+      style: [this.styles.tooltip, thumbMaxValueTextStyle]
+    }, /*#__PURE__*/React.createElement(AnimatedTextInput, {
+      animatedProps: maxThumbValueText,
+      style: this.styles.tooltipLabel,
+      editable: false
+    }))));
+  }
+}
+export default withSlider(WmSlider);
+//# sourceMappingURL=slider.component.js.map

package/components-prism/input/slider/slider.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","withSlider","BaseDatasetComponent","BaseDatasetState","WmSliderProps","DEFAULT_CLASS","TextInput","View","Animated","GestureDetector","Thumb","WmSliderState","AnimatedTextInput","createAnimatedComponent","WmSlider","constructor","props","onPropertyChange","name","$new","$old","onSliderChange","newValue","oldValue","state","datavalue","updateState","onFieldChange","invokeEventCallback","undefined","proxy","renderWidget","isDisabled","isRange","showmarkers","showtooltip","minSliderThumbPanGesture","maxSliderThumbPanGesture","sliderMinTrackStyle","sliderRangeTrackStyle","sliderMaxTrackStyle","sliderMinThumbStyle","sliderMaxThumbStyle","minThumbValueText","maxThumbValueText","thumbMinValueTextStyle","thumbMaxValueTextStyle","renderMarker","thumbTop","thumbLeft","animatedSliderProps","createElement","_extends","style","styles","root","getTestProps","track","maximumTrack","disabledMaxTrack","minimumTrack","disabledMinTrack","disabledRangeTrack","gesture","testID","getTestId","thumbStyle","disabled","tooltip","animatedProps","tooltipLabel","editable"],"sources":["slider.component.tsx"],"sourcesContent":["import React from \"react\";\nimport withSlider from \"./withSlider\";\nimport { BaseDatasetComponent, BaseDatasetState } from \"@wavemaker-ai/app-rn-runtime/components/input/basedataset/basedataset.component\";\nimport WmSliderProps from \"./slider.props\";\nimport { DEFAULT_CLASS, WmSliderStyles } from \"./slider.styles\";\nimport { TextInput, View } from \"react-native\";\nimport Animated from \"react-native-reanimated\";\nimport { GestureDetector } from \"react-native-gesture-handler\";\nimport Thumb from \"./Thumb\";\n\nexport class WmSliderState extends BaseDatasetState<WmSliderProps> {}\n\nconst AnimatedTextInput = Animated.createAnimatedComponent(TextInput);\n\nclass WmSlider extends BaseDatasetComponent<WmSliderProps, WmSliderState, WmSliderStyles> {\n  constructor(props: WmSliderProps) {\n    super(props, DEFAULT_CLASS, new WmSliderProps());\n  }\n\n  onPropertyChange(name: string, $new: any, $old: any) {\n    switch (name) {\n      case 'datavalue':\n        break;\n      default:\n        super.onPropertyChange(name, $new, $old);\n        break;\n    }\n  }\n\n  onSliderChange(newValue: any) {\n    const oldValue = this.state.props.datavalue;\n    this.updateState({\n      props: {\n        datavalue: newValue,\n      },\n    } as WmSliderState);\n\n    if (this.props.onFieldChange) {\n      this.props.onFieldChange('datavalue', newValue, oldValue);\n    } else {\n      this.invokeEventCallback('onChange', [undefined, this.proxy, newValue, oldValue]);\n    }\n  }\n\n  renderWidget(props: WmSliderProps & { animatedSliderProps: any }) {\n    const {\n      isDisabled,\n      isRange,\n      showmarkers,\n      showtooltip,\n      minSliderThumbPanGesture,\n      maxSliderThumbPanGesture,\n      sliderMinTrackStyle,\n      sliderRangeTrackStyle,\n      sliderMaxTrackStyle,\n      sliderMinThumbStyle,\n      sliderMaxThumbStyle,\n      minThumbValueText,\n      maxThumbValueText,\n      thumbMinValueTextStyle,\n      thumbMaxValueTextStyle,\n      renderMarker,\n      thumbTop,\n      thumbLeft,\n    } = props.animatedSliderProps;\n    return (\n      <View style={this.styles.root} {...this.getTestProps()}>\n        <View style={this.styles.track} {...this.getTestProps('track')}>\n          {isRange ? (\n            <Animated.View\n              style={[\n                this.styles.maximumTrack,\n                sliderMinTrackStyle,\n                isDisabled ? this.styles.disabledMaxTrack : {},\n              ]}\n            />\n          ) : (\n            <Animated.View\n              style={[\n                this.styles.minimumTrack,\n                sliderMinTrackStyle,\n                isDisabled ? this.styles.disabledMinTrack : {},\n              ]}\n            />\n          )}\n          {isRange && (\n            <Animated.View\n              style={[\n                this.styles.minimumTrack,\n                sliderRangeTrackStyle,\n                isDisabled ? this.styles.disabledRangeTrack : {},\n              ]}\n            />\n          )}\n          <Animated.View\n            style={[\n              this.styles.maximumTrack,\n              sliderMaxTrackStyle,\n              isDisabled ? this.styles.disabledMaxTrack : {},\n            ]}\n          />\n          {showmarkers && renderMarker()}\n          <GestureDetector gesture={minSliderThumbPanGesture}>\n            <Thumb testID={this.getTestId('minThumb')} thumbStyle={sliderMinThumbStyle} thumbTop={thumbTop} thumbLeft={thumbLeft} disabled={isDisabled} styles={this.styles} />\n          </GestureDetector>\n          {isRange && (\n            <GestureDetector gesture={maxSliderThumbPanGesture}>\n              <Thumb\n                testID={this.getTestId('maxThumb')}\n                thumbStyle={sliderMaxThumbStyle}\n                thumbTop={thumbTop}\n                thumbLeft={thumbLeft}\n                disabled={isDisabled}\n                styles={this.styles}\n              />\n            </GestureDetector>\n          )}\n          {showtooltip && (\n            <Animated.View\n              testID={this.getTestId('minTooltip')}\n              style={[this.styles.tooltip, thumbMinValueTextStyle]}\n            >\n              <AnimatedTextInput\n                animatedProps={minThumbValueText}\n                style={this.styles.tooltipLabel}\n                editable={false}\n              />\n            </Animated.View>\n          )}\n          {(isRange && showtooltip) && (\n            <Animated.View\n              testID={this.getTestId('maxTooltip')}\n              style={[this.styles.tooltip, thumbMaxValueTextStyle]}\n            >\n              <AnimatedTextInput\n                animatedProps={maxThumbValueText}\n                style={this.styles.tooltipLabel}\n                editable={false}\n              />\n            </Animated.View>\n          )}\n        </View>\n      </View>\n    )\n  }\n}\n\nexport default withSlider(WmSlider);\n"],"mappings":"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","ignoreList":[]}