@wavemaker-ai/app-rn-runtime 1.0.0-rc.309

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

@@ -0,0 +1,171 @@
+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 { Platform, Text, TextInput, View } from 'react-native';
+import { ScrollView } from 'react-native-gesture-handler';
+import { isEmpty, 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 { ModalConsumer } from '@wavemaker-ai/app-rn-runtime/core/modal.service';
+import WmIcon from '@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.component';
+import WmPicture from '@wavemaker-ai/app-rn-runtime/components/basic/picture/picture.component';
+import { Tappable } from '@wavemaker-ai/app-rn-runtime/core/tappable.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';
+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);
+  }
+  handleLeadingIconPress() {
+    this.invokeEventCallback('onLeadingiconclick', [this.proxy]);
+  }
+  handleBackIconPress() {
+    this.hide();
+  }
+  handleTrailingIconPress() {
+    this.invokeEventCallback('onTrailingiconclick', [this.proxy]);
+  }
+  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)
+    });
+  }
+  renderSearchItem(item, index) {
+    const props = this.state.props;
+    const imageStyles = {
+      root: {
+        height: props.imagewidth,
+        width: props.imagewidth
+      }
+    };
+    return /*#__PURE__*/React.createElement(Tappable, _extends({
+      key: item.key || `${props.name}-item-${index}`,
+      onTap: this.onItemSelect.bind(this, item)
+    }, this.getTestProps(`action${index}`), {
+      disableTouchEffect: this.state.props.disabletoucheffect
+    }), /*#__PURE__*/React.createElement(View, {
+      style: this.styles.searchItem
+    }, !isEmpty(this.state.template) && this.props.renderitempartial ? this.props.renderitempartial(item.dataObject, index, this.state.template) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(WmPicture, {
+      id: this.getTestId(`picture${index}`),
+      styles: imageStyles,
+      name: props.name + '_image',
+      picturesource: item.imgSrc
+    }), /*#__PURE__*/React.createElement(Text, _extends({}, this.getTestPropsForLabel(index + ''), {
+      style: this.styles.searchItemText
+    }), item.displayexp || item.displayfield))));
+  }
+  renderDropdownContent(props, filteredData) {
+    const items = filteredData.map((item, index) => {
+      if (props.limit && index + 1 > props.limit) return null;
+      return this.renderSearchItem(item, index);
+    });
+    return /*#__PURE__*/React.createElement(View, {
+      style: {
+        width: '100%'
+      }
+    }, /*#__PURE__*/React.createElement(AssetProvider, {
+      value: this.loadAsset
+    }, props.scrollablesearchresults ? /*#__PURE__*/React.createElement(ScrollView, {
+      style: this.styles.dropdownScrollView,
+      contentContainerStyle: this.styles.dropDownContent,
+      showsVerticalScrollIndicator: false
+    }, items) : /*#__PURE__*/React.createElement(View, {
+      style: this.styles.dropDownContent
+    }, items)));
+  }
+  renderWidget(props) {
+    var _this$state$data$leng, _this$state$data, _this$styles$placehol;
+    const isOpened = this.state.isOpened;
+    const filteredData = this.state.data || [];
+    const hasResults = filteredData.length > 0;
+    const isDropdownVisible = isOpened && hasResults;
+    if (isOpened && !hasResults) {
+      setTimeout(() => this.hide(), 0);
+    }
+    const leadingIcon = props.leadingiconclass;
+    const hasLeadingIcon = isIconClass(leadingIcon);
+    const hasTrailingIcon = isIconClass(props.searchiconclass);
+    const isSearchType = props.type === 'search';
+    const showLeadingIcon = hasLeadingIcon && !isDropdownVisible;
+    const showBackIcon = hasLeadingIcon && isDropdownVisible;
+    const showSearchIcon = isSearchType && hasTrailingIcon && !isDropdownVisible;
+    const showClearIcon = isSearchType && hasTrailingIcon && isDropdownVisible;
+    let inputOpts = {};
+    const valueExpr = Platform.OS === 'web' ? 'value' : 'defaultValue';
+    inputOpts[valueExpr] = this.state.props.query || '';
+    const rootStyle = [this.styles.root, isDropdownVisible ? {
+      borderBottomLeftRadius: 0,
+      borderBottomRightRadius: 0
+    } : null];
+    return /*#__PURE__*/React.createElement(View, {
+      onLayout: event => this.handleLayout(event)
+    }, this._background, /*#__PURE__*/React.createElement(View, {
+      style: rootStyle,
+      ref: ref => {
+        this.view = ref;
+      },
+      onLayout: e => {
+        this.searchInputWidth = e.nativeEvent.layout.width;
+      }
+    }, /*#__PURE__*/React.createElement(View, {
+      style: [this.styles.searchInputWrapper, hasLeadingIcon ? this.styles.inputWithLeadingIcon : {}, hasTrailingIcon ? this.styles.inputWithTrailingIcon : {}]
+    }, /*#__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, this.state.isValid ? {} : this.styles.invalid, this.state.isOpened && ((_this$state$data$leng = (_this$state$data = this.state.data) === null || _this$state$data === void 0 ? void 0 : _this$state$data.length) !== null && _this$state$data$leng !== void 0 ? _this$state$data$leng : 0) > 0 ? this.styles.focusedText : null, this.styles.input, Platform.OS === 'web' ? this.styles.inputWeb : 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
+      }],
+      pointerEvents: "box-none"
+    }, /*#__PURE__*/React.createElement(WmIcon, {
+      styles: this.styles.leadingIcon,
+      id: this.getTestId(showBackIcon ? 'backicon' : 'leadingicon'),
+      iconclass: showBackIcon ? props.backsearchiconclass || 'wi wi-arrow-left' : leadingIcon,
+      iconsize: 24,
+      onTap: showBackIcon ? this.handleBackIconPress.bind(this) : this.handleLeadingIconPress.bind(this),
+      disabled: !showBackIcon && (props.disabled || props.readonly)
+    })), (showSearchIcon || showClearIcon || hasTrailingIcon && props.searchiconclass) && /*#__PURE__*/React.createElement(View, {
+      style: [this.styles.iconWrapper, {
+        right: 4
+      }],
+      pointerEvents: "box-none"
+    }, /*#__PURE__*/React.createElement(WmIcon, {
+      styles: this.styles.trailingIcon,
+      id: this.getTestId(showClearIcon ? 'clear' : showSearchIcon ? 'search' : 'trailingicon'),
+      iconclass: showClearIcon ? props.clearsearchiconclass || 'wi wi-clear' : props.searchiconclass || props.iconclass || 'wm-sl-l sl-search',
+      iconsize: 24,
+      onTap: showClearIcon ? this.clearSearch.bind(this) : showSearchIcon ? this.searchIconPress.bind(this) : this.handleTrailingIconPress.bind(this),
+      disabled: !showClearIcon && (props.disabled || props.readonly)
+    }))), isDropdownVisible ? /*#__PURE__*/React.createElement(ModalConsumer, null, modalService => {
+      modalService.showModal(this.prepareModalOptions(this.renderDropdownContent(props, filteredData), this.styles, modalService));
+      return null;
+    }) : 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","isEmpty","isNull","WmSearchProps","DEFAULT_CLASS","CoreWmSearch","WmSearchState","CoreWmSearchState","AccessibilityWidgetType","getAccessibilityProps","ModalConsumer","WmIcon","WmPicture","Tappable","AssetProvider","createSkeleton","isIconClass","val","length","WmSearch","constructor","props","defaultClass","defaultProps","defaultState","handleLeadingIconPress","invokeEventCallback","proxy","handleBackIconPress","hide","handleTrailingIconPress","renderSkeleton","_this$styles$root","_this$styles$root2","theme","styles","skeleton","root","width","skeletonwidth","height","skeletonheight","renderSearchItem","item","index","state","imageStyles","imagewidth","createElement","_extends","key","name","onTap","onItemSelect","bind","getTestProps","disableTouchEffect","disabletoucheffect","style","searchItem","template","renderitempartial","dataObject","Fragment","id","getTestId","picturesource","imgSrc","getTestPropsForLabel","searchItemText","displayexp","displayfield","renderDropdownContent","filteredData","items","map","limit","value","loadAsset","scrollablesearchresults","dropdownScrollView","contentContainerStyle","dropDownContent","showsVerticalScrollIndicator","renderWidget","_this$state$data$leng","_this$state$data","_this$styles$placehol","isOpened","data","hasResults","isDropdownVisible","setTimeout","leadingIcon","leadingiconclass","hasLeadingIcon","hasTrailingIcon","searchiconclass","isSearchType","type","showLeadingIcon","showBackIcon","showSearchIcon","showClearIcon","inputOpts","valueExpr","OS","query","rootStyle","borderBottomLeftRadius","borderBottomRightRadius","onLayout","event","handleLayout","_background","ref","view","e","searchInputWidth","nativeEvent","layout","searchInputWrapper","inputWithLeadingIcon","inputWithTrailingIcon","getTestPropsForInput","SEARCH","widgetRef","selectionStart","selectionEnd","cursor","text","isValid","invalid","focusedText","input","inputWeb","placeholder","placeholderTextColor","placeholderText","color","autoFocus","autofocus","editable","disabled","readonly","autoComplete","autoCorrect","autoCapitalize","onChangeText","onChange","invokeChange","onFocus","onBlur","iconWrapper","left","pointerEvents","iconclass","backsearchiconclass","iconsize","right","trailingIcon","clearsearchiconclass","clearSearch","searchIconPress","modalService","showModal","prepareModalOptions"],"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 { isEmpty, 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 { ModalConsumer, ModalService } from '@wavemaker-ai/app-rn-runtime/core/modal.service';\nimport WmIcon from '@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.component';\nimport WmPicture from '@wavemaker-ai/app-rn-runtime/components/basic/picture/picture.component';\nimport { Tappable } from '@wavemaker-ai/app-rn-runtime/core/tappable.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';\n\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  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.hide();\n  }\n\n  private handleTrailingIconPress() {\n    this.invokeEventCallback('onTrailingiconclick', [this.proxy]);\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  renderSearchItem(item: any, index: number) {\n    const props = this.state.props as WmSearchProps;\n    const imageStyles = { root: { height: props.imagewidth, width: props.imagewidth } };\n    return (\n      <Tappable\n        key={item.key || `${props.name}-item-${index}`}\n        onTap={this.onItemSelect.bind(this, item)}\n        {...this.getTestProps(`action${index}`)}\n        disableTouchEffect={this.state.props.disabletoucheffect}\n      >\n        <View style={this.styles.searchItem}>\n          {!isEmpty(this.state.template) && this.props.renderitempartial ? (\n            this.props.renderitempartial(item.dataObject, index, this.state.template)\n          ) : (\n            <>\n              <WmPicture\n                id={this.getTestId(`picture${index}`)}\n                styles={imageStyles}\n                name={props.name + '_image'}\n                picturesource={item.imgSrc}\n              />\n              <Text\n                {...this.getTestPropsForLabel(index + '')}\n                style={this.styles.searchItemText}\n              >\n                {item.displayexp || item.displayfield}\n              </Text>\n            </>\n          )}\n        </View>\n      </Tappable>\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\n    return (\n      <View style={{ width: '100%' }}>\n        <AssetProvider value={this.loadAsset}>\n          {props.scrollablesearchresults ? (\n            <ScrollView\n              style={this.styles.dropdownScrollView}\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 hasResults = filteredData.length > 0;\n    const isDropdownVisible = isOpened && hasResults;\n\n    if (isOpened && !hasResults) {\n      setTimeout(() => this.hide(), 0);\n    }\n\n    const leadingIcon = props.leadingiconclass;\n    const hasLeadingIcon = isIconClass(leadingIcon);\n    const hasTrailingIcon = isIconClass(props.searchiconclass);    \n    const isSearchType = props.type === 'search';\n    const showLeadingIcon = hasLeadingIcon && !isDropdownVisible;\n    const showBackIcon = hasLeadingIcon && isDropdownVisible;\n    const showSearchIcon = isSearchType && hasTrailingIcon && !isDropdownVisible;\n    const showClearIcon = isSearchType && hasTrailingIcon && isDropdownVisible;\n\n    let inputOpts: any = {};\n    const valueExpr = Platform.OS === 'web' ? 'value' : 'defaultValue';\n    inputOpts[valueExpr] = this.state.props.query || '';\n\n    const rootStyle = [\n      this.styles.root,\n      isDropdownVisible\n        ? { borderBottomLeftRadius: 0, borderBottomRightRadius: 0 }\n        : null,\n    ];\n\n    return (\n      <View\n        onLayout={(event: any) => this.handleLayout(event)}\n      >\n        {this._background}\n        <View\n          style={rootStyle}\n          ref={(ref: any) => { this.view = ref; }}\n          onLayout={(e: any) => { this.searchInputWidth = e.nativeEvent.layout.width; }}\n        >\n           <View style={[\n        this.styles.searchInputWrapper,\n        hasLeadingIcon ? this.styles.inputWithLeadingIcon : {},\n        hasTrailingIcon ? this.styles.inputWithTrailingIcon : {},\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                this.state.isValid ? {} : this.styles.invalid,\n                this.state.isOpened && (this.state.data?.length ?? 0) > 0\n                  ? this.styles.focusedText\n                  : null,\n                this.styles.input,\n                Platform.OS === 'web' ? this.styles.inputWeb : 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          </View>\n\n        {(showLeadingIcon || showBackIcon) && (\n        <View style={[this.styles.iconWrapper, { left: 4 }]} pointerEvents=\"box-none\">\n          <WmIcon\n            styles={this.styles.leadingIcon}\n            id={this.getTestId(showBackIcon ? 'backicon' : 'leadingicon')}\n            iconclass={showBackIcon\n              ? (props.backsearchiconclass || 'wi wi-arrow-left')\n              : leadingIcon\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       {(showSearchIcon || showClearIcon || (hasTrailingIcon && props.searchiconclass)) && (\n        <View style={[this.styles.iconWrapper, { right: 4 }]} pointerEvents=\"box-none\">\n          <WmIcon\n            styles={this.styles.trailingIcon}\n            id={this.getTestId(showClearIcon ? 'clear' : showSearchIcon ? 'search' : 'trailingicon')}\n            iconclass={\n              showClearIcon\n                ? (props.clearsearchiconclass || 'wi wi-clear')\n                : (props.searchiconclass || props.iconclass || 'wm-sl-l sl-search')\n            }\n            iconsize={24}\n            onTap={\n              showClearIcon\n                ? this.clearSearch.bind(this)\n                : showSearchIcon\n                  ? this.searchIconPress.bind(this)\n                  : this.handleTrailingIconPress.bind(this)\n            }\n            disabled={!showClearIcon && (props.disabled || props.readonly)}\n          />\n        </View>\n      )}\n        </View>\n\n        {isDropdownVisible ? (\n          <ModalConsumer>\n            {(modalService: ModalService) => {\n              modalService.showModal(\n                this.prepareModalOptions(\n                  this.renderDropdownContent(props, filteredData),\n                  this.styles,\n                  modalService\n                )\n              );\n              return null;\n            }}\n          </ModalConsumer>\n        ) : null}\n      </View>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,13 @@
+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);
+  }
+}
+//# 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}\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;EAAA;AAC1C","ignoreList":[]}

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

@@ -0,0 +1,115 @@
+import '@wavemaker-ai/app-rn-runtime/components/basic/search/search.styles';
+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';
+BASE_THEME.registerStyle((themeVariables, addStyle) => {
+  const prismSearchOverrides = defineStyles({
+    root: {
+      position: 'relative',
+      borderWidth: 1
+    },
+    inputWeb: {
+      outline: 'none',
+      boxShadow: 'none'
+    },
+    leadingIcon: {
+      root: {
+        width: 48,
+        height: 48,
+        justifyContent: 'center',
+        alignItems: 'center',
+        backgroundColor: 'transparent',
+        color: themeVariables.defaultColor4
+      },
+      icon: {
+        fontSize: 24
+      },
+      text: {}
+    },
+    trailingIcon: {
+      root: {
+        width: 48,
+        height: 48,
+        justifyContent: 'center',
+        alignItems: 'center',
+        backgroundColor: 'transparent',
+        color: themeVariables.defaultColor4
+      },
+      icon: {
+        fontSize: 24
+      },
+      text: {}
+    },
+    inputWithLeadingIcon: {
+      paddingLeft: 38
+    },
+    inputWithTrailingIcon: {
+      paddingRight: 38
+    },
+    iconWrapper: {
+      position: 'absolute',
+      top: 0,
+      bottom: 0,
+      justifyContent: 'center'
+    },
+    modalContent: {
+      borderWidth: 0,
+      borderTopLeftRadius: 0,
+      borderTopRightRadius: 0,
+      borderBottomLeftRadius: 28,
+      borderBottomRightRadius: 28,
+      overflow: 'hidden'
+    },
+    dropDownContent: {
+      width: '100%'
+    },
+    dropdownScrollView: {
+      width: '100%',
+      maxHeight: 200
+    },
+    dropdownContainer: {
+      position: 'absolute',
+      top: 56,
+      width: '100%',
+      minHeight: 48,
+      borderTopLeftRadius: 0,
+      borderTopRightRadius: 0,
+      borderBottomLeftRadius: 28,
+      borderBottomRightRadius: 28,
+      overflow: 'hidden'
+    },
+    searchItem: {
+      gap: 12,
+      paddingHorizontal: 16,
+      paddingVertical: 12
+    },
+    searchItemText: {
+      color: themeVariables.searchItemTextColor
+    },
+    searchItemImage: {
+      width: 24,
+      height: 24,
+      borderRadius: 12
+    },
+    skeleton: {
+      root: {
+        borderRadius: 28
+      }
+    }
+  });
+  addStyle(DEFAULT_CLASS, '', prismSearchOverrides);
+  addStyle(DEFAULT_CLASS + '-disabled', '', {
+    root: {
+      opacity: 0.5
+    }
+  });
+  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":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","prismSearchOverrides","root","position","borderWidth","inputWeb","outline","boxShadow","leadingIcon","width","height","justifyContent","alignItems","backgroundColor","color","defaultColor4","icon","fontSize","text","trailingIcon","inputWithLeadingIcon","paddingLeft","inputWithTrailingIcon","paddingRight","iconWrapper","top","bottom","modalContent","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","overflow","dropDownContent","dropdownScrollView","maxHeight","dropdownContainer","minHeight","searchItem","gap","paddingHorizontal","paddingVertical","searchItemText","searchItemTextColor","searchItemImage","borderRadius","skeleton","opacity","flexDirection"],"sources":["search.styles.ts"],"sourcesContent":["import '@wavemaker-ai/app-rn-runtime/components/basic/search/search.styles';\n\nimport { DimensionValue, TextStyle } 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  input: AllStyle;\n  inputWeb: AllStyle;\n  leadingIcon: WmIconStyles;\n  trailingIcon: WmIconStyles;\n  dropdownScrollView: AllStyle;\n  iconWrapper: AllStyle; \n  inputWithLeadingIcon: AllStyle; \n  inputWithTrailingIcon: AllStyle;\n  dropdownContainer: AllStyle;\n  searchItemImage: AllStyle;\n};\n\nexport const DEFAULT_CLASS = 'app-search';\n\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const prismSearchOverrides = defineStyles({\n    root: {\n      position: 'relative',\n      borderWidth: 1\n    },\n    inputWeb: {\n      outline: 'none',\n      boxShadow: 'none',\n    },\n    leadingIcon: {\n      root: {\n        width: 48,\n        height: 48,\n        justifyContent: 'center',\n        alignItems: 'center',\n        backgroundColor: 'transparent',\n        color: themeVariables.defaultColor4,\n      },\n      icon: { fontSize: 24 },\n      text: {},\n    } as WmIconStyles,\n    trailingIcon: {\n      root: {\n        width: 48,\n        height: 48,\n        justifyContent: 'center',\n        alignItems: 'center',\n        backgroundColor: 'transparent',\n        color: themeVariables.defaultColor4,\n      },\n      icon: { fontSize: 24 },\n      text: {},\n    } as WmIconStyles,\n    inputWithLeadingIcon: {\n      paddingLeft: 38,\n    },\n    inputWithTrailingIcon: {\n      paddingRight: 38,\n    },\n    iconWrapper: {\n      position: 'absolute',\n      top: 0,\n      bottom: 0,\n      justifyContent: 'center'\n    },\n\n    modalContent: {\n      borderWidth: 0,\n      borderTopLeftRadius: 0,\n      borderTopRightRadius: 0,\n      borderBottomLeftRadius: 28,\n      borderBottomRightRadius: 28,\n      overflow: 'hidden'\n    },\n    dropDownContent: {\n      width: '100%',\n    },\n    dropdownScrollView: {\n      width: '100%',\n      maxHeight: 200,\n    },\n    dropdownContainer: {\n      position: 'absolute',\n      top: 56,\n      width: '100%',\n      minHeight: 48,\n      borderTopLeftRadius: 0,\n      borderTopRightRadius: 0,\n      borderBottomLeftRadius: 28,\n      borderBottomRightRadius: 28,\n      overflow: 'hidden',\n    },\n    searchItem: {\n      gap: 12,\n      paddingHorizontal: 16,\n      paddingVertical: 12,\n    },\n    searchItemText: {\n      color: themeVariables.searchItemTextColor,\n    },\n    searchItemImage: {\n      width: 24,\n      height: 24,\n      borderRadius: 12,\n    },\n    skeleton: {\n      root: {\n        borderRadius: 28,\n      },\n    } as any,\n  }) as any;\n\n  addStyle(DEFAULT_CLASS, '', prismSearchOverrides);\n\n  addStyle(DEFAULT_CLASS + '-disabled', '', {\n    root: {\n      opacity: 0.5,\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":[]}

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

@@ -0,0 +1,20 @@
+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 BaseDatasetProps from '../../../components/input/basedataset/basedataset.props';
+export default class WmSliderProps extends BaseDatasetProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "range", false);
+    _defineProperty(this, "minvalue", 0);
+    _defineProperty(this, "maxvalue", 100);
+    _defineProperty(this, "step", 1);
+    _defineProperty(this, "datatype", "number");
+    _defineProperty(this, "showmarkers", false);
+    _defineProperty(this, "showtooltip", false);
+    _defineProperty(this, "tooltipdirection", "up");
+    _defineProperty(this, "markerlabeltext", []);
+    _defineProperty(this, "tooltipexpression", void 0);
+  }
+}
+//# sourceMappingURL=slider.props.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["BaseDatasetProps","WmSliderProps","constructor","args","_defineProperty"],"sources":["slider.props.ts"],"sourcesContent":["import { TooltipDirection } from '../../../components/basic/tooltip/tooltip.props';\nimport BaseDatasetProps from '../../../components/input/basedataset/basedataset.props';\n\nexport default class WmSliderProps extends BaseDatasetProps {\n    range?: boolean = false;\n    minvalue: number = 0;\n    maxvalue: number = 100;\n    step?: number = 1;\n    datatype: 'number' | 'dataset' = \"number\";\n    showmarkers = false;\n    showtooltip? = false;\n    tooltipdirection?: TooltipDirection = \"up\";\n    markerlabeltext?: Array<string | number | {title: string, position?: string}> | string = [];\n    tooltipexpression?: (item: number) => string;\n}\n"],"mappings":";;;AACA,OAAOA,gBAAgB,MAAM,yDAAyD;AAEtF,eAAe,MAAMC,aAAa,SAASD,gBAAgB,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,gBACtC,KAAK;IAAAA,eAAA,mBACJ,CAAC;IAAAA,eAAA,mBACD,GAAG;IAAAA,eAAA,eACN,CAAC;IAAAA,eAAA,mBACgB,QAAQ;IAAAA,eAAA,sBAC3B,KAAK;IAAAA,eAAA,sBACJ,KAAK;IAAAA,eAAA,2BACkB,IAAI;IAAAA,eAAA,0BAC+C,EAAE;IAAAA,eAAA;EAAA;AAE/F","ignoreList":[]}