@wavemaker/app-rn-runtime 12.0.0-next.45002 → 12.0.0-next.45006

app-rn-runtime/components/input/epoch/datetime/datetime.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["BASE_THEME","defineStyles","Platform","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","paddingTop","paddingBottom","paddingLeft","paddingRight","borderWidth","borderStyle","borderRadius","backgroundColor","inputBackgroundColor","borderColor","inputBorderColor","justifyContent","width","focused","invalid","borderBottomColor","inputInvalidBorderColor","placeholderText","color","inputPlaceholderColor","container","flexDirection","alignItems","text","fontSize","inputTextColor","calendarIcon","alignSelf","icon","clearIcon","marginRight","height","inputDisabledBgColor","fontWeight","dialog","minWidth","elevation","maxHeight","maxModalHeight","dialogBackgroundColor","actionWrapper","selectBtn","cancelBtn","OS","marginLeft","minHeight","paddingVertical","floatingLabel","position","top","left","floatingLabelColor","activeFloatingLabel","activeFloatingLabelColor"],"sources":["datetime.styles.ts"],"sourcesContent":["import BASE_THEME, { AllStyle } from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmIconStyles } from '@wavemaker/app-rn-runtime/components/basic/icon/icon.styles';\nimport { TextStyle, Platform, ViewStyle } from 'react-native';\nimport { WmButtonStyles } from '@wavemaker/app-rn-runtime/components/basic/button/button.styles';\n\nexport type WmDatetimeStyles = BaseStyles & {\n    focused: AllStyle,\n    container: AllStyle,\n    placeholderText: TextStyle,\n    invalid: AllStyle,\n    clearIcon: WmIconStyles,\n    calendarIcon: WmIconStyles,\n    floatingLabel: ViewStyle,\n    activeFloatingLabel: AllStyle\n    actionWrapper: ViewStyle,\n    selectBtn: WmButtonStyles,\n    cancelBtn: WmButtonStyles,\n    dialog: AllStyle\n};\n\nexport const DEFAULT_CLASS = 'app-datetime';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles: WmDatetimeStyles = defineStyles({\n        root: {\n            paddingTop: 8,\n            paddingBottom: 8,\n            paddingLeft: 16,\n            paddingRight: 16,\n            borderWidth: 1,\n            borderStyle: 'solid',\n            borderRadius: 6,\n            backgroundColor: themeVariables.inputBackgroundColor,\n            borderColor: themeVariables.inputBorderColor,\n            justifyContent: 'center',\n            width: '100%'\n        },\n        focused: {\n\n        },\n        invalid: {\n            borderBottomColor: themeVariables.inputInvalidBorderColor\n        },\n        placeholderText: {\n          color: themeVariables.inputPlaceholderColor\n        },\n        container: {\n            flexDirection: 'row',\n            alignItems: 'center'\n        },\n        text: {\n            fontSize: 16,\n            color: themeVariables.inputTextColor\n        },\n        calendarIcon: {\n            root: {\n                alignSelf: 'center'\n            },\n            icon: {\n                fontSize: 24\n            }\n        },\n        clearIcon:  {\n            root : {\n                alignSelf: 'center',\n                justifyContent: 'center',\n                marginRight: 4,\n                height: 24,\n                width: 24,\n                borderRadius: 16,\n                backgroundColor: themeVariables.inputDisabledBgColor\n            },\n            icon: {\n                fontSize: 16,\n                paddingRight: 0,\n                fontWeight: 'bold'\n            }\n        } as WmIconStyles,\n        dialog:{\n            minWidth: 320,\n            paddingTop: 24,\n            paddingBottom: 24,\n            paddingLeft: 24,\n            paddingRight: 24,\n            elevation: 6,\n            width: '90%',\n            maxHeight: themeVariables.maxModalHeight,\n            backgroundColor: themeVariables.dialogBackgroundColor,\n            borderRadius: 28\n        },\n        actionWrapper: {\n            flexDirection: 'row-reverse', \n            marginRight: 20,\n        },\n        selectBtn: {\n            root:{\n                paddingLeft: 12,\n                paddingRight: 12,\n            }\n        },\n        cancelBtn: {\n            root:{\n                paddingLeft: 12,\n                paddingRight: 12,\n            }\n        }\n    }) as any as WmDatetimeStyles;\n\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n    addStyle(DEFAULT_CLASS + '-disabled', '', {\n        root : {\n        backgroundColor: themeVariables.inputDisabledBgColor\n        }\n    });\n    addStyle(DEFAULT_CLASS + '-rtl', '', Platform.OS==\"web\"?{\n        clearIcon: {\n        root: {\n            marginLeft: 4,\n            marginRight: 0\n        }\n    }\n  }:{});\n  addStyle(DEFAULT_CLASS + '-with-label', '', {\n    root:{\n        minHeight: 48,\n        paddingVertical: 16\n    },\n    floatingLabel: {\n        position: 'absolute',\n        top: 12,\n        left: 16,\n        fontSize: 14,\n        color: themeVariables.floatingLabelColor\n    },\n    activeFloatingLabel: {\n        color: themeVariables.activeFloatingLabelColor\n    }\n  } as any as WmDatetimeStyles);\n});"],"mappings":"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"}
+{"version":3,"names":["BASE_THEME","defineStyles","Platform","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","paddingTop","paddingBottom","paddingLeft","paddingRight","borderWidth","borderStyle","borderRadius","backgroundColor","inputBackgroundColor","borderColor","inputBorderColor","justifyContent","width","focused","invalid","borderBottomColor","inputInvalidBorderColor","placeholderText","color","inputPlaceholderColor","container","flexDirection","alignItems","text","fontSize","inputTextColor","calendarIcon","alignSelf","icon","clearIcon","marginRight","height","inputDisabledBgColor","fontWeight","dialog","minWidth","elevation","maxHeight","maxModalHeight","dialogBackgroundColor","actionWrapper","selectBtn","cancelBtn","OS","marginLeft","minHeight","paddingVertical","floatingLabel","position","top","left","floatingLabelColor","activeFloatingLabel","activeFloatingLabelColor"],"sources":["datetime.styles.ts"],"sourcesContent":["import BASE_THEME, { AllStyle } from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmIconStyles } from '@wavemaker/app-rn-runtime/components/basic/icon/icon.styles';\nimport { TextStyle, Platform, ViewStyle } from 'react-native';\nimport { WmButtonStyles } from '@wavemaker/app-rn-runtime/components/basic/button/button.styles';\n\nexport type WmDatetimeStyles = BaseStyles & {\n    focused: AllStyle,\n    container: AllStyle,\n    placeholderText: TextStyle,\n    invalid: AllStyle,\n    clearIcon: WmIconStyles,\n    calendarIcon: WmIconStyles,\n    floatingLabel: ViewStyle,\n    activeFloatingLabel: AllStyle\n    actionWrapper: ViewStyle,\n    selectBtn: WmButtonStyles,\n    cancelBtn: WmButtonStyles,\n    dialog: AllStyle\n};\n\nexport const DEFAULT_CLASS = 'app-datetime';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles: WmDatetimeStyles = defineStyles({\n        root: {\n            paddingTop: 8,\n            paddingBottom: 8,\n            paddingLeft: 16,\n            paddingRight: 16,\n            borderWidth: 1,\n            borderStyle: 'solid',\n            borderRadius: 6,\n            backgroundColor: themeVariables.inputBackgroundColor,\n            borderColor: themeVariables.inputBorderColor,\n            justifyContent: 'center',\n            width: '100%'\n        },\n        focused: {\n\n        },\n        invalid: {\n            borderBottomColor: themeVariables.inputInvalidBorderColor\n        },\n        placeholderText: {\n          color: themeVariables.inputPlaceholderColor\n        },\n        container: {\n            flexDirection: 'row',\n            alignItems: 'center'\n        },\n        text: {\n            fontSize: 16,\n            color: themeVariables.inputTextColor\n        },\n        calendarIcon: {\n            root: {\n                alignSelf: 'center'\n            },\n            icon: {\n                fontSize: 24\n            }\n        },\n        clearIcon:  {\n            root : {\n                alignSelf: 'center',\n                justifyContent: 'center',\n                marginRight: 4,\n                height: 24,\n                width: 24,\n                borderRadius: 16,\n                backgroundColor: themeVariables.inputDisabledBgColor\n            },\n            icon: {\n                fontSize: 16,\n                paddingRight: 0,\n                fontWeight: 'bold'\n            }\n        } as WmIconStyles,\n        dialog:{\n            minWidth: 320,\n            paddingTop: 24,\n            paddingBottom: 24,\n            paddingLeft: 24,\n            paddingRight: 24,\n            elevation: 6,\n            width: '90%',\n            maxHeight: themeVariables.maxModalHeight,\n            backgroundColor: themeVariables.dialogBackgroundColor,\n            borderRadius: 28\n        },\n        actionWrapper: {\n            flexDirection: 'row-reverse', \n            marginRight: 20,\n        },\n        selectBtn: {\n            root:{\n                paddingLeft: 12,\n                paddingRight: 12,\n            }\n        },\n        cancelBtn: {\n            root:{\n                paddingLeft: 12,\n                paddingRight: 12,\n            }\n        }\n    }) as any as WmDatetimeStyles;\n\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n    addStyle(DEFAULT_CLASS + '-disabled', '', {\n        root : {\n        backgroundColor: themeVariables.inputDisabledBgColor\n        }\n    });\n    addStyle(DEFAULT_CLASS + '-rtl', '', Platform.OS==\"web\"?{\n        clearIcon: {\n        root: {\n            marginLeft: 4,\n            marginRight: 0\n        }\n    }\n  }:{});\n  addStyle(DEFAULT_CLASS + '-with-label', '', {\n    root:{\n        minHeight: 48,\n        paddingVertical: 16\n    },\n    floatingLabel: {\n        position: 'absolute',\n        top: 12,\n        left: 16,\n        fontSize: 14,\n        color: themeVariables.floatingLabelColor\n    },\n    activeFloatingLabel: {\n        color: themeVariables.activeFloatingLabelColor\n    }\n  } as any as WmDatetimeStyles);\n});"],"mappings":"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","ignoreList":[]}

app-rn-runtime/components/input/epoch/time/time.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["WmTimeProps","DEFAULT_CLASS","BaseDatetime","WmTime","constructor","props","getStyleClassName","classes","state","floatinglabel","push","join","onDateChange","$event","date","timestamp","dateValue","renderWidget"],"sources":["time.component.tsx"],"sourcesContent":["import WmTimeProps from './time.props';\nimport { DEFAULT_CLASS, } from './time.styles';\nimport BaseDatetime from '../base-datetime.component';\nimport { DateTimePickerEvent } from '@react-native-community/datetimepicker';\n\nexport default class WmTime extends BaseDatetime {\n\n  constructor(props: WmTimeProps) {\n    super(props, DEFAULT_CLASS, new WmTimeProps());\n  }\n\n  public getStyleClassName(): string | undefined {\n    const classes = [];\n    if (this.state.props.floatinglabel) {\n      classes.push('app-time-with-label'); \n    }\n    classes.push(super.getStyleClassName());\n    return classes.join(' ');\n  }\n\n  onDateChange($event: DateTimePickerEvent, date?: Date): void {\n    super.onDateChange($event, date);\n  }\n\n  get timestamp() {\n    return this.state.dateValue;\n  }\n\n  renderWidget(props: WmTimeProps) {\n    return super.renderWidget(props);\n  }\n}"],"mappings":"AAAA,OAAOA,WAAW,MAAM,cAAc;AACtC,SAASC,aAAa,QAAS,eAAe;AAC9C,OAAOC,YAAY,MAAM,4BAA4B;AAGrD,eAAe,MAAMC,MAAM,SAASD,YAAY,CAAC;EAE/CE,WAAWA,CAACC,KAAkB,EAAE;IAC9B,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,WAAW,CAAC,CAAC,CAAC;EAChD;EAEOM,iBAAiBA,CAAA,EAAuB;IAC7C,MAAMC,OAAO,GAAG,EAAE;IAClB,IAAI,IAAI,CAACC,KAAK,CAACH,KAAK,CAACI,aAAa,EAAE;MAClCF,OAAO,CAACG,IAAI,CAAC,qBAAqB,CAAC;IACrC;IACAH,OAAO,CAACG,IAAI,CAAC,KAAK,CAACJ,iBAAiB,CAAC,CAAC,CAAC;IACvC,OAAOC,OAAO,CAACI,IAAI,CAAC,GAAG,CAAC;EAC1B;EAEAC,YAAYA,CAACC,MAA2B,EAAEC,IAAW,EAAQ;IAC3D,KAAK,CAACF,YAAY,CAACC,MAAM,EAAEC,IAAI,CAAC;EAClC;EAEA,IAAIC,SAASA,CAAA,EAAG;IACd,OAAO,IAAI,CAACP,KAAK,CAACQ,SAAS;EAC7B;EAEAC,YAAYA,CAACZ,KAAkB,EAAE;IAC/B,OAAO,KAAK,CAACY,YAAY,CAACZ,KAAK,CAAC;EAClC;AACF"}
+{"version":3,"names":["WmTimeProps","DEFAULT_CLASS","BaseDatetime","WmTime","constructor","props","getStyleClassName","classes","state","floatinglabel","push","join","onDateChange","$event","date","timestamp","dateValue","renderWidget"],"sources":["time.component.tsx"],"sourcesContent":["import WmTimeProps from './time.props';\nimport { DEFAULT_CLASS, } from './time.styles';\nimport BaseDatetime from '../base-datetime.component';\nimport { DateTimePickerEvent } from '@react-native-community/datetimepicker';\n\nexport default class WmTime extends BaseDatetime {\n\n  constructor(props: WmTimeProps) {\n    super(props, DEFAULT_CLASS, new WmTimeProps());\n  }\n\n  public getStyleClassName(): string | undefined {\n    const classes = [];\n    if (this.state.props.floatinglabel) {\n      classes.push('app-time-with-label'); \n    }\n    classes.push(super.getStyleClassName());\n    return classes.join(' ');\n  }\n\n  onDateChange($event: DateTimePickerEvent, date?: Date): void {\n    super.onDateChange($event, date);\n  }\n\n  get timestamp() {\n    return this.state.dateValue;\n  }\n\n  renderWidget(props: WmTimeProps) {\n    return super.renderWidget(props);\n  }\n}"],"mappings":"AAAA,OAAOA,WAAW,MAAM,cAAc;AACtC,SAASC,aAAa,QAAS,eAAe;AAC9C,OAAOC,YAAY,MAAM,4BAA4B;AAGrD,eAAe,MAAMC,MAAM,SAASD,YAAY,CAAC;EAE/CE,WAAWA,CAACC,KAAkB,EAAE;IAC9B,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,WAAW,CAAC,CAAC,CAAC;EAChD;EAEOM,iBAAiBA,CAAA,EAAuB;IAC7C,MAAMC,OAAO,GAAG,EAAE;IAClB,IAAI,IAAI,CAACC,KAAK,CAACH,KAAK,CAACI,aAAa,EAAE;MAClCF,OAAO,CAACG,IAAI,CAAC,qBAAqB,CAAC;IACrC;IACAH,OAAO,CAACG,IAAI,CAAC,KAAK,CAACJ,iBAAiB,CAAC,CAAC,CAAC;IACvC,OAAOC,OAAO,CAACI,IAAI,CAAC,GAAG,CAAC;EAC1B;EAEAC,YAAYA,CAACC,MAA2B,EAAEC,IAAW,EAAQ;IAC3D,KAAK,CAACF,YAAY,CAACC,MAAM,EAAEC,IAAI,CAAC;EAClC;EAEA,IAAIC,SAASA,CAAA,EAAG;IACd,OAAO,IAAI,CAACP,KAAK,CAACQ,SAAS;EAC7B;EAEAC,YAAYA,CAACZ,KAAkB,EAAE;IAC/B,OAAO,KAAK,CAACY,YAAY,CAACZ,KAAK,CAAC;EAClC;AACF","ignoreList":[]}

app-rn-runtime/components/input/epoch/time/time.props.js

@@ -1,6 +1,6 @@
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+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 WmDatetimeProps from '../datetime/datetime.props';
 export default class WmDateProps extends WmDatetimeProps {
   constructor() {

app-rn-runtime/components/input/epoch/time/time.props.js.map

@@ -1 +1 @@
-{"version":3,"names":["WmDatetimeProps","WmDateProps","constructor","_defineProperty","mode","placeholder","datepattern","timepattern","outputformat"],"sources":["time.props.ts"],"sourcesContent":["import WmDatetimeProps from '../datetime/datetime.props';\n\nexport default class WmDateProps extends WmDatetimeProps {\n  public timepattern = '';\n  constructor() {\n    super();\n    this.mode = 'time';\n    this.placeholder = 'Select time';\n    this.datepattern = this.timepattern;\n    this.outputformat = 'HH:mm:ss';\n  }\n}"],"mappings":";;;AAAA,OAAOA,eAAe,MAAM,4BAA4B;AAExD,eAAe,MAAMC,WAAW,SAASD,eAAe,CAAC;EAEvDE,WAAWA,CAAA,EAAG;IACZ,KAAK,CAAC,CAAC;IAACC,eAAA,sBAFW,EAAE;IAGrB,IAAI,CAACC,IAAI,GAAG,MAAM;IAClB,IAAI,CAACC,WAAW,GAAG,aAAa;IAChC,IAAI,CAACC,WAAW,GAAG,IAAI,CAACC,WAAW;IACnC,IAAI,CAACC,YAAY,GAAG,UAAU;EAChC;AACF"}
+{"version":3,"names":["WmDatetimeProps","WmDateProps","constructor","_defineProperty","mode","placeholder","datepattern","timepattern","outputformat"],"sources":["time.props.ts"],"sourcesContent":["import WmDatetimeProps from '../datetime/datetime.props';\n\nexport default class WmDateProps extends WmDatetimeProps {\n  public timepattern = '';\n  constructor() {\n    super();\n    this.mode = 'time';\n    this.placeholder = 'Select time';\n    this.datepattern = this.timepattern;\n    this.outputformat = 'HH:mm:ss';\n  }\n}"],"mappings":";;;AAAA,OAAOA,eAAe,MAAM,4BAA4B;AAExD,eAAe,MAAMC,WAAW,SAASD,eAAe,CAAC;EAEvDE,WAAWA,CAAA,EAAG;IACZ,KAAK,CAAC,CAAC;IAACC,eAAA,sBAFW,EAAE;IAGrB,IAAI,CAACC,IAAI,GAAG,MAAM;IAClB,IAAI,CAACC,WAAW,GAAG,aAAa;IAChC,IAAI,CAACC,WAAW,GAAG,IAAI,CAACC,WAAW;IACnC,IAAI,CAACC,YAAY,GAAG,UAAU;EAChC;AACF","ignoreList":[]}

app-rn-runtime/components/input/epoch/time/time.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["BASE_THEME","DEFAULT_CLASS","DATE_TIME_DEFAUlT_CLASS","Platform","registerStyle","themeVariables","addStyle","root","backgroundColor","inputDisabledBgColor","OS","clearIcon","marginLeft","marginRight","minHeight","paddingVertical","floatingLabel","position","top","left","fontSize","color","floatingLabelColor","activeFloatingLabel","activeFloatingLabelColor"],"sources":["time.styles.ts"],"sourcesContent":["import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';\nimport { WmDatetimeStyles, DEFAULT_CLASS as DATE_TIME_DEFAUlT_CLASS } from '../datetime/datetime.styles';\nimport { Platform } from 'react-native';\n\nexport type WmTimeStyles = WmDatetimeStyles;\n\nexport const DEFAULT_CLASS = 'app-time';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  addStyle(DEFAULT_CLASS, DATE_TIME_DEFAUlT_CLASS, {});\n  addStyle(DEFAULT_CLASS + '-disabled', '', {\n      root : {\n        backgroundColor: themeVariables.inputDisabledBgColor\n      }\n  });\n  addStyle(DEFAULT_CLASS + '-rtl', '', Platform.OS==\"web\"?{\n    clearIcon: {\n        root: {\n            marginLeft: 4,\n            marginRight: 0\n        }\n    }\n  }:{});\n  addStyle(DEFAULT_CLASS + '-with-label', '', {\n    root:{\n      minHeight: 48,\n      paddingVertical: 16\n    },\n    floatingLabel: {\n        position: 'absolute',\n        top: 12,\n        left: 16,\n        fontSize: 14,\n        color: themeVariables.floatingLabelColor\n    },\n    activeFloatingLabel: {\n        color: themeVariables.activeFloatingLabelColor\n    }\n  } as any as WmDatetimeStyles);\n});"],"mappings":"AAAA,OAAOA,UAAU,MAAM,wCAAwC;AAC/D,SAA2BC,aAAa,IAAIC,uBAAuB,QAAQ,6BAA6B;AACxG,SAASC,QAAQ,QAAQ,cAAc;AAIvC,OAAO,MAAMF,aAAa,GAAG,UAAU;AACvCD,UAAU,CAACI,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACrDA,QAAQ,CAACL,aAAa,EAAEC,uBAAuB,EAAE,CAAC,CAAC,CAAC;EACpDI,QAAQ,CAACL,aAAa,GAAG,WAAW,EAAE,EAAE,EAAE;IACtCM,IAAI,EAAG;MACLC,eAAe,EAAEH,cAAc,CAACI;IAClC;EACJ,CAAC,CAAC;EACFH,QAAQ,CAACL,aAAa,GAAG,MAAM,EAAE,EAAE,EAAEE,QAAQ,CAACO,EAAE,IAAE,KAAK,GAAC;IACtDC,SAAS,EAAE;MACPJ,IAAI,EAAE;QACFK,UAAU,EAAE,CAAC;QACbC,WAAW,EAAE;MACjB;IACJ;EACF,CAAC,GAAC,CAAC,CAAC,CAAC;EACLP,QAAQ,CAACL,aAAa,GAAG,aAAa,EAAE,EAAE,EAAE;IAC1CM,IAAI,EAAC;MACHO,SAAS,EAAE,EAAE;MACbC,eAAe,EAAE;IACnB,CAAC;IACDC,aAAa,EAAE;MACXC,QAAQ,EAAE,UAAU;MACpBC,GAAG,EAAE,EAAE;MACPC,IAAI,EAAE,EAAE;MACRC,QAAQ,EAAE,EAAE;MACZC,KAAK,EAAEhB,cAAc,CAACiB;IAC1B,CAAC;IACDC,mBAAmB,EAAE;MACjBF,KAAK,EAAEhB,cAAc,CAACmB;IAC1B;EACF,CAA4B,CAAC;AAC/B,CAAC,CAAC"}
+{"version":3,"names":["BASE_THEME","DEFAULT_CLASS","DATE_TIME_DEFAUlT_CLASS","Platform","registerStyle","themeVariables","addStyle","root","backgroundColor","inputDisabledBgColor","OS","clearIcon","marginLeft","marginRight","minHeight","paddingVertical","floatingLabel","position","top","left","fontSize","color","floatingLabelColor","activeFloatingLabel","activeFloatingLabelColor"],"sources":["time.styles.ts"],"sourcesContent":["import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';\nimport { WmDatetimeStyles, DEFAULT_CLASS as DATE_TIME_DEFAUlT_CLASS } from '../datetime/datetime.styles';\nimport { Platform } from 'react-native';\n\nexport type WmTimeStyles = WmDatetimeStyles;\n\nexport const DEFAULT_CLASS = 'app-time';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  addStyle(DEFAULT_CLASS, DATE_TIME_DEFAUlT_CLASS, {});\n  addStyle(DEFAULT_CLASS + '-disabled', '', {\n      root : {\n        backgroundColor: themeVariables.inputDisabledBgColor\n      }\n  });\n  addStyle(DEFAULT_CLASS + '-rtl', '', Platform.OS==\"web\"?{\n    clearIcon: {\n        root: {\n            marginLeft: 4,\n            marginRight: 0\n        }\n    }\n  }:{});\n  addStyle(DEFAULT_CLASS + '-with-label', '', {\n    root:{\n      minHeight: 48,\n      paddingVertical: 16\n    },\n    floatingLabel: {\n        position: 'absolute',\n        top: 12,\n        left: 16,\n        fontSize: 14,\n        color: themeVariables.floatingLabelColor\n    },\n    activeFloatingLabel: {\n        color: themeVariables.activeFloatingLabelColor\n    }\n  } as any as WmDatetimeStyles);\n});"],"mappings":"AAAA,OAAOA,UAAU,MAAM,wCAAwC;AAC/D,SAA2BC,aAAa,IAAIC,uBAAuB,QAAQ,6BAA6B;AACxG,SAASC,QAAQ,QAAQ,cAAc;AAIvC,OAAO,MAAMF,aAAa,GAAG,UAAU;AACvCD,UAAU,CAACI,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACrDA,QAAQ,CAACL,aAAa,EAAEC,uBAAuB,EAAE,CAAC,CAAC,CAAC;EACpDI,QAAQ,CAACL,aAAa,GAAG,WAAW,EAAE,EAAE,EAAE;IACtCM,IAAI,EAAG;MACLC,eAAe,EAAEH,cAAc,CAACI;IAClC;EACJ,CAAC,CAAC;EACFH,QAAQ,CAACL,aAAa,GAAG,MAAM,EAAE,EAAE,EAAEE,QAAQ,CAACO,EAAE,IAAE,KAAK,GAAC;IACtDC,SAAS,EAAE;MACPJ,IAAI,EAAE;QACFK,UAAU,EAAE,CAAC;QACbC,WAAW,EAAE;MACjB;IACJ;EACF,CAAC,GAAC,CAAC,CAAC,CAAC;EACLP,QAAQ,CAACL,aAAa,GAAG,aAAa,EAAE,EAAE,EAAE;IAC1CM,IAAI,EAAC;MACHO,SAAS,EAAE,EAAE;MACbC,eAAe,EAAE;IACnB,CAAC;IACDC,aAAa,EAAE;MACXC,QAAQ,EAAE,UAAU;MACpBC,GAAG,EAAE,EAAE;MACPC,IAAI,EAAE,EAAE;MACRC,QAAQ,EAAE,EAAE;MACZC,KAAK,EAAEhB,cAAc,CAACiB;IAC1B,CAAC;IACDC,mBAAmB,EAAE;MACjBF,KAAK,EAAEhB,cAAc,CAACmB;IAC1B;EACF,CAA4B,CAAC;AAC/B,CAAC,CAAC","ignoreList":[]}

app-rn-runtime/components/input/epoch/wheel-date-picker.component.js

@@ -0,0 +1,87 @@
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+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, { Component } from 'react';
+import { PixelRatio, StyleSheet, View } from 'react-native';
+import WmWheelScrollPicker from './wheelpicker/wheelpicker.component';
+import { getDateObject, getDates, getMonths, getYearRange } from '@wavemaker/app-rn-runtime/core/utils';
+export class WmWheelDatePickerProps {
+  constructor() {
+    _defineProperty(this, "selectedDate", new Date());
+    _defineProperty(this, "onDateChange", void 0);
+    _defineProperty(this, "itemHeight", PixelRatio.roundToNearestPixel(50));
+    _defineProperty(this, "wrapperHeight", PixelRatio.roundToNearestPixel(150));
+  }
+}
+export class WmWheelDatePickerState {}
+export class WmWheelDatePicker extends Component {
+  constructor(props) {
+    super(props);
+    _defineProperty(this, "itemHeight", void 0);
+    _defineProperty(this, "wrapperHeight", void 0);
+    _defineProperty(this, "selectedDateIndex", 0);
+    _defineProperty(this, "selectedMonthIndex", 0);
+    _defineProperty(this, "selectedYearIndex", 0);
+    _defineProperty(this, "handleValueChange", (valueType, value, index) => {
+      var _this$props, _this$props$onDateCha;
+      switch (valueType) {
+        case 'date':
+          this.selectedDateIndex = index;
+          break;
+        case 'month':
+          this.selectedMonthIndex = index;
+          break;
+        case 'year':
+          this.selectedYearIndex = index;
+          break;
+        default:
+          break;
+      }
+      const selectedDate = getDates()[this.selectedDateIndex];
+      const selectedYear = getYearRange()[this.selectedYearIndex];
+      const dateObj = getDateObject(selectedDate, this.selectedMonthIndex, selectedYear);
+      (_this$props = this.props) === null || _this$props === void 0 || (_this$props$onDateCha = _this$props.onDateChange) === null || _this$props$onDateCha === void 0 || _this$props$onDateCha.call(_this$props, dateObj);
+    });
+    const _selectedDate = this.props.selectedDate || new Date();
+    this.itemHeight = PixelRatio.roundToNearestPixel(this.props.itemHeight || 50) || PixelRatio.roundToNearestPixel(50);
+    this.wrapperHeight = PixelRatio.roundToNearestPixel(this.props.wrapperHeight || 150) || PixelRatio.roundToNearestPixel(150);
+    this.selectedDateIndex = _selectedDate.getDate() - 1;
+    this.selectedMonthIndex = _selectedDate.getMonth();
+    this.selectedYearIndex = getYearRange().indexOf(_selectedDate.getFullYear());
+  }
+  render() {
+    return /*#__PURE__*/React.createElement(View, {
+      style: styles.root
+    }, /*#__PURE__*/React.createElement(WmWheelScrollPicker, {
+      data: getDates(),
+      wrapperHeight: this.wrapperHeight,
+      itemHeight: this.itemHeight,
+      selectedIndex: this.selectedDateIndex,
+      onValueChange: (value, index) => this.handleValueChange('date', value, index)
+    }), /*#__PURE__*/React.createElement(View, {
+      style: styles.middle
+    }, /*#__PURE__*/React.createElement(WmWheelScrollPicker, {
+      data: getMonths(),
+      wrapperHeight: this.wrapperHeight,
+      itemHeight: this.itemHeight,
+      selectedIndex: this.selectedMonthIndex,
+      onValueChange: (value, index) => this.handleValueChange('month', value, index)
+    })), /*#__PURE__*/React.createElement(WmWheelScrollPicker, {
+      data: getYearRange(),
+      wrapperHeight: this.wrapperHeight,
+      itemHeight: this.itemHeight,
+      selectedIndex: this.selectedYearIndex,
+      onValueChange: (value, index) => this.handleValueChange('year', value, index)
+    }));
+  }
+}
+export default WmWheelDatePicker;
+const styles = StyleSheet.create({
+  root: {
+    flexDirection: 'row'
+  },
+  middle: {
+    marginHorizontal: 15
+  }
+});
+//# sourceMappingURL=wheel-date-picker.component.js.map

app-rn-runtime/components/input/epoch/wheel-date-picker.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Component","PixelRatio","StyleSheet","View","WmWheelScrollPicker","getDateObject","getDates","getMonths","getYearRange","WmWheelDatePickerProps","constructor","_defineProperty","Date","roundToNearestPixel","WmWheelDatePickerState","WmWheelDatePicker","props","valueType","value","index","_this$props","_this$props$onDateCha","selectedDateIndex","selectedMonthIndex","selectedYearIndex","selectedDate","selectedYear","dateObj","onDateChange","call","itemHeight","wrapperHeight","getDate","getMonth","indexOf","getFullYear","render","createElement","style","styles","root","data","selectedIndex","onValueChange","handleValueChange","middle","create","flexDirection","marginHorizontal"],"sources":["wheel-date-picker.component.tsx"],"sourcesContent":["import React, { Component } from 'react';\nimport { PixelRatio, StyleSheet, View } from 'react-native';\nimport WmWheelScrollPicker from './wheelpicker/wheelpicker.component'\nimport { getDateObject, getDates, getMonths, getYearRange } from '@wavemaker/app-rn-runtime/core/utils';\n\nexport class WmWheelDatePickerProps {\n  selectedDate?: Date = new Date();\n  onDateChange?: (date: Date) => void;\n  itemHeight?: number = PixelRatio.roundToNearestPixel(50);\n  wrapperHeight?: number = PixelRatio.roundToNearestPixel(150);\n}\n\nexport class WmWheelDatePickerState {}\n\nexport class WmWheelDatePicker extends Component<\n  WmWheelDatePickerProps,\n  WmWheelDatePickerState,\n  any\n> {\n  itemHeight: number;\n  wrapperHeight: number;\n  selectedDateIndex: number = 0;\n  selectedMonthIndex: number = 0;\n  selectedYearIndex: number = 0;\n\n  constructor(props: WmWheelDatePickerProps) {\n    super(props);\n    const selectedDate = this.props.selectedDate || new Date();\n\n    this.itemHeight =\n    PixelRatio.roundToNearestPixel(this.props.itemHeight || 50) || PixelRatio.roundToNearestPixel(50);\n    this.wrapperHeight =\n    PixelRatio.roundToNearestPixel(this.props.wrapperHeight || 150) || PixelRatio.roundToNearestPixel(150);\n    this.selectedDateIndex = selectedDate.getDate() - 1;\n    this.selectedMonthIndex = selectedDate.getMonth();\n    this.selectedYearIndex = getYearRange().indexOf(selectedDate.getFullYear());\n  }\n\n  handleValueChange = (\n    valueType: 'date' | 'month' | 'year',\n    value: string | number,\n    index: number,\n  ) => {\n    switch (valueType) {\n      case 'date':\n        this.selectedDateIndex = index;\n        break;\n      case 'month':\n        this.selectedMonthIndex = index;\n        break;\n      case 'year':\n        this.selectedYearIndex = index;\n        break;\n      default:\n        break;\n    }\n\n    const selectedDate = getDates()[this.selectedDateIndex];\n    const selectedYear = getYearRange()[this.selectedYearIndex];\n    const dateObj = getDateObject(\n      selectedDate,\n      this.selectedMonthIndex,\n      selectedYear,\n    );\n\n    this.props?.onDateChange?.(dateObj);\n  };\n\n  render() {\n    return (\n      <View style={styles.root}>\n        <WmWheelScrollPicker\n          data={getDates()}\n          wrapperHeight={this.wrapperHeight}\n          itemHeight={this.itemHeight}\n          selectedIndex={this.selectedDateIndex}\n          onValueChange={(value: string | number, index: number) =>\n            this.handleValueChange('date', value, index)\n          }\n        />\n        <View style={styles.middle}>\n          <WmWheelScrollPicker\n            data={getMonths()}\n            wrapperHeight={this.wrapperHeight}\n            itemHeight={this.itemHeight}\n            selectedIndex={this.selectedMonthIndex}\n            onValueChange={(value: string | number, index: number) =>\n              this.handleValueChange('month', value, index)\n            }\n          />\n        </View>\n        <WmWheelScrollPicker\n          data={getYearRange()}\n          wrapperHeight={this.wrapperHeight}\n          itemHeight={this.itemHeight}\n          selectedIndex={this.selectedYearIndex}\n          onValueChange={(value: string | number, index: number) =>\n            this.handleValueChange('year', value, index)\n          }\n        />\n      </View>\n    );\n  }\n}\n\nexport default WmWheelDatePicker;\n\nconst styles = StyleSheet.create({\n  root: {\n    flexDirection: 'row',\n  },\n  middle: {\n    marginHorizontal: 15,\n  },\n});\n"],"mappings":"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","ignoreList":[]}

app-rn-runtime/components/input/epoch/wheel-time-picker.component.js

@@ -0,0 +1,107 @@
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+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, { Component } from 'react';
+import { PixelRatio, StyleSheet, View } from 'react-native';
+import WmWheelScrollPicker from './wheelpicker/wheelpicker.component';
+import { get24Hours, getDateTimeObject, getHours, getMinutes, getTimeIndicators } from '@wavemaker/app-rn-runtime/core/utils';
+export class WmWheelTimePickerProps {
+  constructor() {
+    _defineProperty(this, "selectedTime", new Date());
+    _defineProperty(this, "is24Hour", true);
+    _defineProperty(this, "onTimeChange", void 0);
+    _defineProperty(this, "itemHeight", PixelRatio.roundToNearestPixel(50));
+    _defineProperty(this, "wrapperHeight", PixelRatio.roundToNearestPixel(150));
+  }
+}
+export class WmWheelTimePickerState {}
+export class WmWheelTimePicker extends Component {
+  constructor(props) {
+    super(props);
+    _defineProperty(this, "itemHeight", void 0);
+    _defineProperty(this, "wrapperHeight", void 0);
+    _defineProperty(this, "selectedHourIndex", 0);
+    _defineProperty(this, "selectedMinuteIndex", 0);
+    _defineProperty(this, "selectedTimeIndicatorIndex", 0);
+    _defineProperty(this, "handleValueChange", (valueType, value, index) => {
+      var _this$props, _this$props$onTimeCha;
+      switch (valueType) {
+        case 'hour':
+          this.selectedHourIndex = index;
+          break;
+        case 'minute':
+          this.selectedMinuteIndex = index;
+          break;
+        case 'meridiem':
+          this.selectedTimeIndicatorIndex = index;
+          break;
+        default:
+          break;
+      }
+      const selectedTime = this.props.selectedTime || new Date();
+      const date = selectedTime.getDate();
+      const month = selectedTime.getMonth();
+      const year = selectedTime.getFullYear();
+      let selected24HourFormat;
+      if (!this.props.is24Hour) {
+        // * when time picker is in 12 hour format
+        const selected12HourFormat = Number(getHours()[this.selectedHourIndex]);
+        selected24HourFormat = this.selectedTimeIndicatorIndex === 0 ? selected12HourFormat : selected12HourFormat + 12;
+      } else {
+        // * when time picker is in 24 hour format
+        selected24HourFormat = Number(get24Hours()[this.selectedHourIndex]);
+      }
+      const selectedMinute = Number(getMinutes()[this.selectedMinuteIndex]);
+      const dateObj = getDateTimeObject(date, month, year, selected24HourFormat, selectedMinute);
+      (_this$props = this.props) === null || _this$props === void 0 || (_this$props$onTimeCha = _this$props.onTimeChange) === null || _this$props$onTimeCha === void 0 || _this$props$onTimeCha.call(_this$props, dateObj);
+    });
+    const _selectedTime = props.selectedTime || new Date();
+    const meridiem = _selectedTime.getHours() >= 12 ? 'PM' : 'AM';
+    this.itemHeight = PixelRatio.roundToNearestPixel(this.props.itemHeight || 50) || PixelRatio.roundToNearestPixel(50);
+    this.wrapperHeight = PixelRatio.roundToNearestPixel(this.props.wrapperHeight || 150) || PixelRatio.roundToNearestPixel(150);
+    this.selectedHourIndex = props.is24Hour ? _selectedTime.getHours() : (_selectedTime.getHours() % 12 || 12) - 1;
+    this.selectedMinuteIndex = _selectedTime.getMinutes();
+    this.selectedTimeIndicatorIndex = meridiem === 'AM' ? 0 : 1;
+  }
+  render() {
+    return /*#__PURE__*/React.createElement(View, {
+      style: styles.root
+    }, /*#__PURE__*/React.createElement(WmWheelScrollPicker, {
+      data: this.props.is24Hour ? get24Hours() : getHours(),
+      wrapperHeight: this.wrapperHeight,
+      itemHeight: this.itemHeight,
+      selectedIndex: this.selectedHourIndex,
+      onValueChange: (value, index) => {
+        this.handleValueChange('hour', value, index);
+      }
+    }), /*#__PURE__*/React.createElement(View, {
+      style: styles.middle
+    }, /*#__PURE__*/React.createElement(WmWheelScrollPicker, {
+      data: getMinutes(),
+      wrapperHeight: this.wrapperHeight,
+      itemHeight: this.itemHeight,
+      selectedIndex: this.selectedMinuteIndex,
+      onValueChange: (value, index) => {
+        this.handleValueChange('minute', value, index);
+      }
+    })), !this.props.is24Hour ? /*#__PURE__*/React.createElement(WmWheelScrollPicker, {
+      data: getTimeIndicators(),
+      wrapperHeight: this.wrapperHeight,
+      itemHeight: this.itemHeight,
+      selectedIndex: this.selectedTimeIndicatorIndex,
+      onValueChange: (value, index) => {
+        this.handleValueChange('meridiem', value, index);
+      }
+    }) : /*#__PURE__*/React.createElement(React.Fragment, null));
+  }
+}
+export default WmWheelTimePicker;
+const styles = StyleSheet.create({
+  root: {
+    flexDirection: 'row'
+  },
+  middle: {
+    marginHorizontal: 15
+  }
+});
+//# sourceMappingURL=wheel-time-picker.component.js.map

app-rn-runtime/components/input/epoch/wheel-time-picker.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Component","PixelRatio","StyleSheet","View","WmWheelScrollPicker","get24Hours","getDateTimeObject","getHours","getMinutes","getTimeIndicators","WmWheelTimePickerProps","constructor","_defineProperty","Date","roundToNearestPixel","WmWheelTimePickerState","WmWheelTimePicker","props","valueType","value","index","_this$props","_this$props$onTimeCha","selectedHourIndex","selectedMinuteIndex","selectedTimeIndicatorIndex","selectedTime","date","getDate","month","getMonth","year","getFullYear","selected24HourFormat","is24Hour","selected12HourFormat","Number","selectedMinute","dateObj","onTimeChange","call","meridiem","itemHeight","wrapperHeight","render","createElement","style","styles","root","data","selectedIndex","onValueChange","handleValueChange","middle","Fragment","create","flexDirection","marginHorizontal"],"sources":["wheel-time-picker.component.tsx"],"sourcesContent":["import React, { Component } from 'react';\nimport { PixelRatio, StyleSheet, View } from 'react-native';\nimport WmWheelScrollPicker from './wheelpicker/wheelpicker.component';\nimport {\n  get24Hours,\n  getDateTimeObject,\n  getHours,\n  getMinutes,\n  getTimeIndicators,\n} from '@wavemaker/app-rn-runtime/core/utils';\n\nexport class WmWheelTimePickerProps {\n  selectedTime?: Date = new Date();\n  is24Hour?: boolean = true;\n  onTimeChange?: (date: Date) => void;\n  itemHeight?: number = PixelRatio.roundToNearestPixel(50);\n  wrapperHeight?: number = PixelRatio.roundToNearestPixel(150);\n}\n\nexport class WmWheelTimePickerState {}\n\nexport class WmWheelTimePicker extends Component<\n  WmWheelTimePickerProps,\n  WmWheelTimePickerState,\n  any\n> {\n  itemHeight: number;\n  wrapperHeight: number;\n  selectedHourIndex: number = 0;\n  selectedMinuteIndex: number = 0;\n  selectedTimeIndicatorIndex: number = 0;\n\n  constructor(props: WmWheelTimePickerProps) {\n    super(props);\n    const selectedTime = props.selectedTime || new Date();\n    const meridiem = selectedTime.getHours() >= 12 ? 'PM' : 'AM';\n\n    this.itemHeight =\n      PixelRatio.roundToNearestPixel(this.props.itemHeight || 50) ||\n      PixelRatio.roundToNearestPixel(50);\n    this.wrapperHeight =\n      PixelRatio.roundToNearestPixel(this.props.wrapperHeight || 150) ||\n      PixelRatio.roundToNearestPixel(150);\n    this.selectedHourIndex = props.is24Hour\n      ? selectedTime.getHours()\n      : (selectedTime.getHours() % 12 || 12) - 1;\n    this.selectedMinuteIndex = selectedTime.getMinutes();\n    this.selectedTimeIndicatorIndex = meridiem === 'AM' ? 0 : 1;\n  }\n\n  handleValueChange = (\n    valueType: 'hour' | 'minute' | 'meridiem',\n    value: string | number,\n    index: number\n  ) => {\n    switch (valueType) {\n      case 'hour':\n        this.selectedHourIndex = index;\n        break;\n      case 'minute':\n        this.selectedMinuteIndex = index;\n        break;\n      case 'meridiem':\n        this.selectedTimeIndicatorIndex = index;\n        break;\n      default:\n        break;\n    }\n\n    const selectedTime = this.props.selectedTime || new Date();\n    const date = selectedTime.getDate();\n    const month = selectedTime.getMonth();\n    const year = selectedTime.getFullYear();\n\n    let selected24HourFormat;\n    if (!this.props.is24Hour) {\n      // * when time picker is in 12 hour format\n      const selected12HourFormat = Number(getHours()[this.selectedHourIndex]);\n      selected24HourFormat =\n        this.selectedTimeIndicatorIndex === 0\n          ? selected12HourFormat\n          : selected12HourFormat + 12;\n    } else {\n      // * when time picker is in 24 hour format\n      selected24HourFormat = Number(get24Hours()[this.selectedHourIndex]);\n    }\n\n    const selectedMinute = Number(getMinutes()[this.selectedMinuteIndex]);\n\n    const dateObj = getDateTimeObject(\n      date,\n      month,\n      year,\n      selected24HourFormat,\n      selectedMinute\n    );\n\n    this.props?.onTimeChange?.(dateObj);\n  };\n\n  render() {\n    return (\n      <View style={styles.root}>\n        <WmWheelScrollPicker\n          data={this.props.is24Hour ? get24Hours() : getHours()}\n          wrapperHeight={this.wrapperHeight}\n          itemHeight={this.itemHeight}\n          selectedIndex={this.selectedHourIndex}\n          onValueChange={(value: string | number, index: number) => {\n            this.handleValueChange('hour', value, index);\n          }}\n        />\n        <View style={styles.middle}>\n          <WmWheelScrollPicker\n            data={getMinutes()}\n            wrapperHeight={this.wrapperHeight}\n            itemHeight={this.itemHeight}\n            selectedIndex={this.selectedMinuteIndex}\n            onValueChange={(value: string | number, index: number) => {\n              this.handleValueChange('minute', value, index);\n            }}\n          />\n        </View>\n        {!this.props.is24Hour ? (\n          <WmWheelScrollPicker\n            data={getTimeIndicators()}\n            wrapperHeight={this.wrapperHeight}\n            itemHeight={this.itemHeight}\n            selectedIndex={this.selectedTimeIndicatorIndex}\n            onValueChange={(value: string | number, index: number) => {\n              this.handleValueChange('meridiem', value, index);\n            }}\n          />\n        ) : (\n          <></>\n        )}\n      </View>\n    );\n  }\n}\n\nexport default WmWheelTimePicker;\n\nconst styles = StyleSheet.create({\n  root: {\n    flexDirection: 'row',\n  },\n  middle: {\n    marginHorizontal: 15,\n  },\n});\n"],"mappings":"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","ignoreList":[]}

app-rn-runtime/components/input/epoch/wheelpicker/wheelpicker.component.js

@@ -0,0 +1,91 @@
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+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, { createRef } from 'react';
+import { Text, View } from 'react-native';
+import { ScrollView } from 'react-native-gesture-handler';
+import { DEFAULT_CLASS } from './wheelpicker.styles';
+import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
+export class WmWheelPickerState extends BaseComponentState {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "selectedIndex", 0);
+  }
+}
+export class WmWheelScrollPicker extends BaseComponent {
+  constructor(_props) {
+    super(_props, DEFAULT_CLASS);
+    _defineProperty(this, "wheelPickerRef", null);
+    _defineProperty(this, "handleWheelScroll", event => {
+      // console.log('scroll =>', event.nativeEvent.contentOffset);
+      const selectedIdx = Math.round(event.nativeEvent.contentOffset.y / this.props.itemHeight);
+      this.setState({
+        selectedIndex: selectedIdx
+      });
+    });
+    _defineProperty(this, "handleWheelMomentumEnd", () => {
+      var _this$props$onValueCh, _this$props;
+      const props = this.props;
+      const state = this.state;
+      const selectedData = props.data[state.selectedIndex];
+      (_this$props$onValueCh = (_this$props = this.props).onValueChange) === null || _this$props$onValueCh === void 0 || _this$props$onValueCh.call(_this$props, selectedData, state.selectedIndex);
+    });
+    this.wheelPickerRef = /*#__PURE__*/createRef();
+  }
+  initialScrollTo() {
+    var _this$wheelPickerRef, _this$wheelPickerRef$;
+    const props = this.props;
+    const y = props.itemHeight * props.selectedIndex;
+    (_this$wheelPickerRef = this.wheelPickerRef) === null || _this$wheelPickerRef === void 0 || (_this$wheelPickerRef = _this$wheelPickerRef.current) === null || _this$wheelPickerRef === void 0 || (_this$wheelPickerRef$ = _this$wheelPickerRef.scrollTo) === null || _this$wheelPickerRef$ === void 0 || _this$wheelPickerRef$.call(_this$wheelPickerRef, {
+      y: y,
+      animated: false
+    });
+    this.setState({
+      selectedIndex: props.selectedIndex || 0
+    });
+  }
+  renderWidget(props) {
+    const state = this.state;
+    const styles = this.styles;
+    const {
+      data,
+      wrapperHeight,
+      itemHeight
+    } = props;
+    const scrollOffset = (wrapperHeight - itemHeight) / 2;
+    return /*#__PURE__*/React.createElement(View, {
+      style: [styles.root, {
+        height: wrapperHeight
+      }]
+    }, /*#__PURE__*/React.createElement(ScrollView, {
+      ref: this.wheelPickerRef,
+      scrollEventThrottle: 16,
+      contentContainerStyle: {
+        paddingVertical: scrollOffset
+      },
+      showsVerticalScrollIndicator: false,
+      onLayout: () => this.initialScrollTo(),
+      onScroll: this.handleWheelScroll,
+      onMomentumScrollEnd: this.handleWheelMomentumEnd,
+      decelerationRate: "fast",
+      snapToInterval: itemHeight // your snap points
+    }, data.map((item, index) => {
+      const isSelected = index === state.selectedIndex;
+      return /*#__PURE__*/React.createElement(View, {
+        key: `data_item_${index}`,
+        style: [styles.center, styles.itemBg, {
+          height: itemHeight
+        }]
+      }, /*#__PURE__*/React.createElement(Text, {
+        style: isSelected ? [styles.selectedItemText] : [styles.itemText]
+      }, item));
+    })), /*#__PURE__*/React.createElement(View, {
+      style: [styles.selectedItemBg, {
+        height: itemHeight,
+        top: scrollOffset
+      }]
+    }));
+  }
+}
+export default WmWheelScrollPicker;
+//# sourceMappingURL=wheelpicker.component.js.map

app-rn-runtime/components/input/epoch/wheelpicker/wheelpicker.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","createRef","Text","View","ScrollView","DEFAULT_CLASS","BaseComponent","BaseComponentState","WmWheelPickerState","constructor","args","_defineProperty","WmWheelScrollPicker","props","event","selectedIdx","Math","round","nativeEvent","contentOffset","y","itemHeight","setState","selectedIndex","_this$props$onValueCh","_this$props","state","selectedData","data","onValueChange","call","wheelPickerRef","initialScrollTo","_this$wheelPickerRef","_this$wheelPickerRef$","current","scrollTo","animated","renderWidget","styles","wrapperHeight","scrollOffset","createElement","style","root","height","ref","scrollEventThrottle","contentContainerStyle","paddingVertical","showsVerticalScrollIndicator","onLayout","onScroll","handleWheelScroll","onMomentumScrollEnd","handleWheelMomentumEnd","decelerationRate","snapToInterval","map","item","index","isSelected","key","center","itemBg","selectedItemText","itemText","selectedItemBg","top"],"sources":["wheelpicker.component.tsx"],"sourcesContent":["import React, {createRef} from 'react';\nimport {\n  NativeScrollEvent,\n  NativeSyntheticEvent,\n  Text,\n  View,\n} from 'react-native';\nimport { ScrollView } from 'react-native-gesture-handler';\nimport WmWheelPickerProps from './wheelpicker.props';\nimport { DEFAULT_CLASS, WmWheelPickerStyles } from './wheelpicker.styles';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport class WmWheelPickerState extends BaseComponentState<WmWheelPickerProps> {\n  selectedIndex: number = 0;\n}\n\nexport class WmWheelScrollPicker extends BaseComponent<WmWheelPickerProps, WmWheelPickerState,\n WmWheelPickerStyles> {\n  wheelPickerRef: any = null;\n\n  constructor(props: WmWheelPickerProps) {\n    super(props, DEFAULT_CLASS);\n\n    this.wheelPickerRef = createRef();\n  }\n\n  initialScrollTo() {\n    const props = this.props;\n    const y = props.itemHeight * props.selectedIndex;\n    this.wheelPickerRef?.current?.scrollTo?.({y: y, animated: false});\n    this.setState({\n      selectedIndex: props.selectedIndex || 0,\n    });\n  }\n\n  handleWheelScroll = (event: NativeSyntheticEvent<NativeScrollEvent>) => {\n    // console.log('scroll =>', event.nativeEvent.contentOffset);\n    const selectedIdx = Math.round(\n      event.nativeEvent.contentOffset.y / this.props.itemHeight,\n    );\n\n    this.setState({\n      selectedIndex: selectedIdx,\n    });\n  };\n\n  handleWheelMomentumEnd = () => {\n    const props = this.props;\n    const state = this.state;\n\n    const selectedData = props.data[state.selectedIndex];\n    this.props.onValueChange?.(selectedData, state.selectedIndex);\n  };\n\n  renderWidget(props: WmWheelPickerProps) {\n    const state = this.state;\n    const styles = this.styles;\n    const {data, wrapperHeight, itemHeight} = props;\n    const scrollOffset = (wrapperHeight - itemHeight) / 2;\n\n    return (\n      <View style={[styles.root, {height: wrapperHeight}]}>\n        <ScrollView\n          ref={this.wheelPickerRef}\n          scrollEventThrottle={16}\n          contentContainerStyle={{paddingVertical: scrollOffset}}\n          showsVerticalScrollIndicator={false}\n          onLayout={() => this.initialScrollTo()}\n          onScroll={this.handleWheelScroll}\n          onMomentumScrollEnd={this.handleWheelMomentumEnd}\n          decelerationRate=\"fast\"\n          snapToInterval={itemHeight} // your snap points\n        >\n          {data.map((item, index) => {\n            const isSelected = index === state.selectedIndex;\n\n            return (\n              <View\n                key={`data_item_${index}`}\n                style={[styles.center, styles.itemBg, {height: itemHeight}]}>\n                <Text\n                  style={\n                    isSelected ? [styles.selectedItemText] : [styles.itemText]\n                  }>\n                  {item}\n                </Text>\n              </View>\n            );\n          })}\n        </ScrollView>\n        <View\n          style={[\n            styles.selectedItemBg,\n            {\n              height: itemHeight,\n              top: scrollOffset,\n            },\n          ]}\n        />\n      </View>\n    );\n  }\n}\n\nexport default WmWheelScrollPicker;\n"],"mappings":"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","ignoreList":[]}

app-rn-runtime/components/input/epoch/wheelpicker/wheelpicker.props.js

@@ -0,0 +1,17 @@
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+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 { BaseProps } from "@wavemaker/app-rn-runtime/core/base.component";
+import { PixelRatio } from "react-native";
+export const defaultItemHeight = PixelRatio.roundToNearestPixel(50);
+export default class WmWheelPickerProps extends BaseProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "data", []);
+    _defineProperty(this, "wrapperHeight", PixelRatio.roundToNearestPixel(150));
+    _defineProperty(this, "itemHeight", defaultItemHeight);
+    _defineProperty(this, "selectedIndex", 0);
+    _defineProperty(this, "onValueChange", void 0);
+  }
+}
+//# sourceMappingURL=wheelpicker.props.js.map

app-rn-runtime/components/input/epoch/wheelpicker/wheelpicker.props.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BaseProps","PixelRatio","defaultItemHeight","roundToNearestPixel","WmWheelPickerProps","constructor","args","_defineProperty"],"sources":["wheelpicker.props.ts"],"sourcesContent":["import { BaseProps } from \"@wavemaker/app-rn-runtime/core/base.component\";\nimport { PixelRatio } from \"react-native\";\n\nexport const defaultItemHeight = PixelRatio.roundToNearestPixel(50);\n\nexport default class WmWheelPickerProps extends BaseProps {\n  data: Array<string | number> = [];\n  wrapperHeight: number = PixelRatio.roundToNearestPixel(150);\n  itemHeight: number = defaultItemHeight;\n  selectedIndex: number = 0;\n  onValueChange?: (value: string | number, index: number) => void;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AACzE,SAASC,UAAU,QAAQ,cAAc;AAEzC,OAAO,MAAMC,iBAAiB,GAAGD,UAAU,CAACE,mBAAmB,CAAC,EAAE,CAAC;AAEnE,eAAe,MAAMC,kBAAkB,SAASJ,SAAS,CAAC;EAAAK,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,eACzB,EAAE;IAAAA,eAAA,wBACTN,UAAU,CAACE,mBAAmB,CAAC,GAAG,CAAC;IAAAI,eAAA,qBACtCL,iBAAiB;IAAAK,eAAA,wBACd,CAAC;IAAAA,eAAA;EAAA;AAE3B","ignoreList":[]}

app-rn-runtime/components/input/epoch/wheelpicker/wheelpicker.styles.js

@@ -0,0 +1,55 @@
+import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';
+import { defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';
+export const DEFAULT_CLASS = 'app-wheel-picker';
+BASE_THEME.registerStyle((themeVariables, addStyle) => {
+  const defaultStyles = defineStyles({
+    root: {
+      position: 'relative',
+      width: 100,
+      overflow: 'hidden'
+    },
+    text: {
+      fontSize: 16
+    },
+    gestureRoot: {
+      height: '100%'
+    },
+    center: {
+      flexDirection: 'row',
+      justifyContent: 'center',
+      alignItems: 'center'
+    },
+    selectedItemBg: {
+      pointerEvents: 'none',
+      position: 'absolute',
+      width: '100%',
+      borderTopColor: themeVariables.wheelHighlightBorder,
+      borderBottomColor: themeVariables.wheelHighlightBorder,
+      borderTopWidth: 2,
+      borderBottomWidth: 2
+    },
+    itemBg: {
+      backgroundColor: 'transparent'
+    },
+    selectedItemText: {
+      fontSize: 18,
+      fontWeight: '600',
+      color: themeVariables.wheelSelectedTextColor
+    },
+    itemText: {
+      fontSize: 17,
+      fontWeight: '400',
+      color: themeVariables.wheelTextColor
+    },
+    disabled: {
+      pointerEvents: 'none'
+    }
+  });
+  addStyle(DEFAULT_CLASS, '', defaultStyles);
+  addStyle(DEFAULT_CLASS + '-disabled', '', {
+    root: {
+      opacity: 0.5
+    }
+  });
+});
+//# sourceMappingURL=wheelpicker.styles.js.map

app-rn-runtime/components/input/epoch/wheelpicker/wheelpicker.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","position","width","overflow","text","fontSize","gestureRoot","height","center","flexDirection","justifyContent","alignItems","selectedItemBg","pointerEvents","borderTopColor","wheelHighlightBorder","borderBottomColor","borderTopWidth","borderBottomWidth","itemBg","backgroundColor","selectedItemText","fontWeight","color","wheelSelectedTextColor","itemText","wheelTextColor","disabled","opacity"],"sources":["wheelpicker.styles.ts"],"sourcesContent":["import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { TextStyle, ViewStyle } from 'react-native';\n\nexport type WmWheelPickerStyles = BaseStyles & {\n  center: ViewStyle;\n  selectedItemBg: ViewStyle;\n  itemBg: ViewStyle;\n  selectedItemText: TextStyle;\n  itemText: TextStyle;\n  disabled: ViewStyle;\n};\n\nexport const DEFAULT_CLASS = 'app-wheel-picker';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles: WmWheelPickerStyles = defineStyles({\n        root: {\n          position: 'relative',\n          width: 100,\n          overflow: 'hidden',\n        },\n        text: {\n          fontSize: 16\n        },\n        gestureRoot: {\n          height: '100%',\n        },\n        center: {\n          flexDirection: 'row',\n          justifyContent: 'center',\n          alignItems: 'center',\n        },\n        selectedItemBg: {\n          pointerEvents: 'none',\n          position: 'absolute',\n          width: '100%',\n          borderTopColor: themeVariables.wheelHighlightBorder,\n          borderBottomColor: themeVariables.wheelHighlightBorder,\n          borderTopWidth: 2,\n          borderBottomWidth: 2,\n        },\n        itemBg: {\n          backgroundColor: 'transparent',\n        },\n        selectedItemText: {\n          fontSize: 18,\n          fontWeight: '600',\n          color: themeVariables.wheelSelectedTextColor,\n        },\n        itemText: {\n          fontSize: 17,\n          fontWeight: '400',\n          color: themeVariables.wheelTextColor,\n        },\n        disabled: {\n          pointerEvents: 'none'\n        }\n    }) as WmWheelPickerStyles;\n\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n    addStyle(DEFAULT_CLASS + '-disabled', '', {\n        root : {\n          opacity: 0.5\n        }\n    });\n});\n"],"mappings":"AAAA,OAAOA,UAAU,MAAM,wCAAwC;AAC/D,SAAqBC,YAAY,QAAQ,+CAA+C;AAYxF,OAAO,MAAMC,aAAa,GAAG,kBAAkB;AAC/CF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnD,MAAMC,aAAkC,GAAGL,YAAY,CAAC;IACpDM,IAAI,EAAE;MACJC,QAAQ,EAAE,UAAU;MACpBC,KAAK,EAAE,GAAG;MACVC,QAAQ,EAAE;IACZ,CAAC;IACDC,IAAI,EAAE;MACJC,QAAQ,EAAE;IACZ,CAAC;IACDC,WAAW,EAAE;MACXC,MAAM,EAAE;IACV,CAAC;IACDC,MAAM,EAAE;MACNC,aAAa,EAAE,KAAK;MACpBC,cAAc,EAAE,QAAQ;MACxBC,UAAU,EAAE;IACd,CAAC;IACDC,cAAc,EAAE;MACdC,aAAa,EAAE,MAAM;MACrBZ,QAAQ,EAAE,UAAU;MACpBC,KAAK,EAAE,MAAM;MACbY,cAAc,EAAEjB,cAAc,CAACkB,oBAAoB;MACnDC,iBAAiB,EAAEnB,cAAc,CAACkB,oBAAoB;MACtDE,cAAc,EAAE,CAAC;MACjBC,iBAAiB,EAAE;IACrB,CAAC;IACDC,MAAM,EAAE;MACNC,eAAe,EAAE;IACnB,CAAC;IACDC,gBAAgB,EAAE;MAChBhB,QAAQ,EAAE,EAAE;MACZiB,UAAU,EAAE,KAAK;MACjBC,KAAK,EAAE1B,cAAc,CAAC2B;IACxB,CAAC;IACDC,QAAQ,EAAE;MACRpB,QAAQ,EAAE,EAAE;MACZiB,UAAU,EAAE,KAAK;MACjBC,KAAK,EAAE1B,cAAc,CAAC6B;IACxB,CAAC;IACDC,QAAQ,EAAE;MACRd,aAAa,EAAE;IACjB;EACJ,CAAC,CAAwB;EAEzBf,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;EAC1CD,QAAQ,CAACH,aAAa,GAAG,WAAW,EAAE,EAAE,EAAE;IACtCK,IAAI,EAAG;MACL4B,OAAO,EAAE;IACX;EACJ,CAAC,CAAC;AACN,CAAC,CAAC","ignoreList":[]}

app-rn-runtime/components/input/epoch/wheelpickermodal/date/date-picker-modal.component.js

@@ -0,0 +1,72 @@
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+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 { Modal, Text, TouchableWithoutFeedback, View } from 'react-native';
+import WmWheelDatePicker from '../../wheel-date-picker.component';
+import WmButton from '../../../../basic/button/button.component';
+import { DEFAULT_CLASS } from '../styles/datetime-picker-modal.styles';
+import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
+import WmDatePickerModalProps from './date-picker-modal.props';
+export class WmDatePickerModalState extends BaseComponentState {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "selectedDate", new Date());
+  }
+}
+export class WmDatePickerModal extends BaseComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmDatePickerModalProps());
+  }
+  renderWidget() {
+    const {
+      isVisible,
+      onClose,
+      onCancel,
+      onSelect
+    } = this.props;
+    const {
+      selectedDate
+    } = this.state;
+    const {
+      styles
+    } = this;
+    return /*#__PURE__*/React.createElement(Modal, {
+      animationType: "fade",
+      transparent: true,
+      visible: isVisible,
+      onRequestClose: onClose,
+      onDismiss: onClose
+    }, /*#__PURE__*/React.createElement(View, {
+      style: styles.root
+    }, /*#__PURE__*/React.createElement(TouchableWithoutFeedback, {
+      style: styles.flex1,
+      onPress: onClose
+    }, /*#__PURE__*/React.createElement(View, {
+      style: styles.flex1
+    })), /*#__PURE__*/React.createElement(View, {
+      style: styles.container
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: styles.header
+    }, "Select Date"), /*#__PURE__*/React.createElement(WmWheelDatePicker, {
+      selectedDate: this.props.selectedDate || selectedDate,
+      onDateChange: date => {
+        this.setState({
+          selectedDate: date
+        });
+      }
+    }), /*#__PURE__*/React.createElement(View, {
+      style: styles.buttonWrapper
+    }, /*#__PURE__*/React.createElement(WmButton, {
+      styles: styles.cancelBtn,
+      caption: "Cancel",
+      onTap: onCancel
+    }), /*#__PURE__*/React.createElement(WmButton, {
+      styles: styles.selectBtn,
+      caption: "Select",
+      onTap: () => onSelect === null || onSelect === void 0 ? void 0 : onSelect(selectedDate || this.props.selectedDate || new Date())
+    })))));
+  }
+}
+export default WmDatePickerModal;
+//# sourceMappingURL=date-picker-modal.component.js.map

app-rn-runtime/components/input/epoch/wheelpickermodal/date/date-picker-modal.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Modal","Text","TouchableWithoutFeedback","View","WmWheelDatePicker","WmButton","DEFAULT_CLASS","BaseComponent","BaseComponentState","WmDatePickerModalProps","WmDatePickerModalState","constructor","args","_defineProperty","Date","WmDatePickerModal","props","renderWidget","isVisible","onClose","onCancel","onSelect","selectedDate","state","styles","createElement","animationType","transparent","visible","onRequestClose","onDismiss","style","root","flex1","onPress","container","header","onDateChange","date","setState","buttonWrapper","cancelBtn","caption","onTap","selectBtn"],"sources":["date-picker-modal.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Modal, Text, TouchableWithoutFeedback, View } from 'react-native';\nimport WmWheelDatePicker from '../../wheel-date-picker.component';\nimport WmButton from '../../../../basic/button/button.component';\nimport {\n  DEFAULT_CLASS,\n  WmDateTimePickerModalStyles,\n} from '../styles/datetime-picker-modal.styles';\nimport {\n  BaseComponent,\n  BaseComponentState,\n} from '@wavemaker/app-rn-runtime/core/base.component';\nimport WmDatePickerModalProps from './date-picker-modal.props';\n\nexport class WmDatePickerModalState extends BaseComponentState<WmDatePickerModalProps> {\n  selectedDate: Date = new Date();\n}\n\nexport class WmDatePickerModal extends BaseComponent<\n  WmDatePickerModalProps,\n  WmDatePickerModalState,\n  WmDateTimePickerModalStyles\n> {\n  constructor(props: WmDatePickerModalProps) {\n    super(props, DEFAULT_CLASS, new WmDatePickerModalProps());\n  }\n\n  renderWidget() {\n    const { isVisible, onClose, onCancel, onSelect } = this.props;\n    const { selectedDate } = this.state;\n    const { styles } = this;\n\n    return (\n      <Modal\n        animationType=\"fade\"\n        transparent={true}\n        visible={isVisible}\n        onRequestClose={onClose}\n        onDismiss={onClose}\n      >\n        <View style={styles.root}>\n          <TouchableWithoutFeedback style={styles.flex1} onPress={onClose}>\n            <View style={styles.flex1} />\n          </TouchableWithoutFeedback>\n          <View style={styles.container}>\n            <Text style={styles.header}>Select Date</Text>\n            <WmWheelDatePicker\n              selectedDate={this.props.selectedDate || selectedDate}\n              onDateChange={(date) => {\n                this.setState({ selectedDate: date });\n              }}\n            />\n            <View style={styles.buttonWrapper}>\n              <WmButton\n                styles={styles.cancelBtn}\n                caption=\"Cancel\"\n                onTap={onCancel}\n              />\n              <WmButton\n                styles={styles.selectBtn}\n                caption=\"Select\"\n                onTap={() => onSelect?.(selectedDate || this.props.selectedDate || new Date())}\n              />\n            </View>\n          </View>\n        </View>\n      </Modal>\n    );\n  }\n}\n\nexport default WmDatePickerModal;\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,EAAEC,IAAI,EAAEC,wBAAwB,EAAEC,IAAI,QAAQ,cAAc;AAC1E,OAAOC,iBAAiB,MAAM,mCAAmC;AACjE,OAAOC,QAAQ,MAAM,2CAA2C;AAChE,SACEC,aAAa,QAER,wCAAwC;AAC/C,SACEC,aAAa,EACbC,kBAAkB,QACb,+CAA+C;AACtD,OAAOC,sBAAsB,MAAM,2BAA2B;AAE9D,OAAO,MAAMC,sBAAsB,SAASF,kBAAkB,CAAyB;EAAAG,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,uBAChE,IAAIC,IAAI,CAAC,CAAC;EAAA;AACjC;AAEA,OAAO,MAAMC,iBAAiB,SAASR,aAAa,CAIlD;EACAI,WAAWA,CAACK,KAA6B,EAAE;IACzC,KAAK,CAACA,KAAK,EAAEV,aAAa,EAAE,IAAIG,sBAAsB,CAAC,CAAC,CAAC;EAC3D;EAEAQ,YAAYA,CAAA,EAAG;IACb,MAAM;MAAEC,SAAS;MAAEC,OAAO;MAAEC,QAAQ;MAAEC;IAAS,CAAC,GAAG,IAAI,CAACL,KAAK;IAC7D,MAAM;MAAEM;IAAa,CAAC,GAAG,IAAI,CAACC,KAAK;IACnC,MAAM;MAAEC;IAAO,CAAC,GAAG,IAAI;IAEvB,oBACEzB,KAAA,CAAA0B,aAAA,CAACzB,KAAK;MACJ0B,aAAa,EAAC,MAAM;MACpBC,WAAW,EAAE,IAAK;MAClBC,OAAO,EAAEV,SAAU;MACnBW,cAAc,EAAEV,OAAQ;MACxBW,SAAS,EAAEX;IAAQ,gBAEnBpB,KAAA,CAAA0B,aAAA,CAACtB,IAAI;MAAC4B,KAAK,EAAEP,MAAM,CAACQ;IAAK,gBACvBjC,KAAA,CAAA0B,aAAA,CAACvB,wBAAwB;MAAC6B,KAAK,EAAEP,MAAM,CAACS,KAAM;MAACC,OAAO,EAAEf;IAAQ,gBAC9DpB,KAAA,CAAA0B,aAAA,CAACtB,IAAI;MAAC4B,KAAK,EAAEP,MAAM,CAACS;IAAM,CAAE,CACJ,CAAC,eAC3BlC,KAAA,CAAA0B,aAAA,CAACtB,IAAI;MAAC4B,KAAK,EAAEP,MAAM,CAACW;IAAU,gBAC5BpC,KAAA,CAAA0B,aAAA,CAACxB,IAAI;MAAC8B,KAAK,EAAEP,MAAM,CAACY;IAAO,GAAC,aAAiB,CAAC,eAC9CrC,KAAA,CAAA0B,aAAA,CAACrB,iBAAiB;MAChBkB,YAAY,EAAE,IAAI,CAACN,KAAK,CAACM,YAAY,IAAIA,YAAa;MACtDe,YAAY,EAAGC,IAAI,IAAK;QACtB,IAAI,CAACC,QAAQ,CAAC;UAAEjB,YAAY,EAAEgB;QAAK,CAAC,CAAC;MACvC;IAAE,CACH,CAAC,eACFvC,KAAA,CAAA0B,aAAA,CAACtB,IAAI;MAAC4B,KAAK,EAAEP,MAAM,CAACgB;IAAc,gBAChCzC,KAAA,CAAA0B,aAAA,CAACpB,QAAQ;MACPmB,MAAM,EAAEA,MAAM,CAACiB,SAAU;MACzBC,OAAO,EAAC,QAAQ;MAChBC,KAAK,EAAEvB;IAAS,CACjB,CAAC,eACFrB,KAAA,CAAA0B,aAAA,CAACpB,QAAQ;MACPmB,MAAM,EAAEA,MAAM,CAACoB,SAAU;MACzBF,OAAO,EAAC,QAAQ;MAChBC,KAAK,EAAEA,CAAA,KAAMtB,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAGC,YAAY,IAAI,IAAI,CAACN,KAAK,CAACM,YAAY,IAAI,IAAIR,IAAI,CAAC,CAAC;IAAE,CAChF,CACG,CACF,CACF,CACD,CAAC;EAEZ;AACF;AAEA,eAAeC,iBAAiB","ignoreList":[]}