@sparrowengg/twigs-mobile 0.1.0 → 0.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +12 -1
- package/lib/commonjs/alert/helpers.js +1 -1
- package/lib/commonjs/avatar/avatar-group.js +1 -1
- package/lib/commonjs/avatar/avatar.js +1 -1
- package/lib/commonjs/bottom-sheet/bottom-sheet-header.js +1 -1
- package/lib/commonjs/dropdown/constants.js +1 -0
- package/lib/commonjs/dropdown/dropdown-context.js +1 -0
- package/lib/commonjs/dropdown/dropdown-menu-content.js +1 -0
- package/lib/commonjs/dropdown/dropdown-menu-item.js +1 -0
- package/lib/commonjs/dropdown/dropdown-menu-label.js +1 -0
- package/lib/commonjs/dropdown/dropdown-menu-separator.js +1 -0
- package/lib/commonjs/dropdown/dropdown-menu-trigger.js +1 -0
- package/lib/commonjs/dropdown/dropdown-menu.js +1 -0
- package/lib/commonjs/dropdown/helpers.js +1 -0
- package/lib/commonjs/dropdown/index.js +1 -0
- package/lib/commonjs/dropdown/styles.js +1 -0
- package/lib/commonjs/dropdown/types.js +1 -0
- package/lib/commonjs/flex/flex.js +1 -1
- package/lib/commonjs/index.js +1 -1
- package/lib/commonjs/loader/circle-loader.js +1 -1
- package/lib/commonjs/loader/line-loader.js +1 -1
- package/lib/commonjs/modal/helpers.js +1 -1
- package/lib/commonjs/stepper/constants.js +1 -0
- package/lib/commonjs/stepper/helpers.js +1 -0
- package/lib/commonjs/stepper/icons.js +1 -0
- package/lib/commonjs/stepper/index.js +1 -0
- package/lib/commonjs/stepper/stepper-connector.js +1 -0
- package/lib/commonjs/stepper/stepper-context.js +1 -0
- package/lib/commonjs/stepper/stepper-item.js +1 -0
- package/lib/commonjs/stepper/stepper-trigger.js +1 -0
- package/lib/commonjs/stepper/stepper.js +1 -0
- package/lib/commonjs/stepper/styles.js +1 -0
- package/lib/commonjs/stepper/types.js +1 -0
- package/lib/commonjs/tabs/constants.js +1 -0
- package/lib/commonjs/tabs/helpers.js +1 -0
- package/lib/commonjs/tabs/index.js +1 -0
- package/lib/commonjs/tabs/styles.js +1 -0
- package/lib/commonjs/tabs/tabs-content.js +1 -0
- package/lib/commonjs/tabs/tabs-context.js +1 -0
- package/lib/commonjs/tabs/tabs-list.js +1 -0
- package/lib/commonjs/tabs/tabs-trigger.js +1 -0
- package/lib/commonjs/tabs/tabs.js +1 -0
- package/lib/commonjs/tabs/types.js +1 -0
- package/lib/commonjs/text/constants.js +1 -0
- package/lib/commonjs/text/helpers.js +1 -0
- package/lib/commonjs/text/text.js +1 -1
- package/lib/commonjs/text-area/constants.js +1 -0
- package/lib/commonjs/text-area/index.js +1 -0
- package/lib/commonjs/text-area/styles.js +1 -0
- package/lib/commonjs/text-area/text-area.js +1 -0
- package/lib/commonjs/text-area/types.js +1 -0
- package/lib/commonjs/text-input/constants.js +1 -1
- package/lib/commonjs/text-input/styles.js +1 -1
- package/lib/commonjs/text-input/text-input.js +1 -1
- package/lib/commonjs/toast/helpers.js +1 -1
- package/lib/commonjs/toast/toast-item.js +1 -1
- package/lib/commonjs/tooltip/tooltip.js +1 -1
- package/lib/commonjs/utils/index.js +1 -1
- package/lib/module/alert/helpers.js +1 -1
- package/lib/module/avatar/avatar-group.js +1 -1
- package/lib/module/avatar/avatar.js +1 -1
- package/lib/module/bottom-sheet/bottom-sheet-header.js +1 -1
- package/lib/module/dropdown/constants.js +1 -0
- package/lib/module/dropdown/dropdown-context.js +1 -0
- package/lib/module/dropdown/dropdown-menu-content.js +1 -0
- package/lib/module/dropdown/dropdown-menu-item.js +1 -0
- package/lib/module/dropdown/dropdown-menu-label.js +1 -0
- package/lib/module/dropdown/dropdown-menu-separator.js +1 -0
- package/lib/module/dropdown/dropdown-menu-trigger.js +1 -0
- package/lib/module/dropdown/dropdown-menu.js +1 -0
- package/lib/module/dropdown/helpers.js +1 -0
- package/lib/module/dropdown/index.js +1 -0
- package/lib/module/dropdown/styles.js +1 -0
- package/lib/module/dropdown/types.js +1 -0
- package/lib/module/flex/flex.js +1 -1
- package/lib/module/index.js +1 -1
- package/lib/module/loader/circle-loader.js +1 -1
- package/lib/module/loader/line-loader.js +1 -1
- package/lib/module/modal/helpers.js +1 -1
- package/lib/module/stepper/constants.js +1 -0
- package/lib/module/stepper/helpers.js +1 -0
- package/lib/module/stepper/icons.js +1 -0
- package/lib/module/stepper/index.js +1 -0
- package/lib/module/stepper/stepper-connector.js +1 -0
- package/lib/module/stepper/stepper-context.js +1 -0
- package/lib/module/stepper/stepper-item.js +1 -0
- package/lib/module/stepper/stepper-trigger.js +1 -0
- package/lib/module/stepper/stepper.js +1 -0
- package/lib/module/stepper/styles.js +1 -0
- package/lib/module/stepper/types.js +1 -0
- package/lib/module/tabs/constants.js +1 -0
- package/lib/module/tabs/helpers.js +1 -0
- package/lib/module/tabs/index.js +1 -0
- package/lib/module/tabs/styles.js +1 -0
- package/lib/module/tabs/tabs-content.js +1 -0
- package/lib/module/tabs/tabs-context.js +1 -0
- package/lib/module/tabs/tabs-list.js +1 -0
- package/lib/module/tabs/tabs-trigger.js +1 -0
- package/lib/module/tabs/tabs.js +1 -0
- package/lib/module/tabs/types.js +1 -0
- package/lib/module/text/constants.js +1 -0
- package/lib/module/text/helpers.js +1 -0
- package/lib/module/text/text.js +1 -1
- package/lib/module/text-area/constants.js +1 -0
- package/lib/module/text-area/index.js +1 -0
- package/lib/module/text-area/styles.js +1 -0
- package/lib/module/text-area/text-area.js +1 -0
- package/lib/module/text-area/types.js +1 -0
- package/lib/module/text-input/constants.js +1 -1
- package/lib/module/text-input/styles.js +1 -1
- package/lib/module/text-input/text-input.js +1 -1
- package/lib/module/toast/helpers.js +1 -1
- package/lib/module/toast/toast-item.js +1 -1
- package/lib/module/tooltip/tooltip.js +1 -1
- package/lib/module/utils/index.js +1 -1
- package/lib/typescript/dropdown/constants.d.ts +23 -0
- package/lib/typescript/dropdown/dropdown-context.d.ts +18 -0
- package/lib/typescript/dropdown/dropdown-menu-content.d.ts +6 -0
- package/lib/typescript/dropdown/dropdown-menu-item.d.ts +5 -0
- package/lib/typescript/dropdown/dropdown-menu-label.d.ts +6 -0
- package/lib/typescript/dropdown/dropdown-menu-separator.d.ts +6 -0
- package/lib/typescript/dropdown/dropdown-menu-trigger.d.ts +6 -0
- package/lib/typescript/dropdown/dropdown-menu.d.ts +5 -0
- package/lib/typescript/dropdown/helpers.d.ts +11 -0
- package/lib/typescript/dropdown/index.d.ts +8 -0
- package/lib/typescript/dropdown/styles.d.ts +32 -0
- package/lib/typescript/dropdown/types.d.ts +54 -0
- package/lib/typescript/index.d.ts +8 -0
- package/lib/typescript/modal/types.d.ts +0 -2
- package/lib/typescript/separator/types.d.ts +0 -4
- package/lib/typescript/stepper/constants.d.ts +23 -0
- package/lib/typescript/stepper/helpers.d.ts +10 -0
- package/lib/typescript/stepper/icons.d.ts +8 -0
- package/lib/typescript/stepper/index.d.ts +5 -0
- package/lib/typescript/stepper/stepper-connector.d.ts +3 -0
- package/lib/typescript/stepper/stepper-context.d.ts +12 -0
- package/lib/typescript/stepper/stepper-item.d.ts +6 -0
- package/lib/typescript/stepper/stepper-trigger.d.ts +14 -0
- package/lib/typescript/stepper/stepper.d.ts +6 -0
- package/lib/typescript/stepper/styles.d.ts +51 -0
- package/lib/typescript/stepper/types.d.ts +25 -0
- package/lib/typescript/switch/types.d.ts +8 -2
- package/lib/typescript/tabs/constants.d.ts +18 -0
- package/lib/typescript/tabs/helpers.d.ts +13 -0
- package/lib/typescript/tabs/index.d.ts +6 -0
- package/lib/typescript/tabs/styles.d.ts +39 -0
- package/lib/typescript/tabs/tabs-content.d.ts +6 -0
- package/lib/typescript/tabs/tabs-context.d.ts +23 -0
- package/lib/typescript/tabs/tabs-list.d.ts +6 -0
- package/lib/typescript/tabs/tabs-trigger.d.ts +5 -0
- package/lib/typescript/tabs/tabs.d.ts +6 -0
- package/lib/typescript/tabs/types.d.ts +43 -0
- package/lib/typescript/text/constants.d.ts +2 -0
- package/lib/typescript/text/helpers.d.ts +10 -0
- package/lib/typescript/text/types.d.ts +12 -0
- package/lib/typescript/text-area/constants.d.ts +24 -0
- package/lib/typescript/text-area/index.d.ts +3 -0
- package/lib/typescript/text-area/styles.d.ts +37 -0
- package/lib/typescript/text-area/text-area.d.ts +6 -0
- package/lib/typescript/text-area/types.d.ts +37 -0
- package/lib/typescript/text-input/constants.d.ts +15 -2
- package/lib/typescript/text-input/styles.d.ts +20 -34
- package/lib/typescript/text-input/text-input.d.ts +1 -1
- package/lib/typescript/text-input/types.d.ts +22 -41
- package/lib/typescript/toast/toast-content.d.ts +1 -1
- package/lib/typescript/utils/index.d.ts +7 -0
- package/package.json +3 -2
|
@@ -0,0 +1 @@
|
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:true});exports.UNDERLINE_HEIGHT=exports.TICK_STROKE_WIDTH=exports.TICK_ICON_SIZE=exports.STEP_LETTER_SPACING=exports.STEP_FONT_SIZE=exports.ITEM_PADDING_HORIZONTAL=exports.ITEM_HEIGHT=exports.ITEM_GAP=exports.COUNTER_SIZE=exports.COUNTER_BORDER_WIDTH=exports.COUNTER_BORDER_RADIUS=exports.CONTAINER_PADDING_HORIZONTAL=exports.CONTAINER_GAP=exports.CONNECTOR_WIDTH=exports.ACTIVE_UNDERLINE_HEIGHT=void 0;var COUNTER_SIZE=exports.COUNTER_SIZE=20;var COUNTER_BORDER_WIDTH=exports.COUNTER_BORDER_WIDTH=1.5;var COUNTER_BORDER_RADIUS=exports.COUNTER_BORDER_RADIUS=999;var TICK_ICON_SIZE=exports.TICK_ICON_SIZE=11;var TICK_STROKE_WIDTH=exports.TICK_STROKE_WIDTH=1.5;var ITEM_HEIGHT=exports.ITEM_HEIGHT=48;var ITEM_PADDING_HORIZONTAL=exports.ITEM_PADDING_HORIZONTAL=8;var ITEM_GAP=exports.ITEM_GAP=8;var CONTAINER_PADDING_HORIZONTAL=exports.CONTAINER_PADDING_HORIZONTAL=24;var CONTAINER_GAP=exports.CONTAINER_GAP=16;var CONNECTOR_WIDTH=exports.CONNECTOR_WIDTH=24;var UNDERLINE_HEIGHT=exports.UNDERLINE_HEIGHT=1;var ACTIVE_UNDERLINE_HEIGHT=exports.ACTIVE_UNDERLINE_HEIGHT=2;var STEP_FONT_SIZE=exports.STEP_FONT_SIZE=14;var STEP_LETTER_SPACING=exports.STEP_LETTER_SPACING=0.028;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:true});exports.getContainerStyles=getContainerStyles;exports.getCounterStyles=getCounterStyles;exports.getCounterTextStyles=getCounterTextStyles;exports.getLabelTextStyles=getLabelTextStyles;exports.getStepState=getStepState;exports.getUnderlineStyles=getUnderlineStyles;var _constants=require("./constants");function getStepState(stepIndex,activeStep,allowClick){if(stepIndex===activeStep)return'active';if(!allowClick)return'disabled';if(stepIndex<activeStep)return'completed';return'inactive';}function getCounterStyles(theme,state){var size=_constants.COUNTER_SIZE+_constants.COUNTER_BORDER_WIDTH*2;var base={width:size,height:size,borderRadius:_constants.COUNTER_BORDER_RADIUS,justifyContent:'center',alignItems:'center'};switch(state){case'active':return Object.assign({},base,{borderWidth:_constants.COUNTER_BORDER_WIDTH,borderColor:theme.colors.accent200});case'completed':return Object.assign({},base,{backgroundColor:theme.colors.neutral400});case'disabled':case'inactive':default:return Object.assign({},base,{borderWidth:_constants.COUNTER_BORDER_WIDTH,borderColor:theme.colors.neutral500});}}function getCounterTextStyles(theme,state){return{fontSize:_constants.STEP_FONT_SIZE,letterSpacing:_constants.STEP_LETTER_SPACING,fontFamily:theme.fonts.bold,textAlign:'center',textAlignVertical:'center',includeFontPadding:false,color:state==='active'?theme.colors.accent800:theme.colors.neutral700};}function getLabelTextStyles(theme,state){var isActive=state==='active';var isCompleted=state==='completed';var color=theme.colors.neutral900;if(isActive){color=theme.colors.accent800;}else if(isCompleted){color=theme.colors.neutral700;}return{fontSize:_constants.STEP_FONT_SIZE,letterSpacing:_constants.STEP_LETTER_SPACING,fontFamily:theme.fonts.bold,color:color};}function getContainerStyles(theme){return{backgroundColor:theme.colors.accent50};}function getUnderlineStyles(theme){return{backgroundColor:theme.colors.accent500};}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.TickIcon=exports.ArrowConnectorIcon=void 0;var _react=_interopRequireDefault(require("react"));var _reactNativeSvg=_interopRequireWildcard(require("react-native-svg"));var _constants=require("./constants");var _jsxRuntime=require("react/jsx-runtime");var _this=this,_jsxFileName="/Users/krishnank/surveysparrow/npm-package/twigs-mobile/src/stepper/icons.tsx";function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap(),n=new WeakMap();return(_interopRequireWildcard=function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;var o,i,f={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return f;if(o=t?n:r){if(o.has(e))return o.get(e);o.set(e,f);}for(var _t in e)"default"!==_t&&{}.hasOwnProperty.call(e,_t)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,_t))&&(i.get||i.set)?o(f,_t,i):f[_t]=e[_t]);return f;})(e,t);}var TickIcon=exports.TickIcon=function TickIcon(_ref){var color=_ref.color;return(0,_jsxRuntime.jsx)(_reactNativeSvg.default,{width:_constants.TICK_ICON_SIZE,height:_constants.TICK_ICON_SIZE*0.727,viewBox:"-1 -1 13 9",fill:"none",children:(0,_jsxRuntime.jsx)(_reactNativeSvg.Path,{d:"M1 3.5L4 6.5L10 0.5",stroke:color,strokeWidth:_constants.TICK_STROKE_WIDTH,strokeLinecap:"round",strokeLinejoin:"round"})});};var ArrowConnectorIcon=exports.ArrowConnectorIcon=function ArrowConnectorIcon(_ref2){var color=_ref2.color;return(0,_jsxRuntime.jsx)(_reactNativeSvg.default,{width:_constants.CONNECTOR_WIDTH,height:12,viewBox:"0 0 26 12",fill:"none",children:(0,_jsxRuntime.jsx)(_reactNativeSvg.Path,{d:"M0.75 4.77297C0.335786 4.77297 0 5.10876 0 5.52297C0 5.93719 0.335786 6.27297 0.75 6.27297V5.52297V4.77297ZM25.2803 6.0533C25.5732 5.76041 25.5732 5.28554 25.2803 4.99264L20.5074 0.219671C20.2145 -0.0732222 19.7396 -0.0732222 19.4467 0.219671C19.1538 0.512565 19.1538 0.987438 19.4467 1.28033L23.6893 5.52297L19.4467 9.76561C19.1538 10.0585 19.1538 10.5334 19.4467 10.8263C19.7396 11.1192 20.2145 11.1192 20.5074 10.8263L25.2803 6.0533ZM0.75 5.52297V6.27297H24.75V5.52297V4.77297H0.75V5.52297Z",fill:color})});};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"Stepper",{enumerable:true,get:function get(){return _stepper.Stepper;}});Object.defineProperty(exports,"StepperConnector",{enumerable:true,get:function get(){return _stepperConnector.StepperConnector;}});Object.defineProperty(exports,"StepperItem",{enumerable:true,get:function get(){return _stepperItem.StepperItem;}});var _stepper=require("./stepper");var _stepperItem=require("./stepper-item");var _stepperConnector=require("./stepper-connector");
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.StepperConnector=void 0;var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _context=require("../context");var _icons=require("./icons");var _styles=require("./styles");var _jsxRuntime=require("react/jsx-runtime");var _this=this,_jsxFileName="/Users/krishnank/surveysparrow/npm-package/twigs-mobile/src/stepper/stepper-connector.tsx";var StepperConnector=exports.StepperConnector=function StepperConnector(){var theme=(0,_context.useTheme)();return(0,_jsxRuntime.jsx)(_reactNative.View,{accessible:false,style:_styles.styles.connector,children:(0,_jsxRuntime.jsx)(_icons.ArrowConnectorIcon,{color:theme.colors.neutral500})});};StepperConnector.displayName='StepperConnector';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:true});exports.StepperContext=void 0;exports.useStepperContext=useStepperContext;var _react=require("react");var StepperContext=exports.StepperContext=(0,_react.createContext)(null);function useStepperContext(){var ctx=(0,_react.useContext)(StepperContext);if(!ctx){throw new Error('Stepper compound components must be used within a <Stepper> parent.');}return ctx;}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.StepperItem=void 0;var _react=_interopRequireDefault(require("react"));var StepperItem=exports.StepperItem=_react.default.forwardRef(function(_props,_ref){return null;});StepperItem.displayName='StepperItem';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:true});exports.StepTrigger=void 0;var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _context=require("../context");var _icons=require("./icons");var _helpers=require("./helpers");var _styles=require("./styles");var _jsxRuntime=require("react/jsx-runtime");var _this=this,_jsxFileName="/Users/krishnank/surveysparrow/npm-package/twigs-mobile/src/stepper/stepper-trigger.tsx";function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap(),n=new WeakMap();return(_interopRequireWildcard=function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;var o,i,f={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return f;if(o=t?n:r){if(o.has(e))return o.get(e);o.set(e,f);}for(var _t in e)"default"!==_t&&{}.hasOwnProperty.call(e,_t)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,_t))&&(i.get||i.set)?o(f,_t,i):f[_t]=e[_t]);return f;})(e,t);}var StepTrigger=exports.StepTrigger=_react.default.memo(function(_ref){var index=_ref.index,label=_ref.label,state=_ref.state,isCompleted=_ref.isCompleted,allowClick=_ref.allowClick,onPress=_ref.onPress,onTriggerLayout=_ref.onTriggerLayout;var theme=(0,_context.useTheme)();var counterStyles=(0,_react.useMemo)(function(){return(0,_helpers.getCounterStyles)(theme,state);},[theme,state]);var counterTextStyles=(0,_react.useMemo)(function(){return(0,_helpers.getCounterTextStyles)(theme,state);},[theme,state]);var labelTextStyles=(0,_react.useMemo)(function(){return(0,_helpers.getLabelTextStyles)(theme,state);},[theme,state]);var handlePress=(0,_react.useCallback)(function(){if(allowClick){onPress(index);}},[allowClick,onPress,index]);var handleLayout=(0,_react.useCallback)(function(e){var _e$nativeEvent$layout=e.nativeEvent.layout,x=_e$nativeEvent$layout.x,width=_e$nativeEvent$layout.width;onTriggerLayout==null||onTriggerLayout(index,x,width);},[index,onTriggerLayout]);var isDisabled=state==='disabled';return(0,_jsxRuntime.jsxs)(_reactNative.Pressable,{testID:`step-trigger-${index}`,onPress:handlePress,onLayout:handleLayout,disabled:!allowClick,accessible:true,accessibilityRole:"button",accessibilityLabel:`Step ${index+1}, ${label}${isCompleted?', completed':''}`,accessibilityState:{disabled:isDisabled},style:[_styles.styles.item,!allowClick&&_styles.styles.disabled],children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:counterStyles,children:isCompleted?(0,_jsxRuntime.jsx)(_icons.TickIcon,{color:theme.colors.white900}):(0,_jsxRuntime.jsx)(_reactNative.Text,{style:counterTextStyles,children:index+1})}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:labelTextStyles,numberOfLines:1,ellipsizeMode:"tail",children:label})]});});StepTrigger.displayName='StepTrigger';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.Stepper=void 0;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _context=require("../context");var _stepperContext=require("./stepper-context");var _stepperConnector=require("./stepper-connector");var _helpers=require("./helpers");var _stepperTrigger=require("./stepper-trigger");var _styles=require("./styles");var _jsxRuntime=require("react/jsx-runtime");var _excluded=["activeStep","onStepChange","renderConnector","children","scrollable","css","style","accessible","accessibilityRole","accessibilityLabel","accessibilityHint","accessibilityState"];var _this=this,_jsxFileName="/Users/krishnank/surveysparrow/npm-package/twigs-mobile/src/stepper/stepper.tsx";function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap(),n=new WeakMap();return(_interopRequireWildcard=function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;var o,i,f={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return f;if(o=t?n:r){if(o.has(e))return o.get(e);o.set(e,f);}for(var _t in e)"default"!==_t&&{}.hasOwnProperty.call(e,_t)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,_t))&&(i.get||i.set)?o(f,_t,i):f[_t]=e[_t]);return f;})(e,t);}var Stepper=exports.Stepper=_react.default.forwardRef(function(_ref,ref){var _childArray$activeSte,_childArray$activeSte2,_activeChild$props;var activeStep=_ref.activeStep,onStepChange=_ref.onStepChange,renderConnector=_ref.renderConnector,children=_ref.children,_ref$scrollable=_ref.scrollable,scrollable=_ref$scrollable===void 0?true:_ref$scrollable,css=_ref.css,style=_ref.style,_ref$accessible=_ref.accessible,accessible=_ref$accessible===void 0?true:_ref$accessible,accessibilityRole=_ref.accessibilityRole,accessibilityLabel=_ref.accessibilityLabel,accessibilityHint=_ref.accessibilityHint,accessibilityState=_ref.accessibilityState,rest=(0,_objectWithoutProperties2.default)(_ref,_excluded);var theme=(0,_context.useTheme)();var containerStyles=(0,_react.useMemo)(function(){return(0,_helpers.getContainerStyles)(theme);},[theme]);var underlineColor=(0,_react.useMemo)(function(){return(0,_helpers.getUnderlineStyles)(theme);},[theme]);var staticBorderColor=(0,_react.useMemo)(function(){return{backgroundColor:theme.colors.accent200};},[theme]);var layoutsRef=(0,_react.useRef)(new Map());var _useState=(0,_react.useState)(null),_useState2=(0,_slicedToArray2.default)(_useState,2),activeLayout=_useState2[0],setActiveLayout=_useState2[1];var childArray=(0,_react.useMemo)(function(){return _react.Children.toArray(children).filter(function(child){return(0,_react.isValidElement)(child);});},[children]);var totalSteps=childArray.length;var handleStepPress=(0,_react.useCallback)(function(step){onStepChange==null||onStepChange(step);},[onStepChange]);var handleTriggerLayout=(0,_react.useCallback)(function(index,x,width){layoutsRef.current.set(index,{x:x,width:width});if(index===activeStep){setActiveLayout({x:x,width:width});}},[activeStep]);(0,_react.useEffect)(function(){var layout=layoutsRef.current.get(activeStep);setActiveLayout(layout!=null?layout:null);},[activeStep]);var contextValue=(0,_react.useMemo)(function(){return{activeStep:activeStep,totalSteps:totalSteps,onStepPress:handleStepPress};},[activeStep,totalSteps,handleStepPress]);var activeStepAllowClick=(_childArray$activeSte=(_childArray$activeSte2=childArray[activeStep])==null||(_childArray$activeSte2=_childArray$activeSte2.props)==null?void 0:_childArray$activeSte2.allowClick)!=null?_childArray$activeSte:true;var activeChild=childArray[activeStep];var activeContent=activeChild==null||(_activeChild$props=activeChild.props)==null?void 0:_activeChild$props.children;return(0,_jsxRuntime.jsx)(_stepperContext.StepperContext.Provider,{value:contextValue,children:(0,_jsxRuntime.jsxs)(_reactNative.View,Object.assign({ref:ref,accessible:accessible,accessibilityRole:accessibilityRole,accessibilityLabel:accessibilityLabel,accessibilityHint:accessibilityHint,accessibilityState:accessibilityState,style:[_styles.styles.root,css,style]},rest,{children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[containerStyles,_styles.styles.triggerWrapper],children:[scrollable?(0,_jsxRuntime.jsxs)(_reactNative.ScrollView,{horizontal:true,showsHorizontalScrollIndicator:false,contentContainerStyle:_styles.styles.triggerContainer,children:[childArray.map(function(child,index){var _child$props=child.props,label=_child$props.label,_child$props$allowCli=_child$props.allowClick,allowClick=_child$props$allowCli===void 0?true:_child$props$allowCli;var state=(0,_helpers.getStepState)(index,activeStep,allowClick);var isCompleted=state==='completed';return(0,_jsxRuntime.jsxs)(_react.default.Fragment,{children:[index>0&&(renderConnector?renderConnector():(0,_jsxRuntime.jsx)(_stepperConnector.StepperConnector,{})),(0,_jsxRuntime.jsx)(_stepperTrigger.StepTrigger,{index:index,label:label,state:state,isCompleted:isCompleted,allowClick:allowClick,onPress:handleStepPress,onTriggerLayout:handleTriggerLayout})]},index);}),activeLayout&&(0,_jsxRuntime.jsx)(_reactNative.View,{testID:"active-underline",style:[_styles.styles.activeUnderline,underlineColor,{left:activeLayout.x,width:activeLayout.width},!activeStepAllowClick&&{opacity:0.5}]})]}):(0,_jsxRuntime.jsxs)(_reactNative.View,{style:_styles.styles.triggerContainerFitted,children:[childArray.map(function(child,index){var _child$props2=child.props,label=_child$props2.label,_child$props2$allowCl=_child$props2.allowClick,allowClick=_child$props2$allowCl===void 0?true:_child$props2$allowCl;var state=(0,_helpers.getStepState)(index,activeStep,allowClick);var isCompleted=state==='completed';return(0,_jsxRuntime.jsxs)(_react.default.Fragment,{children:[index>0&&(renderConnector?renderConnector():(0,_jsxRuntime.jsx)(_stepperConnector.StepperConnector,{})),(0,_jsxRuntime.jsx)(_stepperTrigger.StepTrigger,{index:index,label:label,state:state,isCompleted:isCompleted,allowClick:allowClick,onPress:handleStepPress,onTriggerLayout:handleTriggerLayout})]},index);}),activeLayout&&(0,_jsxRuntime.jsx)(_reactNative.View,{testID:"active-underline",style:[_styles.styles.activeUnderline,underlineColor,{left:activeLayout.x,width:activeLayout.width},!activeStepAllowClick&&{opacity:0.5}]})]}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:[_styles.styles.staticBorder,staticBorderColor]})]}),activeContent!=null&&(0,_jsxRuntime.jsx)(_reactNative.View,{style:_styles.styles.content,children:activeContent})]}))});});Stepper.displayName='Stepper';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:true});exports.styles=void 0;var _reactNative=require("react-native");var _constants=require("./constants");var styles=exports.styles=_reactNative.StyleSheet.create({root:{flexDirection:'column'},triggerContainer:{flexGrow:1,flexDirection:'row',alignItems:'center',justifyContent:'center',paddingHorizontal:_constants.CONTAINER_PADDING_HORIZONTAL,gap:_constants.CONTAINER_GAP},triggerContainerFitted:{flexDirection:'row',alignItems:'center',justifyContent:'center',paddingHorizontal:_constants.CONTAINER_PADDING_HORIZONTAL,gap:_constants.CONTAINER_GAP},item:{flex:1,flexDirection:'row',alignItems:'center',justifyContent:'center',height:_constants.ITEM_HEIGHT,paddingHorizontal:_constants.ITEM_PADDING_HORIZONTAL,gap:_constants.ITEM_GAP},staticBorder:{height:_constants.UNDERLINE_HEIGHT},activeUnderline:{position:'absolute',bottom:0,height:_constants.ACTIVE_UNDERLINE_HEIGHT},triggerWrapper:{overflow:'hidden'},connector:{width:_constants.CONNECTOR_WIDTH,justifyContent:'center'},disabled:{opacity:0.5},content:{flexGrow:1}});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:true});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:true});exports.SLIDE_TIMING_CONFIG=exports.SLIDE_DURATION=exports.SIZE_CONFIG=exports.INDICATOR_HEIGHT=exports.DEFAULT_VARIANT=exports.DEFAULT_SIZE=void 0;var _reactNativeReanimated=require("react-native-reanimated");var SIZE_CONFIG=exports.SIZE_CONFIG={md:{height:48,paddingHorizontal:12,fontSize:16,lineHeight:24},lg:{height:56,paddingHorizontal:12,fontSize:16,lineHeight:24}};var DEFAULT_SIZE=exports.DEFAULT_SIZE='md';var DEFAULT_VARIANT=exports.DEFAULT_VARIANT='primary';var INDICATOR_HEIGHT=exports.INDICATOR_HEIGHT=2;var SLIDE_DURATION=exports.SLIDE_DURATION=200;var SLIDE_TIMING_CONFIG=exports.SLIDE_TIMING_CONFIG={duration:SLIDE_DURATION,easing:_reactNativeReanimated.Easing.out(_reactNativeReanimated.Easing.cubic)};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.TRIGGER_SIZE_STYLES=void 0;exports.getIndicatorColorStyles=getIndicatorColorStyles;exports.getTriggerInfo=getTriggerInfo;exports.getTriggerTextStyles=getTriggerTextStyles;var _react=_interopRequireDefault(require("react"));var _constants=require("./constants");function getTriggerInfo(children){var info=[];_react.default.Children.forEach(children,function(child){if(_react.default.isValidElement(child)&&child.props.value){info.push({value:child.props.value,disabled:Boolean(child.props.disabled)});}});return info;}var TRIGGER_SIZE_STYLES=exports.TRIGGER_SIZE_STYLES={md:{height:_constants.SIZE_CONFIG.md.height,paddingHorizontal:_constants.SIZE_CONFIG.md.paddingHorizontal,justifyContent:'center',alignItems:'center'},lg:{height:_constants.SIZE_CONFIG.lg.height,paddingHorizontal:_constants.SIZE_CONFIG.lg.paddingHorizontal,justifyContent:'center',alignItems:'center'}};function getTriggerTextStyles(theme,variant,isActive,disabled,size){var _SIZE_CONFIG$size=_constants.SIZE_CONFIG[size],fontSize=_SIZE_CONFIG$size.fontSize,lineHeight=_SIZE_CONFIG$size.lineHeight;if(isActive){return{fontSize:fontSize,lineHeight:lineHeight,fontFamily:theme.fonts.bold,color:variant==='primary'?theme.colors.primary500:theme.colors.neutral900};}if(disabled){return{fontSize:fontSize,lineHeight:lineHeight,fontFamily:theme.fonts.medium,color:theme.colors.neutral700};}return{fontSize:fontSize,lineHeight:lineHeight,fontFamily:theme.fonts.medium,color:theme.colors.neutral500};}function getIndicatorColorStyles(theme,variant){return{backgroundColor:variant==='primary'?theme.colors.primary500:theme.colors.neutral900,height:_constants.INDICATOR_HEIGHT};}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"Tabs",{enumerable:true,get:function get(){return _tabs.Tabs;}});Object.defineProperty(exports,"TabsContent",{enumerable:true,get:function get(){return _tabsContent.TabsContent;}});Object.defineProperty(exports,"TabsList",{enumerable:true,get:function get(){return _tabsList.TabsList;}});Object.defineProperty(exports,"TabsTrigger",{enumerable:true,get:function get(){return _tabsTrigger.TabsTrigger;}});var _tabs=require("./tabs");var _tabsList=require("./tabs-list");var _tabsTrigger=require("./tabs-trigger");var _tabsContent=require("./tabs-content");
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:true});exports.styles=void 0;var _reactNative=require("react-native");var styles=exports.styles=_reactNative.StyleSheet.create({root:{flexDirection:'column'},list:{width:'100%'},scrollContent:{flexGrow:1},inner:{flexDirection:'row',alignItems:'stretch',position:'relative'},innerFitted:{flexDirection:'row',alignItems:'stretch',position:'relative',width:'100%'},trigger:{flexDirection:'row',alignItems:'center',justifyContent:'center'},fittedTrigger:{flex:1},indicator:{position:'absolute',bottom:0,left:0},disabled:{opacity:0.5}});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.TabsContent=void 0;var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _tabsContext=require("./tabs-context");var _jsxRuntime=require("react/jsx-runtime");var _excluded=["value","forceMount","children","css","style","accessible","accessibilityRole","accessibilityLabel","accessibilityHint","accessibilityState"];var _this=this,_jsxFileName="/Users/krishnank/surveysparrow/npm-package/twigs-mobile/src/tabs/tabs-content.tsx";var TabsContent=exports.TabsContent=_react.default.forwardRef(function(_ref,ref){var value=_ref.value,_ref$forceMount=_ref.forceMount,forceMount=_ref$forceMount===void 0?false:_ref$forceMount,children=_ref.children,css=_ref.css,style=_ref.style,_ref$accessible=_ref.accessible,accessible=_ref$accessible===void 0?true:_ref$accessible,accessibilityRole=_ref.accessibilityRole,accessibilityLabel=_ref.accessibilityLabel,accessibilityHint=_ref.accessibilityHint,accessibilityState=_ref.accessibilityState,rest=(0,_objectWithoutProperties2.default)(_ref,_excluded);var _useTabsContext=(0,_tabsContext.useTabsContext)(),activeValue=_useTabsContext.activeValue;var isActive=activeValue===value;if(!isActive&&!forceMount){return null;}return(0,_jsxRuntime.jsx)(_reactNative.View,Object.assign({ref:ref,accessible:accessible,accessibilityRole:accessibilityRole,accessibilityLabel:accessibilityLabel,accessibilityHint:accessibilityHint,accessibilityState:accessibilityState,style:[!isActive&&forceMount?{display:'none'}:undefined,css,style]},rest,{children:children}));});TabsContent.displayName='TabsContent';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:true});exports.TabsListContext=exports.TabsContext=void 0;exports.useTabsContext=useTabsContext;exports.useTabsListContext=useTabsListContext;var _react=require("react");var TabsContext=exports.TabsContext=(0,_react.createContext)(null);var TabsListContext=exports.TabsListContext=(0,_react.createContext)(null);function useTabsContext(){var ctx=(0,_react.useContext)(TabsContext);if(!ctx){throw new Error('Tabs compound components must be used within a <Tabs> parent.');}return ctx;}function useTabsListContext(){var ctx=(0,_react.useContext)(TabsListContext);if(!ctx){throw new Error('TabsTrigger must be used within a <TabsList> parent.');}return ctx;}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.TabsList=void 0;var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _reactNativeReanimated=require("react-native-reanimated");var _utils=require("../utils");var _context=require("../context");var _tabsContext=require("./tabs-context");var _constants=require("./constants");var _helpers=require("./helpers");var _styles=require("./styles");var _jsxRuntime=require("react/jsx-runtime");var _excluded=["size","variant","scrollable","css","style","accessible","accessibilityRole","accessibilityLabel","accessibilityHint","accessibilityState","children"];var _this=this,_jsxFileName="/Users/krishnank/surveysparrow/npm-package/twigs-mobile/src/tabs/tabs-list.tsx";function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap(),n=new WeakMap();return(_interopRequireWildcard=function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;var o,i,f={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return f;if(o=t?n:r){if(o.has(e))return o.get(e);o.set(e,f);}for(var _t in e)"default"!==_t&&{}.hasOwnProperty.call(e,_t)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,_t))&&(i.get||i.set)?o(f,_t,i):f[_t]=e[_t]);return f;})(e,t);}var _worklet_16573117717679_init_data={code:"function tabsListTsx1(){const{translateX,indicatorWidth}=this.__closure;return{transform:[{translateX:translateX.value}],width:indicatorWidth.value};}",location:"/Users/krishnank/surveysparrow/npm-package/twigs-mobile/src/tabs/tabs-list.tsx",sourceMap:"{\"version\":3,\"names\":[\"tabsListTsx1\",\"translateX\",\"indicatorWidth\",\"__closure\",\"transform\",\"value\",\"width\"],\"sources\":[\"/Users/krishnank/surveysparrow/npm-package/twigs-mobile/src/tabs/tabs-list.tsx\"],\"mappings\":\"AA2FoD,SAAAA,aAAA,QAAAC,UAAA,CAAAC,cAAA,OAAAC,SAAA,OAAO,CACrDC,SAAS,CAAE,CAAC,CAAEH,UAAU,CAAEA,UAAU,CAACI,KAAM,CAAC,CAAC,CAC7CC,KAAK,CAAEJ,cAAc,CAACG,KACxB,CAAC\",\"ignoreList\":[]}",version:"3.16.7"};var TabsList=exports.TabsList=_react.default.forwardRef(function(_ref,ref){var _triggerInfo$find$dis,_triggerInfo$find;var _ref$size=_ref.size,size=_ref$size===void 0?_constants.DEFAULT_SIZE:_ref$size,_ref$variant=_ref.variant,variant=_ref$variant===void 0?_constants.DEFAULT_VARIANT:_ref$variant,_ref$scrollable=_ref.scrollable,scrollable=_ref$scrollable===void 0?true:_ref$scrollable,css=_ref.css,style=_ref.style,_ref$accessible=_ref.accessible,accessible=_ref$accessible===void 0?true:_ref$accessible,accessibilityRole=_ref.accessibilityRole,accessibilityLabel=_ref.accessibilityLabel,accessibilityHint=_ref.accessibilityHint,accessibilityState=_ref.accessibilityState,children=_ref.children,rest=(0,_objectWithoutProperties2.default)(_ref,_excluded);var theme=(0,_context.useTheme)();var _useTabsContext=(0,_tabsContext.useTabsContext)(),activeValue=_useTabsContext.activeValue;var widthMap=(0,_react.useRef)(new Map());var translateX=(0,_reactNativeReanimated.useSharedValue)(0);var indicatorWidth=(0,_reactNativeReanimated.useSharedValue)(0);var hasInitialLayout=(0,_react.useRef)(false);var triggerInfo=(0,_react.useMemo)(function(){return(0,_helpers.getTriggerInfo)(children);},[children]);var moveIndicator=(0,_react.useCallback)(function(targetValue,animate){var targetWidth=widthMap.current.get(targetValue);var targetInfo=triggerInfo.find(function(t){return t.value===targetValue;});if(!targetWidth||!targetInfo){indicatorWidth.value=animate?(0,_reactNativeReanimated.withTiming)(0,_constants.SLIDE_TIMING_CONFIG):0;return;}var offset=0;for(var t of triggerInfo){var _widthMap$current$get;if(t.value===targetValue)break;offset+=(_widthMap$current$get=widthMap.current.get(t.value))!=null?_widthMap$current$get:0;}translateX.value=animate?(0,_reactNativeReanimated.withTiming)(offset,_constants.SLIDE_TIMING_CONFIG):offset;indicatorWidth.value=animate?(0,_reactNativeReanimated.withTiming)(targetWidth,_constants.SLIDE_TIMING_CONFIG):targetWidth;},[triggerInfo,translateX,indicatorWidth]);var reportWidth=(0,_react.useCallback)(function(value,width){widthMap.current.set(value,width);if(!hasInitialLayout.current){moveIndicator(activeValue,false);var allMeasured=triggerInfo.every(function(t){return widthMap.current.has(t.value);});if(allMeasured){hasInitialLayout.current=true;}}},[moveIndicator,activeValue,triggerInfo]);(0,_react.useEffect)(function(){if(hasInitialLayout.current){moveIndicator(activeValue,true);}},[activeValue,moveIndicator]);var indicatorAnimatedStyle=(0,_reactNativeReanimated.useAnimatedStyle)(function(){var _e=[new global.Error(),-3,-27];var tabsListTsx1=function tabsListTsx1(){return{transform:[{translateX:translateX.value}],width:indicatorWidth.value};};tabsListTsx1.__closure={translateX:translateX,indicatorWidth:indicatorWidth};tabsListTsx1.__workletHash=16573117717679;tabsListTsx1.__initData=_worklet_16573117717679_init_data;tabsListTsx1.__stackDetails=_e;return tabsListTsx1;}());var indicatorColorStyles=(0,_react.useMemo)(function(){return(0,_helpers.getIndicatorColorStyles)(theme,variant);},[theme,variant]);var isActiveTabDisabled=(_triggerInfo$find$dis=(_triggerInfo$find=triggerInfo.find(function(t){return t.value===activeValue;}))==null?void 0:_triggerInfo$find.disabled)!=null?_triggerInfo$find$dis:false;var listContextValue=(0,_react.useMemo)(function(){return{size:size,variant:variant,reportWidth:reportWidth,scrollable:scrollable};},[size,variant,reportWidth,scrollable]);return(0,_jsxRuntime.jsx)(_tabsContext.TabsListContext.Provider,{value:listContextValue,children:(0,_jsxRuntime.jsx)(_reactNative.View,Object.assign({ref:ref,accessible:accessible,accessibilityRole:accessibilityRole,accessibilityLabel:accessibilityLabel,accessibilityHint:accessibilityHint,accessibilityState:accessibilityState,style:[_styles.styles.list,css,style]},rest,{children:scrollable?(0,_jsxRuntime.jsx)(_reactNative.ScrollView,{horizontal:true,showsHorizontalScrollIndicator:false,contentContainerStyle:_styles.styles.scrollContent,children:(0,_jsxRuntime.jsxs)(_reactNative.View,{style:_styles.styles.inner,children:[children,(0,_jsxRuntime.jsx)(_utils.AnimatedView,{testID:"tabs-indicator",style:[_styles.styles.indicator,indicatorColorStyles,indicatorAnimatedStyle,isActiveTabDisabled&&{opacity:0.5}]})]})}):(0,_jsxRuntime.jsxs)(_reactNative.View,{style:_styles.styles.innerFitted,children:[children,(0,_jsxRuntime.jsx)(_utils.AnimatedView,{testID:"tabs-indicator",style:[_styles.styles.indicator,indicatorColorStyles,indicatorAnimatedStyle,isActiveTabDisabled&&{opacity:0.5}]})]})}))});});TabsList.displayName='TabsList';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.TabsTrigger=void 0;var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _context=require("../context");var _tabsContext=require("./tabs-context");var _helpers=require("./helpers");var _styles=require("./styles");var _jsxRuntime=require("react/jsx-runtime");var _excluded=["value","disabled","children","css","style","accessible","accessibilityRole","accessibilityLabel","accessibilityHint","accessibilityState"];var _this=this,_jsxFileName="/Users/krishnank/surveysparrow/npm-package/twigs-mobile/src/tabs/tabs-trigger.tsx";function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap(),n=new WeakMap();return(_interopRequireWildcard=function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;var o,i,f={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return f;if(o=t?n:r){if(o.has(e))return o.get(e);o.set(e,f);}for(var _t in e)"default"!==_t&&{}.hasOwnProperty.call(e,_t)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,_t))&&(i.get||i.set)?o(f,_t,i):f[_t]=e[_t]);return f;})(e,t);}var TabsTrigger=exports.TabsTrigger=_react.default.forwardRef(function(_ref,ref){var value=_ref.value,_ref$disabled=_ref.disabled,disabled=_ref$disabled===void 0?false:_ref$disabled,children=_ref.children,css=_ref.css,style=_ref.style,_ref$accessible=_ref.accessible,accessible=_ref$accessible===void 0?true:_ref$accessible,accessibilityRole=_ref.accessibilityRole,accessibilityLabel=_ref.accessibilityLabel,accessibilityHint=_ref.accessibilityHint,accessibilityState=_ref.accessibilityState,rest=(0,_objectWithoutProperties2.default)(_ref,_excluded);var theme=(0,_context.useTheme)();var _useTabsContext=(0,_tabsContext.useTabsContext)(),activeValue=_useTabsContext.activeValue,onSelect=_useTabsContext.onSelect;var _useTabsListContext=(0,_tabsContext.useTabsListContext)(),size=_useTabsListContext.size,variant=_useTabsListContext.variant,reportWidth=_useTabsListContext.reportWidth,scrollable=_useTabsListContext.scrollable;var isActive=activeValue===value;var sizeStyles=_helpers.TRIGGER_SIZE_STYLES[size];var textStyles=(0,_react.useMemo)(function(){return(0,_helpers.getTriggerTextStyles)(theme,variant,isActive,disabled,size);},[theme,variant,isActive,disabled,size]);var handlePress=(0,_react.useCallback)(function(){if(!disabled){onSelect(value);}},[disabled,onSelect,value]);var handleLayout=(0,_react.useCallback)(function(event){var width=event.nativeEvent.layout.width;reportWidth(value,width);},[reportWidth,value]);return(0,_jsxRuntime.jsx)(_reactNative.Pressable,Object.assign({ref:ref,onPress:handlePress,onLayout:handleLayout,disabled:disabled,accessible:accessible,accessibilityRole:accessibilityRole!=null?accessibilityRole:'tab',accessibilityLabel:accessibilityLabel,accessibilityHint:accessibilityHint,accessibilityState:Object.assign({selected:isActive,disabled:disabled},accessibilityState),style:[_styles.styles.trigger,sizeStyles,!scrollable&&_styles.styles.fittedTrigger,disabled&&_styles.styles.disabled,css,style]},rest,{children:typeof children==='string'?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:textStyles,numberOfLines:1,ellipsizeMode:"tail",children:children}):children}));});TabsTrigger.displayName='TabsTrigger';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.Tabs=void 0;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _tabsContext=require("./tabs-context");var _styles=require("./styles");var _jsxRuntime=require("react/jsx-runtime");var _excluded=["value","defaultValue","onValueChange","css","style","accessible","accessibilityRole","accessibilityLabel","accessibilityHint","accessibilityState","children"];var _this=this,_jsxFileName="/Users/krishnank/surveysparrow/npm-package/twigs-mobile/src/tabs/tabs.tsx";function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap(),n=new WeakMap();return(_interopRequireWildcard=function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;var o,i,f={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return f;if(o=t?n:r){if(o.has(e))return o.get(e);o.set(e,f);}for(var _t in e)"default"!==_t&&{}.hasOwnProperty.call(e,_t)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,_t))&&(i.get||i.set)?o(f,_t,i):f[_t]=e[_t]);return f;})(e,t);}var Tabs=exports.Tabs=_react.default.forwardRef(function(_ref,ref){var value=_ref.value,defaultValue=_ref.defaultValue,onValueChange=_ref.onValueChange,css=_ref.css,style=_ref.style,_ref$accessible=_ref.accessible,accessible=_ref$accessible===void 0?true:_ref$accessible,accessibilityRole=_ref.accessibilityRole,accessibilityLabel=_ref.accessibilityLabel,accessibilityHint=_ref.accessibilityHint,accessibilityState=_ref.accessibilityState,children=_ref.children,rest=(0,_objectWithoutProperties2.default)(_ref,_excluded);var isControlled=value!==undefined;var _useState=(0,_react.useState)(defaultValue!=null?defaultValue:''),_useState2=(0,_slicedToArray2.default)(_useState,2),internalValue=_useState2[0],setInternalValue=_useState2[1];var activeValue=isControlled?value:internalValue;var onSelect=(0,_react.useCallback)(function(tabValue){if(!isControlled){setInternalValue(tabValue);}onValueChange==null||onValueChange(tabValue);},[isControlled,onValueChange]);var contextValue=(0,_react.useMemo)(function(){return{activeValue:activeValue,onSelect:onSelect};},[activeValue,onSelect]);return(0,_jsxRuntime.jsx)(_tabsContext.TabsContext.Provider,{value:contextValue,children:(0,_jsxRuntime.jsx)(_reactNative.View,Object.assign({ref:ref,accessible:accessible,accessibilityRole:accessibilityRole,accessibilityLabel:accessibilityLabel,accessibilityHint:accessibilityHint,accessibilityState:accessibilityState,style:[_styles.styles.root,css,style]},rest,{children:children}))});});Tabs.displayName='Tabs';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:true});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:true});exports.DEFAULT_FONT_SIZE=void 0;var DEFAULT_FONT_SIZE=exports.DEFAULT_FONT_SIZE=14;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:true});exports.resolveFontStyle=void 0;var _utils=require("../utils");var SEMANTIC_WEIGHT_MAP={regular:'400',medium:'500',bold:'700'};var resolveFontStyle=exports.resolveFontStyle=function resolveFontStyle(themeFonts,options){if(options.weight!==undefined){return(0,_utils.createTextStyle)(themeFonts[options.weight],SEMANTIC_WEIGHT_MAP[options.weight]);}if(options.fontFamily!==undefined||options.fontWeight!==undefined){var _options$fontFamily;return(0,_utils.createTextStyle)((_options$fontFamily=options.fontFamily)!=null?_options$fontFamily:themeFonts.regular,options.fontWeight);}return(0,_utils.createTextStyle)(themeFonts.regular,'400');};
|
package/lib/module/text/text.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.Text=void 0;var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _utils=require("../utils");var _context=require("../context");var _jsxRuntime=require("react/jsx-runtime");var _excluded=["children","css","style"];var _this=this,_jsxFileName="/Users/krishnank/surveysparrow/npm-package/twigs-mobile/src/text/text.tsx";function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap(),n=new WeakMap();return(_interopRequireWildcard=function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;var o,i,f={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return f;if(o=t?n:r){if(o.has(e))return o.get(e);o.set(e,f);}for(var _t in e)"default"!==_t&&{}.hasOwnProperty.call(e,_t)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,_t))&&(i.get||i.set)?o(f,_t,i):f[_t]=e[_t]);return f;})(e,t);}var
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.Text=void 0;var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _utils=require("../utils");var _helpers=require("./helpers");var _context=require("../context");var _constants=require("./constants");var _jsxRuntime=require("react/jsx-runtime");var _excluded=["children","css","style"];var _this=this,_jsxFileName="/Users/krishnank/surveysparrow/npm-package/twigs-mobile/src/text/text.tsx";function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap(),n=new WeakMap();return(_interopRequireWildcard=function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;var o,i,f={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return f;if(o=t?n:r){if(o.has(e))return o.get(e);o.set(e,f);}for(var _t in e)"default"!==_t&&{}.hasOwnProperty.call(e,_t)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,_t))&&(i.get||i.set)?o(f,_t,i):f[_t]=e[_t]);return f;})(e,t);}var Text=exports.Text=_react.default.forwardRef(function(_ref,ref){var children=_ref.children,css=_ref.css,style=_ref.style,rest=(0,_objectWithoutProperties2.default)(_ref,_excluded);var theme=(0,_context.useTheme)();var marginProps={margin:rest.margin,marginHorizontal:rest.marginHorizontal,marginVertical:rest.marginVertical,marginTop:rest.marginTop,marginBottom:rest.marginBottom,marginLeft:rest.marginLeft,marginRight:rest.marginRight};var paddingProps={padding:rest.padding,paddingHorizontal:rest.paddingHorizontal,paddingVertical:rest.paddingVertical,paddingTop:rest.paddingTop,paddingBottom:rest.paddingBottom,paddingLeft:rest.paddingLeft,paddingRight:rest.paddingRight};var resolvedMargin=(0,_utils.resolveMargin)(marginProps);var resolvedPadding=(0,_utils.resolvePadding)(paddingProps);var dynamicStyles=(0,_react.useMemo)(function(){var _rest$fontSize,_rest$color;var s=Object.assign({fontSize:(_rest$fontSize=rest.fontSize)!=null?_rest$fontSize:_constants.DEFAULT_FONT_SIZE},(0,_helpers.resolveFontStyle)(theme.fonts,{weight:rest.weight,fontFamily:rest.fontFamily,fontWeight:rest.fontWeight}),{color:(_rest$color=rest.color)!=null?_rest$color:theme.colors.neutral900,marginTop:resolvedMargin.top,marginBottom:resolvedMargin.bottom,marginLeft:resolvedMargin.left,marginRight:resolvedMargin.right,paddingTop:resolvedPadding.top,paddingBottom:resolvedPadding.bottom,paddingLeft:resolvedPadding.left,paddingRight:resolvedPadding.right});if(rest.textAlign)s.textAlign=rest.textAlign;if(rest.textDecoration)s.textDecorationLine=rest.textDecoration;if(rest.textTransform)s.textTransform=rest.textTransform;if(rest.fontStyle)s.fontStyle=rest.fontStyle;if(rest.lineHeight!==undefined)s.lineHeight=rest.lineHeight;if(rest.letterSpacing!==undefined)s.letterSpacing=rest.letterSpacing;return s;},[rest.fontSize,rest.color,rest.textAlign,rest.textDecoration,rest.textTransform,rest.fontStyle,rest.lineHeight,rest.letterSpacing,rest.weight,rest.fontFamily,rest.fontWeight,theme,resolvedMargin.top,resolvedMargin.bottom,resolvedMargin.left,resolvedMargin.right,resolvedPadding.top,resolvedPadding.bottom,resolvedPadding.left,resolvedPadding.right]);return(0,_jsxRuntime.jsx)(_reactNative.Text,{ref:ref,style:[dynamicStyles,css,style],testID:rest.testID,numberOfLines:rest.numberOfLines,ellipsizeMode:rest.ellipsizeMode,accessible:rest.accessible,accessibilityRole:rest.accessibilityRole,accessibilityLabel:rest.accessibilityLabel,accessibilityHint:rest.accessibilityHint,accessibilityState:rest.accessibilityState,children:children});});Text.displayName='Text';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:true});exports.getSizeConfig=exports.DEFAULT_ROWS=void 0;var SIZE_CONFIGS={lg:{borderRadius:8,fontSize:14,paddingHorizontal:12,paddingVertical:10,labelFontSize:12,labelLineHeight:16,labelLetterSpacing:0.048,inputLineHeight:20},xl:{borderRadius:12,fontSize:16,paddingHorizontal:12,paddingVertical:12,labelFontSize:14,labelLineHeight:20,labelLetterSpacing:0.028,inputLineHeight:24}};var DEFAULT_ROWS=exports.DEFAULT_ROWS=3;var getSizeConfig=exports.getSizeConfig=function getSizeConfig(size){return SIZE_CONFIGS[size];};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"TextArea",{enumerable:true,get:function get(){return _textArea.TextArea;}});var _textArea=require("./text-area");
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:true});exports.styles=void 0;var _reactNative=require("react-native");var styles=exports.styles=_reactNative.StyleSheet.create({container:{position:'relative',width:'100%'},fullWidth:{width:'100%'},inputWrapper:{position:'relative',width:'100%',borderWidth:1,borderStyle:'solid'},textInput:Object.assign({flex:1,margin:0,padding:0,borderWidth:0,backgroundColor:'transparent',textAlignVertical:'top'},_reactNative.Platform.OS==='web'?{outlineStyle:'none',outlineWidth:0,outlineColor:'transparent'}:null),labelRow:{flexDirection:'row',justifyContent:'space-between',alignItems:'center'},labelWithIndicator:{flexDirection:'row',alignItems:'center'}});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.TextArea=void 0;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _context=require("../context");var _flex=require("../flex");var _text=require("../text");var _utils=require("../utils");var _constants=require("./constants");var _styles=require("./styles");var _jsxRuntime=require("react/jsx-runtime");var _excluded=["size","variant","rows","maxRows","autoGrow","disabled","editable","errorMessage","label","helperText","showCount","requiredIndicator","renderCounter","css","style","onFocus","onBlur","onContentSizeChange","onChangeText","insideBottomSheet","accessibilityLabel"];var _this=this,_jsxFileName="/Users/krishnank/surveysparrow/npm-package/twigs-mobile/src/text-area/text-area.tsx";function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap(),n=new WeakMap();return(_interopRequireWildcard=function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;var o,i,f={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return f;if(o=t?n:r){if(o.has(e))return o.get(e);o.set(e,f);}for(var _t in e)"default"!==_t&&{}.hasOwnProperty.call(e,_t)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,_t))&&(i.get||i.set)?o(f,_t,i):f[_t]=e[_t]);return f;})(e,t);}var TextArea=exports.TextArea=(0,_react.forwardRef)(function(_ref,ref){var _rest$defaultValue,_rest$value,_ref2;var _ref$size=_ref.size,size=_ref$size===void 0?'lg':_ref$size,_ref$variant=_ref.variant,variant=_ref$variant===void 0?'default':_ref$variant,_ref$rows=_ref.rows,rows=_ref$rows===void 0?_constants.DEFAULT_ROWS:_ref$rows,maxRows=_ref.maxRows,_ref$autoGrow=_ref.autoGrow,autoGrow=_ref$autoGrow===void 0?true:_ref$autoGrow,_ref$disabled=_ref.disabled,disabled=_ref$disabled===void 0?false:_ref$disabled,_ref$editable=_ref.editable,editable=_ref$editable===void 0?true:_ref$editable,errorMessage=_ref.errorMessage,label=_ref.label,helperText=_ref.helperText,_ref$showCount=_ref.showCount,showCount=_ref$showCount===void 0?false:_ref$showCount,_ref$requiredIndicato=_ref.requiredIndicator,requiredIndicator=_ref$requiredIndicato===void 0?false:_ref$requiredIndicato,renderCounter=_ref.renderCounter,css=_ref.css,style=_ref.style,onFocus=_ref.onFocus,onBlur=_ref.onBlur,onContentSizeChange=_ref.onContentSizeChange,onChangeText=_ref.onChangeText,_ref$insideBottomShee=_ref.insideBottomSheet,insideBottomSheet=_ref$insideBottomShee===void 0?false:_ref$insideBottomShee,accessibilityLabelProp=_ref.accessibilityLabel,rest=(0,_objectWithoutProperties2.default)(_ref,_excluded);var theme=(0,_context.useTheme)();var InputElement=(0,_react.useMemo)(function(){return insideBottomSheet?(0,_utils.getBottomSheetTextInput)():_reactNative.TextInput;},[insideBottomSheet]);var _useState=(0,_react.useState)(false),_useState2=(0,_slicedToArray2.default)(_useState,2),isFocused=_useState2[0],setIsFocused=_useState2[1];var _useState3=(0,_react.useState)(false),_useState4=(0,_slicedToArray2.default)(_useState3,2),isPressed=_useState4[0],setIsPressed=_useState4[1];var _useState5=(0,_react.useState)(undefined),_useState6=(0,_slicedToArray2.default)(_useState5,2),contentHeight=_useState6[0],setContentHeight=_useState6[1];var internalRef=(0,_react.useRef)(null);var textInputRef=ref||internalRef;var isControlled=rest.value!==undefined;var _useState7=(0,_react.useState)((_rest$defaultValue=rest.defaultValue)!=null?_rest$defaultValue:''),_useState8=(0,_slicedToArray2.default)(_useState7,2),uncontrolledValue=_useState8[0],setUncontrolledValue=_useState8[1];var hasError=!!errorMessage;var config=(0,_constants.getSizeConfig)(size);var minHeight=config.inputLineHeight*rows+config.paddingVertical*2;var maxHeight=maxRows?config.inputLineHeight*maxRows+config.paddingVertical*2:undefined;var handleFocus=function handleFocus(e){setIsFocused(true);onFocus==null||onFocus(e);};var handleBlur=function handleBlur(e){setIsFocused(false);onBlur==null||onBlur(e);};var handleContentSizeChange=(0,_react.useCallback)(function(e){if(autoGrow){var newHeight=e.nativeEvent.contentSize.height+config.paddingVertical*2;setContentHeight(newHeight);}onContentSizeChange==null||onContentSizeChange(e);},[autoGrow,config.paddingVertical,onContentSizeChange]);var handleChangeText=(0,_react.useCallback)(function(text){if(!isControlled){setUncontrolledValue(text);}onChangeText==null||onChangeText(text);},[isControlled,onChangeText]);var computedHeight=(0,_react.useMemo)(function(){if(!autoGrow||contentHeight===undefined)return minHeight;var height=Math.max(contentHeight,minHeight);if(maxHeight!==undefined){height=Math.min(height,maxHeight);}return height;},[autoGrow,contentHeight,minHeight,maxHeight]);var inputWrapperStyles=(0,_react.useMemo)(function(){var isFilled=variant==='filled';var backgroundColor;if(disabled||isPressed){backgroundColor=(0,_utils.colorOpacity)(theme.colors.secondary500,0.08);}else if(isFilled){backgroundColor=(0,_utils.colorOpacity)(theme.colors.secondary500,0.06);}else{backgroundColor=theme.colors.white900;}var borderColor;if(isFilled){borderColor='transparent';}else if(isFocused){borderColor=theme.colors.neutral500;}else{borderColor=theme.colors.neutral200;}if(hasError){var sideColor=isFocused&&!isFilled?theme.colors.neutral500:theme.colors.neutral200;return{height:computedHeight,borderRadius:config.borderRadius,paddingHorizontal:config.paddingHorizontal,paddingVertical:config.paddingVertical,backgroundColor:backgroundColor,borderTopColor:isFilled?'transparent':sideColor,borderLeftColor:isFilled?'transparent':sideColor,borderRightColor:isFilled?'transparent':sideColor,borderBottomColor:isFilled?'transparent':theme.colors.negative400};}return{height:computedHeight,borderRadius:config.borderRadius,paddingHorizontal:config.paddingHorizontal,paddingVertical:config.paddingVertical,backgroundColor:backgroundColor,borderColor:borderColor};},[computedHeight,config.borderRadius,config.paddingHorizontal,config.paddingVertical,variant,hasError,isFocused,isPressed,disabled,theme]);var textInputInlineStyles=(0,_react.useMemo)(function(){return Object.assign({fontSize:config.fontSize,lineHeight:config.inputLineHeight},(0,_utils.createTextStyle)(theme.fonts.regular,'400'),{color:theme.colors.neutral900});},[config.fontSize,config.inputLineHeight,theme]);var currentLength=isControlled?((_rest$value=rest.value)!=null?_rest$value:'').length:uncontrolledValue.length;var showCharacterCount=showCount&&rest.maxLength!==undefined&&rest.maxLength>0;var renderLabelRow=function renderLabelRow(){if(!label&&!showCharacterCount)return null;return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:_styles.styles.labelRow,children:[label?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:_styles.styles.labelWithIndicator,children:[(0,_jsxRuntime.jsx)(_text.Text,{fontSize:config.labelFontSize,css:{color:theme.colors.neutral800,fontWeight:'500',lineHeight:config.labelLineHeight,letterSpacing:config.labelLetterSpacing},children:label}),requiredIndicator?_react.default.isValidElement(requiredIndicator)?requiredIndicator:(0,_jsxRuntime.jsx)(_text.Text,{fontSize:config.labelFontSize,css:{color:theme.colors.negative400},children:' *'}):null]}):(0,_jsxRuntime.jsx)(_reactNative.View,{}),showCharacterCount?renderCounter?(0,_jsxRuntime.jsx)(_jsxRuntime.Fragment,{children:renderCounter({length:currentLength,maxLength:rest.maxLength})}):(0,_jsxRuntime.jsxs)(_text.Text,{fontSize:config.labelFontSize,css:{color:theme.colors.neutral700},children:[currentLength,"/",rest.maxLength]}):null]});};var renderFooter=function renderFooter(){if(errorMessage){return(0,_jsxRuntime.jsx)(_reactNative.View,{accessible:true,accessibilityRole:"alert",accessibilityLiveRegion:"polite",children:(0,_jsxRuntime.jsx)(_text.Text,{color:theme.colors.negative400,fontSize:12,children:errorMessage})});}if(helperText){return(0,_jsxRuntime.jsx)(_text.Text,{fontSize:12,css:{color:theme.colors.neutral700},children:helperText});}return null;};return(0,_jsxRuntime.jsxs)(_flex.Flex,{gap:4,css:_styles.styles.fullWidth,children:[renderLabelRow(),(0,_jsxRuntime.jsx)(_reactNative.View,{pointerEvents:disabled?'none':'auto',onTouchStart:function onTouchStart(){return!disabled&&setIsPressed(true);},onTouchEnd:function onTouchEnd(){return setIsPressed(false);},onTouchCancel:function onTouchCancel(){return setIsPressed(false);},style:[_styles.styles.container,css,style],children:(0,_jsxRuntime.jsx)(_reactNative.View,{style:[_styles.styles.inputWrapper,inputWrapperStyles],children:(0,_jsxRuntime.jsx)(InputElement,Object.assign({ref:textInputRef,style:[_styles.styles.textInput,textInputInlineStyles],multiline:true,numberOfLines:rows,placeholderTextColor:theme.colors.neutral600,onFocus:handleFocus,onBlur:handleBlur,onContentSizeChange:handleContentSizeChange,onChangeText:handleChangeText,editable:!disabled&&editable,cursorColor:theme.colors.neutral900,scrollEnabled:maxHeight!==undefined?computedHeight>=maxHeight:false,accessible:true,accessibilityLabel:(_ref2=accessibilityLabelProp!=null?accessibilityLabelProp:label)!=null?_ref2:rest.placeholder,accessibilityState:{disabled:disabled}},rest))})}),renderFooter()]});});TextArea.displayName='TextArea';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:true});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports,"__esModule",{value:true});exports.getSizeConfig=void 0;var SIZE_CONFIGS={
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:true});exports.getSizeConfig=void 0;var SIZE_CONFIGS={lg:{height:40,borderRadius:8,fontSize:14,paddingHorizontal:12,labelFontSize:12,labelLineHeight:16,labelLetterSpacing:0.048,inputLineHeight:20,iconSize:20,iconTextGap:8},xl:{height:48,borderRadius:12,fontSize:16,paddingHorizontal:12,labelFontSize:14,labelLineHeight:20,labelLetterSpacing:0.028,inputLineHeight:24,iconSize:20,iconTextGap:8}};var getSizeConfig=exports.getSizeConfig=function getSizeConfig(size){return SIZE_CONFIGS[size];};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports,"__esModule",{value:true});exports.
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:true});exports.styles=void 0;var _reactNative=require("react-native");var styles=exports.styles=_reactNative.StyleSheet.create({container:{position:'relative',width:'100%'},fullWidth:{width:'100%'},inputWrapper:{position:'relative',width:'100%',borderWidth:1,borderStyle:'solid',flexDirection:'row',alignItems:'center'},textInput:Object.assign({flex:1,margin:0,padding:0,borderWidth:0,backgroundColor:'transparent',textAlignVertical:'center'},_reactNative.Platform.OS==='web'?{outlineStyle:'none',outlineWidth:0,outlineColor:'transparent'}:null),iconContainer:{justifyContent:'center',alignItems:'center'},labelRow:{flexDirection:'row',justifyContent:'space-between',alignItems:'center'},labelWithIndicator:{flexDirection:'row',alignItems:'center'}});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.TextInput=void 0;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _context=require("../context");var _box=require("../box");var _flex=require("../flex");var _text=require("../text");var _constants=require("./constants");var _styles=require("./styles");var _jsxRuntime=require("react/jsx-runtime");var _excluded=["size","variant","placeholder","value","defaultValue","onChangeText","leftIcon","rightIcon","rightElement","leftElement","disabled","errorBorder","secureTextEntry","showPassword","setShowPassword","css","style","inputStyle","cursorColor","onFocus","onBlur","errorMessage","children","margin","marginHorizontal","marginVertical","marginTop","marginBottom","marginLeft","marginRight","padding","paddingHorizontal","paddingVertical","paddingTop","paddingBottom","paddingLeft","paddingRight","readOnly","autoCapitalize","autoCorrect","autoFocus","blurOnSubmit","editable","keyboardType","maxLength","multiline","numberOfLines","onSubmitEditing","returnKeyType","textContentType","placeholderTextColor","accessibilityLabel","accessibilityHint"];var _this=this,_jsxFileName="/Users/krishnank/surveysparrow/npm-package/twigs-mobile/src/text-input/text-input.tsx";function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap(),n=new WeakMap();return(_interopRequireWildcard=function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;var o,i,f={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return f;if(o=t?n:r){if(o.has(e))return o.get(e);o.set(e,f);}for(var _t in e)"default"!==_t&&{}.hasOwnProperty.call(e,_t)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,_t))&&(i.get||i.set)?o(f,_t,i):f[_t]=e[_t]);return f;})(e,t);}var TextInput=exports.TextInput=(0,_react.forwardRef)(function(_ref,ref){var _ref$size=_ref.size,size=_ref$size===void 0?'md':_ref$size,_ref$variant=_ref.variant,variant=_ref$variant===void 0?'default':_ref$variant,placeholder=_ref.placeholder,value=_ref.value,defaultValue=_ref.defaultValue,onChangeText=_ref.onChangeText,leftIcon=_ref.leftIcon,rightIcon=_ref.rightIcon,rightElement=_ref.rightElement,leftElement=_ref.leftElement,_ref$disabled=_ref.disabled,disabled=_ref$disabled===void 0?false:_ref$disabled,_ref$errorBorder=_ref.errorBorder,errorBorder=_ref$errorBorder===void 0?false:_ref$errorBorder,_ref$secureTextEntry=_ref.secureTextEntry,secureTextEntry=_ref$secureTextEntry===void 0?false:_ref$secureTextEntry,showPassword=_ref.showPassword,setShowPassword=_ref.setShowPassword,css=_ref.css,style=_ref.style,inputStyle=_ref.inputStyle,cursorColor=_ref.cursorColor,onFocus=_ref.onFocus,onBlur=_ref.onBlur,errorMessage=_ref.errorMessage,children=_ref.children,margin=_ref.margin,marginHorizontal=_ref.marginHorizontal,marginVertical=_ref.marginVertical,marginTop=_ref.marginTop,marginBottom=_ref.marginBottom,marginLeft=_ref.marginLeft,marginRight=_ref.marginRight,padding=_ref.padding,paddingHorizontal=_ref.paddingHorizontal,paddingVertical=_ref.paddingVertical,paddingTop=_ref.paddingTop,paddingBottom=_ref.paddingBottom,paddingLeft=_ref.paddingLeft,paddingRight=_ref.paddingRight,readOnly=_ref.readOnly,autoCapitalize=_ref.autoCapitalize,autoCorrect=_ref.autoCorrect,autoFocus=_ref.autoFocus,blurOnSubmit=_ref.blurOnSubmit,editable=_ref.editable,keyboardType=_ref.keyboardType,maxLength=_ref.maxLength,multiline=_ref.multiline,numberOfLines=_ref.numberOfLines,onSubmitEditing=_ref.onSubmitEditing,returnKeyType=_ref.returnKeyType,textContentType=_ref.textContentType,placeholderTextColor=_ref.placeholderTextColor,accessibilityLabelProp=_ref.accessibilityLabel,accessibilityHint=_ref.accessibilityHint,_rest=(0,_objectWithoutProperties2.default)(_ref,_excluded);var theme=(0,_context.useTheme)();var styles=(0,_styles.createTextInputStyles)(theme);var _useState=(0,_react.useState)(false),_useState2=(0,_slicedToArray2.default)(_useState,2),isFocused=_useState2[0],setIsFocused=_useState2[1];var internalRef=(0,_react.useRef)(null);var textInputRef=ref||internalRef;var hasLeftIcon=!!leftIcon;var hasRightIcon=!!rightIcon;var hasRightElement=!!rightElement;var hasLeftElement=!!leftElement;var isPassword=secureTextEntry&&showPassword!==undefined;var shouldShowPassword=isPassword&&showPassword;var handleFocus=function handleFocus(e){setIsFocused(true);onFocus==null||onFocus(e);};var handleBlur=function handleBlur(e){setIsFocused(false);onBlur==null||onBlur(e);};var config=(0,_constants.getSizeConfig)(size);var hasLeftIconOrElement=hasLeftIcon||hasLeftElement;var hasRightIconOrElement=hasRightIcon||hasRightElement;var inputWrapperStyles=(0,_react.useMemo)(function(){var base={height:config.height,borderRadius:config.borderRadius,backgroundColor:variant==='filled'?theme.colors.neutral50:theme.colors.white900,borderTopColor:undefined,borderRightColor:undefined,borderLeftColor:undefined,borderBottomColor:undefined,borderColor:undefined};if(errorBorder){var sideColor=isFocused?theme.colors.neutral500:theme.colors.black300;base.borderTopColor=sideColor;base.borderRightColor=sideColor;base.borderLeftColor=sideColor;base.borderBottomColor=theme.colors.negative500;}else{base.borderColor=isFocused?theme.colors.neutral500:theme.colors.black300;}return base;},[config.height,config.borderRadius,variant,errorBorder,isFocused,theme]);var textInputStyles=(0,_react.useMemo)(function(){return{fontSize:config.fontSize,paddingLeft:hasLeftIconOrElement?config.leftIconPadding:config.paddingHorizontal,paddingRight:hasRightIconOrElement?config.rightIconPadding:config.paddingHorizontal};},[config.fontSize,config.leftIconPadding,config.rightIconPadding,config.paddingHorizontal,hasLeftIconOrElement,hasRightIconOrElement]);var renderInput=function renderInput(){return(0,_jsxRuntime.jsx)(_reactNative.TextInput,{ref:textInputRef,style:[styles.textInput,textInputStyles,inputStyle],placeholder:placeholder,placeholderTextColor:placeholderTextColor!=null?placeholderTextColor:theme.colors.neutral500,value:value,defaultValue:defaultValue,onChangeText:onChangeText,onFocus:handleFocus,onBlur:handleBlur,secureTextEntry:secureTextEntry&&!shouldShowPassword,editable:!disabled&&editable!==false,cursorColor:cursorColor!=null?cursorColor:theme.colors.neutral900,readOnly:readOnly,autoCapitalize:autoCapitalize,autoCorrect:autoCorrect,autoFocus:autoFocus,blurOnSubmit:blurOnSubmit,keyboardType:keyboardType,maxLength:maxLength,multiline:multiline,numberOfLines:numberOfLines,onSubmitEditing:onSubmitEditing,returnKeyType:returnKeyType,textContentType:textContentType,accessible:true,accessibilityLabel:accessibilityLabelProp!=null?accessibilityLabelProp:placeholder,accessibilityHint:accessibilityHint,accessibilityState:{disabled:disabled}});};var containerSpacingProps={margin:margin,marginHorizontal:marginHorizontal,marginVertical:marginVertical,marginTop:marginTop,marginBottom:marginBottom,marginLeft:marginLeft,marginRight:marginRight,padding:padding,paddingHorizontal:paddingHorizontal,paddingVertical:paddingVertical,paddingTop:paddingTop,paddingBottom:paddingBottom,paddingLeft:paddingLeft,paddingRight:paddingRight};if(hasLeftIcon||hasRightIcon||hasLeftElement||hasRightElement){return(0,_jsxRuntime.jsxs)(_flex.Flex,{gap:4,css:styles.fullWidth,children:[(0,_jsxRuntime.jsxs)(_box.Box,Object.assign({css:_reactNative.StyleSheet.flatten([styles.container,disabled&&styles.containerDisabled,css,style])},containerSpacingProps,{children:[(0,_jsxRuntime.jsxs)(_box.Box,{css:_reactNative.StyleSheet.flatten([styles.inputWrapper,inputWrapperStyles,disabled&&styles.inputWrapperDisabled]),children:[hasLeftIcon&&_react.default.isValidElement(leftIcon)&&(0,_jsxRuntime.jsx)(_flex.Flex,{align:"center",justify:"center",css:_reactNative.StyleSheet.flatten([styles.iconContainer,styles.iconContainerLeft]),children:_react.default.cloneElement(leftIcon,{size:config.iconSize,color:disabled?theme.colors.neutral500:theme.colors.neutral800})}),hasLeftElement&&(0,_jsxRuntime.jsx)(_flex.Flex,{align:"center",justify:"center",css:_reactNative.StyleSheet.flatten([styles.iconContainer,styles.iconContainerLeftElement]),children:leftElement}),renderInput(),hasRightIcon&&(0,_jsxRuntime.jsx)(_reactNative.Pressable,{onPress:function onPress(){return isPassword&&setShowPassword&&setShowPassword(!showPassword);},accessible:isPassword,accessibilityRole:isPassword?'button':undefined,accessibilityLabel:isPassword?shouldShowPassword?'Hide password':'Show password':undefined,style:_reactNative.StyleSheet.flatten([styles.iconContainer,styles.iconContainerRight,styles.iconButtonContainer]),children:_react.default.isValidElement(rightIcon)?_react.default.cloneElement(rightIcon,{size:config.iconSize,color:disabled?theme.colors.neutral500:theme.colors.neutral800}):rightIcon}),hasRightElement&&(0,_jsxRuntime.jsx)(_flex.Flex,{align:"center",justify:"center",css:_reactNative.StyleSheet.flatten([styles.iconContainer,styles.iconContainerRightElement]),children:rightElement})]}),children]})),errorMessage&&(0,_jsxRuntime.jsx)(_reactNative.View,{accessibilityRole:"alert",accessibilityLiveRegion:"polite",children:(0,_jsxRuntime.jsx)(_text.Text,{color:theme.colors.negative500,fontSize:12,children:errorMessage})})]});}return(0,_jsxRuntime.jsxs)(_flex.Flex,{gap:4,css:styles.fullWidth,children:[(0,_jsxRuntime.jsxs)(_box.Box,Object.assign({css:_reactNative.StyleSheet.flatten([styles.container,disabled&&styles.containerDisabled,css,style])},containerSpacingProps,{children:[(0,_jsxRuntime.jsx)(_box.Box,{css:_reactNative.StyleSheet.flatten([styles.inputWrapper,inputWrapperStyles,disabled&&styles.inputWrapperDisabled]),children:renderInput()}),children]})),errorMessage&&(0,_jsxRuntime.jsx)(_reactNative.View,{accessibilityRole:"alert",accessibilityLiveRegion:"polite",children:(0,_jsxRuntime.jsx)(_text.Text,{color:theme.colors.negative500,fontSize:12,children:errorMessage})})]});});TextInput.displayName='TextInput';
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.TextInput=void 0;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _context=require("../context");var _flex=require("../flex");var _text=require("../text");var _utils=require("../utils");var _constants=require("./constants");var _styles=require("./styles");var _jsxRuntime=require("react/jsx-runtime");var _excluded=["size","variant","leftIcon","rightIcon","rightElement","leftElement","disabled","editable","errorMessage","label","helperText","showCount","requiredIndicator","renderCounter","css","style","onFocus","onBlur","onChangeText","insideBottomSheet","accessibilityLabel"];var _this=this,_jsxFileName="/Users/krishnank/surveysparrow/npm-package/twigs-mobile/src/text-input/text-input.tsx";function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap(),n=new WeakMap();return(_interopRequireWildcard=function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;var o,i,f={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return f;if(o=t?n:r){if(o.has(e))return o.get(e);o.set(e,f);}for(var _t in e)"default"!==_t&&{}.hasOwnProperty.call(e,_t)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,_t))&&(i.get||i.set)?o(f,_t,i):f[_t]=e[_t]);return f;})(e,t);}var TextInput=exports.TextInput=(0,_react.forwardRef)(function(_ref,ref){var _rest$defaultValue,_rest$value,_ref2;var _ref$size=_ref.size,size=_ref$size===void 0?'lg':_ref$size,_ref$variant=_ref.variant,variant=_ref$variant===void 0?'default':_ref$variant,leftIcon=_ref.leftIcon,rightIcon=_ref.rightIcon,rightElement=_ref.rightElement,leftElement=_ref.leftElement,_ref$disabled=_ref.disabled,disabled=_ref$disabled===void 0?false:_ref$disabled,_ref$editable=_ref.editable,editable=_ref$editable===void 0?true:_ref$editable,errorMessage=_ref.errorMessage,label=_ref.label,helperText=_ref.helperText,_ref$showCount=_ref.showCount,showCount=_ref$showCount===void 0?false:_ref$showCount,_ref$requiredIndicato=_ref.requiredIndicator,requiredIndicator=_ref$requiredIndicato===void 0?false:_ref$requiredIndicato,renderCounter=_ref.renderCounter,css=_ref.css,style=_ref.style,onFocus=_ref.onFocus,onBlur=_ref.onBlur,onChangeText=_ref.onChangeText,_ref$insideBottomShee=_ref.insideBottomSheet,insideBottomSheet=_ref$insideBottomShee===void 0?false:_ref$insideBottomShee,accessibilityLabelProp=_ref.accessibilityLabel,rest=(0,_objectWithoutProperties2.default)(_ref,_excluded);var theme=(0,_context.useTheme)();var InputElement=(0,_react.useMemo)(function(){return insideBottomSheet?(0,_utils.getBottomSheetTextInput)():_reactNative.TextInput;},[insideBottomSheet]);var _useState=(0,_react.useState)(false),_useState2=(0,_slicedToArray2.default)(_useState,2),isFocused=_useState2[0],setIsFocused=_useState2[1];var _useState3=(0,_react.useState)(false),_useState4=(0,_slicedToArray2.default)(_useState3,2),isPressed=_useState4[0],setIsPressed=_useState4[1];var internalRef=(0,_react.useRef)(null);var textInputRef=ref||internalRef;var isControlled=rest.value!==undefined;var _useState5=(0,_react.useState)((_rest$defaultValue=rest.defaultValue)!=null?_rest$defaultValue:''),_useState6=(0,_slicedToArray2.default)(_useState5,2),uncontrolledValue=_useState6[0],setUncontrolledValue=_useState6[1];var hasLeftIcon=!!leftIcon;var hasRightIcon=!!rightIcon;var hasRightElement=!!rightElement;var hasLeftElement=!!leftElement;var hasError=!!errorMessage;var handleFocus=function handleFocus(e){setIsFocused(true);onFocus==null||onFocus(e);};var handleBlur=function handleBlur(e){setIsFocused(false);onBlur==null||onBlur(e);};var handleChangeText=(0,_react.useCallback)(function(text){if(!isControlled){setUncontrolledValue(text);}onChangeText==null||onChangeText(text);},[isControlled,onChangeText]);var config=(0,_constants.getSizeConfig)(size);var inputWrapperStyles=(0,_react.useMemo)(function(){var isFilled=variant==='filled';var backgroundColor;if(disabled||isPressed){backgroundColor=(0,_utils.colorOpacity)(theme.colors.secondary500,0.08);}else if(isFilled){backgroundColor=(0,_utils.colorOpacity)(theme.colors.secondary500,0.06);}else{backgroundColor=theme.colors.white900;}var borderColor;if(isFilled){borderColor='transparent';}else if(isFocused){borderColor=theme.colors.neutral500;}else{borderColor=theme.colors.neutral200;}if(hasError){var sideColor=isFocused&&!isFilled?theme.colors.neutral500:theme.colors.neutral200;return{height:config.height,borderRadius:config.borderRadius,paddingHorizontal:config.paddingHorizontal,backgroundColor:backgroundColor,borderTopColor:isFilled?'transparent':sideColor,borderLeftColor:isFilled?'transparent':sideColor,borderRightColor:isFilled?'transparent':sideColor,borderBottomColor:isFilled?'transparent':theme.colors.negative400};}return{height:config.height,borderRadius:config.borderRadius,paddingHorizontal:config.paddingHorizontal,backgroundColor:backgroundColor,borderColor:borderColor};},[config.height,config.borderRadius,config.paddingHorizontal,variant,hasError,isFocused,isPressed,disabled,theme]);var textInputInlineStyles=(0,_react.useMemo)(function(){return Object.assign({fontSize:config.fontSize,lineHeight:config.inputLineHeight},(0,_utils.createTextStyle)(theme.fonts.regular,'400'),{color:theme.colors.neutral900});},[config.fontSize,config.inputLineHeight,theme]);var currentLength=isControlled?((_rest$value=rest.value)!=null?_rest$value:'').length:uncontrolledValue.length;var showCharacterCount=showCount&&rest.maxLength!==undefined&&rest.maxLength>0;var renderLabelRow=function renderLabelRow(){if(!label&&!showCharacterCount)return null;return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:_styles.styles.labelRow,children:[label?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:_styles.styles.labelWithIndicator,children:[(0,_jsxRuntime.jsx)(_text.Text,{fontSize:config.labelFontSize,css:{color:theme.colors.neutral800,fontWeight:'500',lineHeight:config.labelLineHeight,letterSpacing:config.labelLetterSpacing},children:label}),requiredIndicator?_react.default.isValidElement(requiredIndicator)?requiredIndicator:(0,_jsxRuntime.jsx)(_text.Text,{fontSize:config.labelFontSize,css:{color:theme.colors.negative400},children:' *'}):null]}):(0,_jsxRuntime.jsx)(_reactNative.View,{}),showCharacterCount?renderCounter?(0,_jsxRuntime.jsx)(_jsxRuntime.Fragment,{children:renderCounter({length:currentLength,maxLength:rest.maxLength})}):(0,_jsxRuntime.jsxs)(_text.Text,{fontSize:config.labelFontSize,css:{color:theme.colors.neutral700},children:[currentLength,"/",rest.maxLength]}):null]});};var renderFooter=function renderFooter(){if(errorMessage){return(0,_jsxRuntime.jsx)(_reactNative.View,{accessible:true,accessibilityRole:"alert",accessibilityLiveRegion:"polite",children:(0,_jsxRuntime.jsx)(_text.Text,{color:theme.colors.negative400,fontSize:12,children:errorMessage})});}if(helperText){return(0,_jsxRuntime.jsx)(_text.Text,{fontSize:12,css:{color:theme.colors.neutral700},children:helperText});}return null;};var iconColor=disabled?theme.colors.neutral500:theme.colors.neutral700;return(0,_jsxRuntime.jsxs)(_flex.Flex,{gap:4,css:_styles.styles.fullWidth,children:[renderLabelRow(),(0,_jsxRuntime.jsx)(_reactNative.View,{pointerEvents:disabled?'none':'auto',onTouchStart:function onTouchStart(){return!disabled&&setIsPressed(true);},onTouchEnd:function onTouchEnd(){return setIsPressed(false);},onTouchCancel:function onTouchCancel(){return setIsPressed(false);},style:[_styles.styles.container,css,style],children:(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[_styles.styles.inputWrapper,inputWrapperStyles],children:[hasLeftIcon&&_react.default.isValidElement(leftIcon)&&(0,_jsxRuntime.jsx)(_reactNative.View,{style:[_styles.styles.iconContainer,{marginRight:config.iconTextGap}],children:_react.default.cloneElement(leftIcon,{size:config.iconSize,color:iconColor})}),hasLeftElement&&(0,_jsxRuntime.jsx)(_reactNative.View,{style:[_styles.styles.iconContainer,{marginRight:config.iconTextGap}],children:leftElement}),(0,_jsxRuntime.jsx)(InputElement,Object.assign({ref:textInputRef,style:[_styles.styles.textInput,textInputInlineStyles],placeholderTextColor:theme.colors.neutral600,onFocus:handleFocus,onBlur:handleBlur,onChangeText:handleChangeText,editable:!disabled&&editable,cursorColor:theme.colors.neutral900,accessible:true,accessibilityLabel:(_ref2=accessibilityLabelProp!=null?accessibilityLabelProp:label)!=null?_ref2:rest.placeholder,accessibilityState:{disabled:disabled}},rest)),hasRightIcon&&_react.default.isValidElement(rightIcon)&&(0,_jsxRuntime.jsx)(_reactNative.View,{style:[_styles.styles.iconContainer,{marginLeft:config.iconTextGap}],children:_react.default.cloneElement(rightIcon,{size:config.iconSize,color:iconColor})}),hasRightElement&&(0,_jsxRuntime.jsx)(_reactNative.View,{style:[_styles.styles.iconContainer,{marginLeft:config.iconTextGap}],children:rightElement})]})}),renderFooter()]});});TextInput.displayName='TextInput';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.elasticResistance=void 0;exports.generateToastId=generateToastId;exports.getBackgroundColor=getBackgroundColor;exports.getDescriptionStyles=getDescriptionStyles;exports.getIconColor=getIconColor;exports.getPositionContainerStyle=getPositionContainerStyle;exports.getTitleStyles=getTitleStyles;exports.getVariantContainerStyles=getVariantContainerStyles;var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _constants=require("./constants");var idCounter=0;function generateToastId(){idCounter+=1;return`twigs-toast-${idCounter}`;}function getVariantContainerStyles(theme,variant){var config=_constants.VARIANT_COLORS[variant];var bgKey=config.background;return{backgroundColor:theme.colors[bgKey],borderRadius:_constants.TOAST_BORDER_RADIUS,paddingHorizontal:_constants.TOAST_PADDING_HORIZONTAL,paddingVertical:_constants.TOAST_PADDING_VERTICAL,minHeight:_constants.TOAST_MIN_HEIGHT,gap:_constants.TOAST_CONTAINER_GAP,shadowColor:theme.colors.black900,shadowOffset:{width:2,height:2},shadowOpacity:0.1,shadowRadius:4,elevation:
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.elasticResistance=void 0;exports.generateToastId=generateToastId;exports.getBackgroundColor=getBackgroundColor;exports.getDescriptionStyles=getDescriptionStyles;exports.getIconColor=getIconColor;exports.getPositionContainerStyle=getPositionContainerStyle;exports.getTitleStyles=getTitleStyles;exports.getVariantContainerStyles=getVariantContainerStyles;var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _constants=require("./constants");var idCounter=0;function generateToastId(){idCounter+=1;return`twigs-toast-${idCounter}`;}function getVariantContainerStyles(theme,variant){var config=_constants.VARIANT_COLORS[variant];var bgKey=config.background;return{backgroundColor:theme.colors[bgKey],borderRadius:_constants.TOAST_BORDER_RADIUS,paddingHorizontal:_constants.TOAST_PADDING_HORIZONTAL,paddingVertical:_constants.TOAST_PADDING_VERTICAL,minHeight:_constants.TOAST_MIN_HEIGHT,gap:_constants.TOAST_CONTAINER_GAP,shadowColor:theme.colors.black900,shadowOffset:{width:2,height:2},shadowOpacity:0.1,shadowRadius:4,elevation:2};}function getIconColor(theme,variant){var colorKey=_constants.VARIANT_COLORS[variant].icon;return theme.colors[colorKey];}function getBackgroundColor(theme,variant){var colorKey=_constants.VARIANT_COLORS[variant].background;return theme.colors[colorKey];}function getTitleStyles(theme,variant){var colorKey=_constants.VARIANT_COLORS[variant].text;return{color:theme.colors[colorKey],fontSize:_constants.TOAST_TITLE_FONT_SIZE,lineHeight:_constants.TOAST_TITLE_LINE_HEIGHT,fontFamily:theme.fonts.bold};}function getDescriptionStyles(theme,variant){var colorKey=_constants.VARIANT_COLORS[variant].text;return{color:theme.colors[colorKey],fontSize:_constants.TOAST_DESCRIPTION_FONT_SIZE,lineHeight:_constants.TOAST_DESCRIPTION_LINE_HEIGHT,fontFamily:theme.fonts.regular};}var _worklet_15759784799113_init_data={code:"function elasticResistance_helpersTs1(distance){const{SWIPE_ELASTIC_RESISTANCE}=this.__closure;const progressiveFactor=1/(1+Math.abs(distance)*0.02);return distance*SWIPE_ELASTIC_RESISTANCE*progressiveFactor;}",location:"/Users/krishnank/surveysparrow/npm-package/twigs-mobile/src/toast/helpers.ts",sourceMap:"{\"version\":3,\"names\":[\"elasticResistance_helpersTs1\",\"distance\",\"SWIPE_ELASTIC_RESISTANCE\",\"__closure\",\"progressiveFactor\",\"Math\",\"abs\"],\"sources\":[\"/Users/krishnank/surveysparrow/npm-package/twigs-mobile/src/toast/helpers.ts\"],\"mappings\":\"AA8EO,SAAAA,4BAA4CA,CAASC,QAAA,QAAAC,wBAAA,OAAAC,SAAA,CAE1D,KAAM,CAAAC,iBAAiB,CAAG,CAAC,EAAI,CAAC,CAAGC,IAAI,CAACC,GAAG,CAACL,QAAQ,CAAC,CAAG,IAAI,CAAC,CAC7D,MAAO,CAAAA,QAAQ,CAAGC,wBAAwB,CAAGE,iBAAiB,CAChE\",\"ignoreList\":[]}",version:"3.16.7"};var elasticResistance=exports.elasticResistance=function(){var _e=[new global.Error(),-2,-27];var elasticResistance=function elasticResistance(distance){var progressiveFactor=1/(1+Math.abs(distance)*0.02);return distance*_constants.SWIPE_ELASTIC_RESISTANCE*progressiveFactor;};elasticResistance.__closure={SWIPE_ELASTIC_RESISTANCE:_constants.SWIPE_ELASTIC_RESISTANCE};elasticResistance.__workletHash=15759784799113;elasticResistance.__initData=_worklet_15759784799113_init_data;elasticResistance.__stackDetails=_e;return elasticResistance;}();function getPositionContainerStyle(position,offset){var vertical=_constants.POSITION_STYLES[position].vertical;return(0,_defineProperty2.default)((0,_defineProperty2.default)({position:'absolute',left:0,right:0,paddingHorizontal:16},vertical,offset),"alignItems",'center');}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports,"__esModule",{value:true});exports.ToastItem=void 0;var _react=_interopRequireWildcard(require("react"));var _reactNativeGestureHandler=require("react-native-gesture-handler");var _reactNativeReanimated=_interopRequireWildcard(require("react-native-reanimated"));var _toastContent=require("./toast-content");var _constants=require("./constants");var _helpers=require("./helpers");var _styles=require("./styles");var _jsxRuntime=require("react/jsx-runtime");var _this=this,_jsxFileName="/Users/krishnank/surveysparrow/npm-package/twigs-mobile/src/toast/toast-item.tsx";function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap(),n=new WeakMap();return(_interopRequireWildcard=function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;var o,i,f={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return f;if(o=t?n:r){if(o.has(e))return o.get(e);o.set(e,f);}for(var _t in e)"default"!==_t&&{}.hasOwnProperty.call(e,_t)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,_t))&&(i.get||i.set)?o(f,_t,i):f[_t]=e[_t]);return f;})(e,t);}var _worklet_3542171930159_init_data={code:"function toastItemTsx1(){const{runOnJS,onSwipeBegin}=this.__closure;runOnJS(onSwipeBegin)();}",location:"/Users/krishnank/surveysparrow/npm-package/twigs-mobile/src/toast/toast-item.tsx",sourceMap:"{\"version\":3,\"names\":[\"toastItemTsx1\",\"runOnJS\",\"onSwipeBegin\",\"__closure\"],\"sources\":[\"/Users/krishnank/surveysparrow/npm-package/twigs-mobile/src/toast/toast-item.tsx\"],\"mappings\":\"AAqFe,SAAAA,aAAMA,CAAA,QAAAC,OAAA,CAAAC,YAAA,OAAAC,SAAA,CAEbF,OAAO,CAACC,YAAY,CAAC,CAAC,CAAC,CACzB\",\"ignoreList\":[]}",version:"3.16.7"};var _worklet_13806116193977_init_data={code:"function toastItemTsx2(event){const{isBottomPosition,swipeY,elasticResistance}=this.__closure;const raw=event.translationY*(isBottomPosition?-1:1);const isCorrectDirection=raw<0;if(isCorrectDirection){swipeY.value=raw;}else{swipeY.value=elasticResistance(raw);}}",location:"/Users/krishnank/surveysparrow/npm-package/twigs-mobile/src/toast/toast-item.tsx",sourceMap:"{\"version\":3,\"names\":[\"toastItemTsx2\",\"event\",\"isBottomPosition\",\"swipeY\",\"elasticResistance\",\"__closure\",\"raw\",\"translationY\",\"isCorrectDirection\",\"value\"],\"sources\":[\"/Users/krishnank/surveysparrow/npm-package/twigs-mobile/src/toast/toast-item.tsx\"],\"mappings\":\"AAyFiB,SAAAA,aAAUA,CAAAC,KAAA,QAAAC,gBAAA,CAAAC,MAAA,CAAAC,iBAAA,OAAAC,SAAA,CAEnB,KAAM,CAAAC,GAAG,CAAGL,KAAK,CAACM,YAAY,EAAIL,gBAAgB,CAAG,CAAC,CAAC,CAAG,CAAC,CAAC,CAC5D,KAAM,CAAAM,kBAAkB,CAAGF,GAAG,CAAG,CAAC,CAElC,GAAIE,kBAAkB,CAAE,CACtBL,MAAM,CAACM,KAAK,CAAGH,GAAG,CACpB,CAAC,IAAM,CACLH,MAAM,CAACM,KAAK,CAAGL,iBAAiB,CAACE,GAAG,CAAC,CACvC,CACF\",\"ignoreList\":[]}",version:"3.16.7"};var _worklet_3776105400621_init_data={code:"function toastItemTsx3(){const{swipeY,SWIPE_THRESHOLD,withTiming,Easing,SWIPE_DISMISS_OFFSET,runOnJS,dismiss,onSwipeFinalize}=this.__closure;const shouldDismiss=swipeY.value<-SWIPE_THRESHOLD;const isWrongDirection=swipeY.value>0;if(isWrongDirection){swipeY.value=withTiming(0,{easing:Easing.elastic(0.8),duration:400});}else if(shouldDismiss){swipeY.value=withTiming(SWIPE_DISMISS_OFFSET,{easing:Easing.inOut(Easing.ease)},function(isDone){if(isDone)runOnJS(dismiss)();});}else{swipeY.value=withTiming(0,{easing:Easing.elastic(0.8)});}runOnJS(onSwipeFinalize)();}",location:"/Users/krishnank/surveysparrow/npm-package/twigs-mobile/src/toast/toast-item.tsx",sourceMap:"{\"version\":3,\"names\":[\"toastItemTsx3\",\"swipeY\",\"SWIPE_THRESHOLD\",\"withTiming\",\"Easing\",\"SWIPE_DISMISS_OFFSET\",\"runOnJS\",\"dismiss\",\"onSwipeFinalize\",\"__closure\",\"shouldDismiss\",\"value\",\"isWrongDirection\",\"easing\",\"elastic\",\"duration\",\"inOut\",\"ease\",\"isDone\"],\"sources\":[\"/Users/krishnank/surveysparrow/npm-package/twigs-mobile/src/toast/toast-item.tsx\"],\"mappings\":\"AAoGkB,SAAAA,aAAMA,CAAA,QAAAC,MAAA,CAAAC,eAAA,CAAAC,UAAA,CAAAC,MAAA,CAAAC,oBAAA,CAAAC,OAAA,CAAAC,OAAA,CAAAC,eAAA,OAAAC,SAAA,CAEhB,KAAM,CAAAC,aAAa,CAAGT,MAAM,CAACU,KAAK,CAAG,CAACT,eAAe,CACrD,KAAM,CAAAU,gBAAgB,CAAGX,MAAM,CAACU,KAAK,CAAG,CAAC,CAEzC,GAAIC,gBAAgB,CAAE,CACpBX,MAAM,CAACU,KAAK,CAAGR,UAAU,CAAC,CAAC,CAAE,CAC3BU,MAAM,CAAET,MAAM,CAACU,OAAO,CAAC,GAAG,CAAC,CAC3BC,QAAQ,CAAE,GACZ,CAAC,CAAC,CACJ,CAAC,IAAM,IAAIL,aAAa,CAAE,CACxBT,MAAM,CAACU,KAAK,CAAGR,UAAU,CACvBE,oBAAoB,CACpB,CAAEQ,MAAM,CAAET,MAAM,CAACY,KAAK,CAACZ,MAAM,CAACa,IAAI,CAAE,CAAC,CACpC,SAAAC,MAAM,CAAK,CACV,GAAIA,MAAM,CAAEZ,OAAO,CAACC,OAAO,CAAC,CAAC,CAAC,CAChC,CACF,CAAC,CACH,CAAC,IAAM,CACLN,MAAM,CAACU,KAAK,CAAGR,UAAU,CAAC,CAAC,CAAE,CAC3BU,MAAM,CAAET,MAAM,CAACU,OAAO,CAAC,GAAG,CAC5B,CAAC,CAAC,CACJ,CAEAR,OAAO,CAACE,eAAe,CAAC,CAAC,CAAC,CAC5B\",\"ignoreList\":[]}",version:"3.16.7"};var _worklet_14471162971076_init_data={code:"function toastItemTsx4(isDone){const{runOnJS,dismiss}=this.__closure;if(isDone)runOnJS(dismiss)();}",location:"/Users/krishnank/surveysparrow/npm-package/twigs-mobile/src/toast/toast-item.tsx",sourceMap:"{\"version\":3,\"names\":[\"toastItemTsx4\",\"isDone\",\"runOnJS\",\"dismiss\",\"__closure\"],\"sources\":[\"/Users/krishnank/surveysparrow/npm-package/twigs-mobile/src/toast/toast-item.tsx\"],\"mappings\":\"AAkHa,SAAAA,aAAWA,CAAAC,MAAA,QAAAC,OAAA,CAAAC,OAAA,OAAAC,SAAA,CACV,GAAIH,MAAM,CAAEC,OAAO,CAACC,OAAO,CAAC,CAAC,CAAC,CAChC\",\"ignoreList\":[]}",version:"3.16.7"};var _worklet_3545775078821_init_data={code:"function toastItemTsx5(){const{onPress,runOnJS}=this.__closure;if(onPress){runOnJS(onPress)();}}",location:"/Users/krishnank/surveysparrow/npm-package/twigs-mobile/src/toast/toast-item.tsx",sourceMap:"{\"version\":3,\"names\":[\"toastItemTsx5\",\"onPress\",\"runOnJS\",\"__closure\"],\"sources\":[\"/Users/krishnank/surveysparrow/npm-package/twigs-mobile/src/toast/toast-item.tsx\"],\"mappings\":\"AA+HoC,SAAAA,aAAMA,CAAA,QAAAC,OAAA,CAAAC,OAAA,OAAAC,SAAA,CAEpC,GAAIF,OAAO,CAAE,CACXC,OAAO,CAACD,OAAO,CAAC,CAAC,CAAC,CACpB,CACF\",\"ignoreList\":[]}",version:"3.16.7"};var _worklet_11711452793137_init_data={code:"function toastItemTsx6(){const{interpolate,progress,hiddenY,Extrapolation,swipeY,isBottomPosition}=this.__closure;const entryTranslateY=interpolate(progress.value,[0,1],[hiddenY,0],Extrapolation.CLAMP);const opacity=interpolate(progress.value,[0,0.7,1],[0,1,1],Extrapolation.CLAMP);const swipeTranslateY=swipeY.value*(isBottomPosition?-1:1);return{opacity:opacity,transform:[{translateY:entryTranslateY+swipeTranslateY}]};}",location:"/Users/krishnank/surveysparrow/npm-package/twigs-mobile/src/toast/toast-item.tsx",sourceMap:"{\"version\":3,\"names\":[\"toastItemTsx6\",\"interpolate\",\"progress\",\"hiddenY\",\"Extrapolation\",\"swipeY\",\"isBottomPosition\",\"__closure\",\"entryTranslateY\",\"value\",\"CLAMP\",\"opacity\",\"swipeTranslateY\",\"transform\",\"translateY\"],\"sources\":[\"/Users/krishnank/surveysparrow/npm-package/twigs-mobile/src/toast/toast-item.tsx\"],\"mappings\":\"AAwI2C,SAAAA,aAAMA,CAAA,QAAAC,WAAA,CAAAC,QAAA,CAAAC,OAAA,CAAAC,aAAA,CAAAC,MAAA,CAAAC,gBAAA,OAAAC,SAAA,CAC3C,KAAM,CAAAC,eAAe,CAAGP,WAAW,CACjCC,QAAQ,CAACO,KAAK,CACd,CAAC,CAAC,CAAE,CAAC,CAAC,CACN,CAACN,OAAO,CAAE,CAAC,CAAC,CACZC,aAAa,CAACM,KAChB,CAAC,CAED,KAAM,CAAAC,OAAO,CAAGV,WAAW,CACzBC,QAAQ,CAACO,KAAK,CACd,CAAC,CAAC,CAAE,GAAG,CAAE,CAAC,CAAC,CACX,CAAC,CAAC,CAAE,CAAC,CAAE,CAAC,CAAC,CACTL,aAAa,CAACM,KAChB,CAAC,CAED,KAAM,CAAAE,eAAe,CAAGP,MAAM,CAACI,KAAK,EAAIH,gBAAgB,CAAG,CAAC,CAAC,CAAG,CAAC,CAAC,CAElE,MAAO,CACLK,OAAO,CAAPA,OAAO,CACPE,SAAS,CAAE,CAAC,CAAEC,UAAU,CAAEN,eAAe,CAAGI,eAAgB,CAAC,CAC/D,CAAC,CACH\",\"ignoreList\":[]}",version:"3.16.7"};var ToastItem=exports.ToastItem=_react.default.memo(function(_ref){var id=_ref.id,title=_ref.title,description=_ref.description,variant=_ref.variant,icon=_ref.icon,action=_ref.action,position=_ref.position,duration=_ref.duration,onPress=_ref.onPress,onShow=_ref.onShow,onDismissCallback=_ref.onDismiss,onRemove=_ref.onRemove;var isTopPosition=position.startsWith('top');var isBottomPosition=!isTopPosition;var dismissDirection=isTopPosition?-1:1;var hiddenY=dismissDirection*(_constants.TOAST_MIN_HEIGHT*2);var progress=(0,_reactNativeReanimated.useSharedValue)(0);var swipeY=(0,_reactNativeReanimated.useSharedValue)(0);var isDragging=(0,_react.useRef)(false);var timerRef=(0,_react.useRef)();var dismiss=(0,_react.useCallback)(function(){onDismissCallback==null||onDismissCallback();onRemove(id);},[id,onRemove,onDismissCallback]);var onSwipeBegin=(0,_react.useCallback)(function(){isDragging.current=true;},[]);var onSwipeFinalize=(0,_react.useCallback)(function(){isDragging.current=false;},[]);(0,_react.useEffect)(function(){progress.value=(0,_reactNativeReanimated.withSpring)(1,_constants.ENTRY_SPRING_CONFIG);onShow==null||onShow();},[]);(0,_react.useEffect)(function(){if(duration===Infinity||duration<=0)return;timerRef.current=setTimeout(function(){if(!isDragging.current){dismiss();}},duration+_constants.ANIMATION_DURATION);return function(){if(timerRef.current)clearTimeout(timerRef.current);};},[duration,dismiss]);var pan=_reactNativeGestureHandler.Gesture.Pan().activeOffsetY(_constants.PAN_ACTIVE_OFFSET_Y).failOffsetX(_constants.PAN_FAIL_OFFSET_X).onBegin(function(){var _e=[new global.Error(),-3,-27];var toastItemTsx1=function toastItemTsx1(){(0,_reactNativeReanimated.runOnJS)(onSwipeBegin)();};toastItemTsx1.__closure={runOnJS:_reactNativeReanimated.runOnJS,onSwipeBegin:onSwipeBegin};toastItemTsx1.__workletHash=3542171930159;toastItemTsx1.__initData=_worklet_3542171930159_init_data;toastItemTsx1.__stackDetails=_e;return toastItemTsx1;}()).onChange(function(){var _e=[new global.Error(),-4,-27];var toastItemTsx2=function toastItemTsx2(event){var raw=event.translationY*(isBottomPosition?-1:1);var isCorrectDirection=raw<0;if(isCorrectDirection){swipeY.value=raw;}else{swipeY.value=(0,_helpers.elasticResistance)(raw);}};toastItemTsx2.__closure={isBottomPosition:isBottomPosition,swipeY:swipeY,elasticResistance:_helpers.elasticResistance};toastItemTsx2.__workletHash=13806116193977;toastItemTsx2.__initData=_worklet_13806116193977_init_data;toastItemTsx2.__stackDetails=_e;return toastItemTsx2;}()).onFinalize(function(){var _e=[new global.Error(),-9,-27];var toastItemTsx3=function toastItemTsx3(){var shouldDismiss=swipeY.value<-_constants.SWIPE_THRESHOLD;var isWrongDirection=swipeY.value>0;if(isWrongDirection){swipeY.value=(0,_reactNativeReanimated.withTiming)(0,{easing:_reactNativeReanimated.Easing.elastic(0.8),duration:400});}else if(shouldDismiss){swipeY.value=(0,_reactNativeReanimated.withTiming)(_constants.SWIPE_DISMISS_OFFSET,{easing:_reactNativeReanimated.Easing.inOut(_reactNativeReanimated.Easing.ease)},function(){var _e=[new global.Error(),-3,-27];var toastItemTsx4=function toastItemTsx4(isDone){if(isDone)(0,_reactNativeReanimated.runOnJS)(dismiss)();};toastItemTsx4.__closure={runOnJS:_reactNativeReanimated.runOnJS,dismiss:dismiss};toastItemTsx4.__workletHash=14471162971076;toastItemTsx4.__initData=_worklet_14471162971076_init_data;toastItemTsx4.__stackDetails=_e;return toastItemTsx4;}());}else{swipeY.value=(0,_reactNativeReanimated.withTiming)(0,{easing:_reactNativeReanimated.Easing.elastic(0.8)});}(0,_reactNativeReanimated.runOnJS)(onSwipeFinalize)();};toastItemTsx3.__closure={swipeY:swipeY,SWIPE_THRESHOLD:_constants.SWIPE_THRESHOLD,withTiming:_reactNativeReanimated.withTiming,Easing:_reactNativeReanimated.Easing,SWIPE_DISMISS_OFFSET:_constants.SWIPE_DISMISS_OFFSET,runOnJS:_reactNativeReanimated.runOnJS,dismiss:dismiss,onSwipeFinalize:onSwipeFinalize};toastItemTsx3.__workletHash=3776105400621;toastItemTsx3.__initData=_worklet_3776105400621_init_data;toastItemTsx3.__stackDetails=_e;return toastItemTsx3;}());var tap=_reactNativeGestureHandler.Gesture.Tap().onEnd(function(){var _e=[new global.Error(),-3,-27];var toastItemTsx5=function toastItemTsx5(){if(onPress){(0,_reactNativeReanimated.runOnJS)(onPress)();}};toastItemTsx5.__closure={onPress:onPress,runOnJS:_reactNativeReanimated.runOnJS};toastItemTsx5.__workletHash=3545775078821;toastItemTsx5.__initData=_worklet_3545775078821_init_data;toastItemTsx5.__stackDetails=_e;return toastItemTsx5;}());var composed=_reactNativeGestureHandler.Gesture.Race(pan,tap);var animatedStyle=(0,_reactNativeReanimated.useAnimatedStyle)(function(){var _e=[new global.Error(),-7,-27];var toastItemTsx6=function toastItemTsx6(){var entryTranslateY=(0,_reactNativeReanimated.interpolate)(progress.value,[0,1],[hiddenY,0],_reactNativeReanimated.Extrapolation.CLAMP);var opacity=(0,_reactNativeReanimated.interpolate)(progress.value,[0,0.7,1],[0,1,1],_reactNativeReanimated.Extrapolation.CLAMP);var swipeTranslateY=swipeY.value*(isBottomPosition?-1:1);return{opacity:opacity,transform:[{translateY:entryTranslateY+swipeTranslateY}]};};toastItemTsx6.__closure={interpolate:_reactNativeReanimated.interpolate,progress:progress,hiddenY:hiddenY,Extrapolation:_reactNativeReanimated.Extrapolation,swipeY:swipeY,isBottomPosition:isBottomPosition};toastItemTsx6.__workletHash=11711452793137;toastItemTsx6.__initData=_worklet_11711452793137_init_data;toastItemTsx6.__stackDetails=_e;return toastItemTsx6;}());return(0,_jsxRuntime.jsx)(_reactNativeGestureHandler.GestureDetector,{gesture:composed,children:(0,_jsxRuntime.jsx)(_reactNativeReanimated.default.View,{style:[_styles.styles.toastWrapper,animatedStyle],children:(0,_jsxRuntime.jsx)(_toastContent.ToastContent,{title:title,description:description,variant:variant,icon:icon,action:action})})});});ToastItem.displayName='ToastItem';
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:true});exports.ToastItem=void 0;var _react=_interopRequireWildcard(require("react"));var _reactNativeGestureHandler=require("react-native-gesture-handler");var _reactNativeReanimated=_interopRequireWildcard(require("react-native-reanimated"));var _toastContent=require("./toast-content");var _constants=require("./constants");var _helpers=require("./helpers");var _styles=require("./styles");var _jsxRuntime=require("react/jsx-runtime");var _this=this,_jsxFileName="/Users/krishnank/surveysparrow/npm-package/twigs-mobile/src/toast/toast-item.tsx";function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap(),n=new WeakMap();return(_interopRequireWildcard=function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;var o,i,f={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return f;if(o=t?n:r){if(o.has(e))return o.get(e);o.set(e,f);}for(var _t in e)"default"!==_t&&{}.hasOwnProperty.call(e,_t)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,_t))&&(i.get||i.set)?o(f,_t,i):f[_t]=e[_t]);return f;})(e,t);}var _worklet_3542171930159_init_data={code:"function toastItemTsx1(){const{runOnJS,onSwipeBegin}=this.__closure;runOnJS(onSwipeBegin)();}",location:"/Users/krishnank/surveysparrow/npm-package/twigs-mobile/src/toast/toast-item.tsx",sourceMap:"{\"version\":3,\"names\":[\"toastItemTsx1\",\"runOnJS\",\"onSwipeBegin\",\"__closure\"],\"sources\":[\"/Users/krishnank/surveysparrow/npm-package/twigs-mobile/src/toast/toast-item.tsx\"],\"mappings\":\"AAqFe,SAAAA,aAAMA,CAAA,QAAAC,OAAA,CAAAC,YAAA,OAAAC,SAAA,CAEbF,OAAO,CAACC,YAAY,CAAC,CAAC,CAAC,CACzB\",\"ignoreList\":[]}",version:"3.16.7"};var _worklet_13806116193977_init_data={code:"function toastItemTsx2(event){const{isBottomPosition,swipeY,elasticResistance}=this.__closure;const raw=event.translationY*(isBottomPosition?-1:1);const isCorrectDirection=raw<0;if(isCorrectDirection){swipeY.value=raw;}else{swipeY.value=elasticResistance(raw);}}",location:"/Users/krishnank/surveysparrow/npm-package/twigs-mobile/src/toast/toast-item.tsx",sourceMap:"{\"version\":3,\"names\":[\"toastItemTsx2\",\"event\",\"isBottomPosition\",\"swipeY\",\"elasticResistance\",\"__closure\",\"raw\",\"translationY\",\"isCorrectDirection\",\"value\"],\"sources\":[\"/Users/krishnank/surveysparrow/npm-package/twigs-mobile/src/toast/toast-item.tsx\"],\"mappings\":\"AAyFiB,SAAAA,aAAUA,CAAAC,KAAA,QAAAC,gBAAA,CAAAC,MAAA,CAAAC,iBAAA,OAAAC,SAAA,CAEnB,KAAM,CAAAC,GAAG,CAAGL,KAAK,CAACM,YAAY,EAAIL,gBAAgB,CAAG,CAAC,CAAC,CAAG,CAAC,CAAC,CAC5D,KAAM,CAAAM,kBAAkB,CAAGF,GAAG,CAAG,CAAC,CAElC,GAAIE,kBAAkB,CAAE,CACtBL,MAAM,CAACM,KAAK,CAAGH,GAAG,CACpB,CAAC,IAAM,CACLH,MAAM,CAACM,KAAK,CAAGL,iBAAiB,CAACE,GAAG,CAAC,CACvC,CACF\",\"ignoreList\":[]}",version:"3.16.7"};var _worklet_3776105400621_init_data={code:"function toastItemTsx3(){const{swipeY,SWIPE_THRESHOLD,withTiming,Easing,SWIPE_DISMISS_OFFSET,runOnJS,dismiss,onSwipeFinalize}=this.__closure;const shouldDismiss=swipeY.value<-SWIPE_THRESHOLD;const isWrongDirection=swipeY.value>0;if(isWrongDirection){swipeY.value=withTiming(0,{easing:Easing.elastic(0.8),duration:400});}else if(shouldDismiss){swipeY.value=withTiming(SWIPE_DISMISS_OFFSET,{easing:Easing.inOut(Easing.ease)},function(isDone){if(isDone)runOnJS(dismiss)();});}else{swipeY.value=withTiming(0,{easing:Easing.elastic(0.8)});}runOnJS(onSwipeFinalize)();}",location:"/Users/krishnank/surveysparrow/npm-package/twigs-mobile/src/toast/toast-item.tsx",sourceMap:"{\"version\":3,\"names\":[\"toastItemTsx3\",\"swipeY\",\"SWIPE_THRESHOLD\",\"withTiming\",\"Easing\",\"SWIPE_DISMISS_OFFSET\",\"runOnJS\",\"dismiss\",\"onSwipeFinalize\",\"__closure\",\"shouldDismiss\",\"value\",\"isWrongDirection\",\"easing\",\"elastic\",\"duration\",\"inOut\",\"ease\",\"isDone\"],\"sources\":[\"/Users/krishnank/surveysparrow/npm-package/twigs-mobile/src/toast/toast-item.tsx\"],\"mappings\":\"AAoGkB,SAAAA,aAAMA,CAAA,QAAAC,MAAA,CAAAC,eAAA,CAAAC,UAAA,CAAAC,MAAA,CAAAC,oBAAA,CAAAC,OAAA,CAAAC,OAAA,CAAAC,eAAA,OAAAC,SAAA,CAEhB,KAAM,CAAAC,aAAa,CAAGT,MAAM,CAACU,KAAK,CAAG,CAACT,eAAe,CACrD,KAAM,CAAAU,gBAAgB,CAAGX,MAAM,CAACU,KAAK,CAAG,CAAC,CAEzC,GAAIC,gBAAgB,CAAE,CACpBX,MAAM,CAACU,KAAK,CAAGR,UAAU,CAAC,CAAC,CAAE,CAC3BU,MAAM,CAAET,MAAM,CAACU,OAAO,CAAC,GAAG,CAAC,CAC3BC,QAAQ,CAAE,GACZ,CAAC,CAAC,CACJ,CAAC,IAAM,IAAIL,aAAa,CAAE,CACxBT,MAAM,CAACU,KAAK,CAAGR,UAAU,CACvBE,oBAAoB,CACpB,CAAEQ,MAAM,CAAET,MAAM,CAACY,KAAK,CAACZ,MAAM,CAACa,IAAI,CAAE,CAAC,CACpC,SAAAC,MAAM,CAAK,CACV,GAAIA,MAAM,CAAEZ,OAAO,CAACC,OAAO,CAAC,CAAC,CAAC,CAChC,CACF,CAAC,CACH,CAAC,IAAM,CACLN,MAAM,CAACU,KAAK,CAAGR,UAAU,CAAC,CAAC,CAAE,CAC3BU,MAAM,CAAET,MAAM,CAACU,OAAO,CAAC,GAAG,CAC5B,CAAC,CAAC,CACJ,CAEAR,OAAO,CAACE,eAAe,CAAC,CAAC,CAAC,CAC5B\",\"ignoreList\":[]}",version:"3.16.7"};var _worklet_14471162971076_init_data={code:"function toastItemTsx4(isDone){const{runOnJS,dismiss}=this.__closure;if(isDone)runOnJS(dismiss)();}",location:"/Users/krishnank/surveysparrow/npm-package/twigs-mobile/src/toast/toast-item.tsx",sourceMap:"{\"version\":3,\"names\":[\"toastItemTsx4\",\"isDone\",\"runOnJS\",\"dismiss\",\"__closure\"],\"sources\":[\"/Users/krishnank/surveysparrow/npm-package/twigs-mobile/src/toast/toast-item.tsx\"],\"mappings\":\"AAkHa,SAAAA,aAAWA,CAAAC,MAAA,QAAAC,OAAA,CAAAC,OAAA,OAAAC,SAAA,CACV,GAAIH,MAAM,CAAEC,OAAO,CAACC,OAAO,CAAC,CAAC,CAAC,CAChC\",\"ignoreList\":[]}",version:"3.16.7"};var _worklet_3545775078821_init_data={code:"function toastItemTsx5(){const{onPress,runOnJS}=this.__closure;if(onPress){runOnJS(onPress)();}}",location:"/Users/krishnank/surveysparrow/npm-package/twigs-mobile/src/toast/toast-item.tsx",sourceMap:"{\"version\":3,\"names\":[\"toastItemTsx5\",\"onPress\",\"runOnJS\",\"__closure\"],\"sources\":[\"/Users/krishnank/surveysparrow/npm-package/twigs-mobile/src/toast/toast-item.tsx\"],\"mappings\":\"AA+HoC,SAAAA,aAAMA,CAAA,QAAAC,OAAA,CAAAC,OAAA,OAAAC,SAAA,CAEpC,GAAIF,OAAO,CAAE,CACXC,OAAO,CAACD,OAAO,CAAC,CAAC,CAAC,CACpB,CACF\",\"ignoreList\":[]}",version:"3.16.7"};var _worklet_11711452793137_init_data={code:"function toastItemTsx6(){const{interpolate,progress,hiddenY,Extrapolation,swipeY,isBottomPosition}=this.__closure;const entryTranslateY=interpolate(progress.value,[0,1],[hiddenY,0],Extrapolation.CLAMP);const opacity=interpolate(progress.value,[0,0.7,1],[0,1,1],Extrapolation.CLAMP);const swipeTranslateY=swipeY.value*(isBottomPosition?-1:1);return{opacity:opacity,transform:[{translateY:entryTranslateY+swipeTranslateY}]};}",location:"/Users/krishnank/surveysparrow/npm-package/twigs-mobile/src/toast/toast-item.tsx",sourceMap:"{\"version\":3,\"names\":[\"toastItemTsx6\",\"interpolate\",\"progress\",\"hiddenY\",\"Extrapolation\",\"swipeY\",\"isBottomPosition\",\"__closure\",\"entryTranslateY\",\"value\",\"CLAMP\",\"opacity\",\"swipeTranslateY\",\"transform\",\"translateY\"],\"sources\":[\"/Users/krishnank/surveysparrow/npm-package/twigs-mobile/src/toast/toast-item.tsx\"],\"mappings\":\"AAwI2C,SAAAA,aAAMA,CAAA,QAAAC,WAAA,CAAAC,QAAA,CAAAC,OAAA,CAAAC,aAAA,CAAAC,MAAA,CAAAC,gBAAA,OAAAC,SAAA,CAC3C,KAAM,CAAAC,eAAe,CAAGP,WAAW,CACjCC,QAAQ,CAACO,KAAK,CACd,CAAC,CAAC,CAAE,CAAC,CAAC,CACN,CAACN,OAAO,CAAE,CAAC,CAAC,CACZC,aAAa,CAACM,KAChB,CAAC,CAED,KAAM,CAAAC,OAAO,CAAGV,WAAW,CAACC,QAAQ,CAACO,KAAK,CAAE,CAAC,CAAC,CAAE,GAAG,CAAE,CAAC,CAAC,CAAE,CAAC,CAAC,CAAE,CAAC,CAAE,CAAC,CAAC,CAAEL,aAAa,CAACM,KAAK,CAAC,CAExF,KAAM,CAAAE,eAAe,CAAGP,MAAM,CAACI,KAAK,EAAIH,gBAAgB,CAAG,CAAC,CAAC,CAAG,CAAC,CAAC,CAElE,MAAO,CACLK,OAAO,CAAPA,OAAO,CACPE,SAAS,CAAE,CAAC,CAAEC,UAAU,CAAEN,eAAe,CAAGI,eAAgB,CAAC,CAC/D,CAAC,CACH\",\"ignoreList\":[]}",version:"3.16.7"};var ToastItem=exports.ToastItem=_react.default.memo(function(_ref){var id=_ref.id,title=_ref.title,description=_ref.description,variant=_ref.variant,icon=_ref.icon,action=_ref.action,position=_ref.position,duration=_ref.duration,onPress=_ref.onPress,onShow=_ref.onShow,onDismissCallback=_ref.onDismiss,onRemove=_ref.onRemove;var isTopPosition=position.startsWith('top');var isBottomPosition=!isTopPosition;var dismissDirection=isTopPosition?-1:1;var hiddenY=dismissDirection*(_constants.TOAST_MIN_HEIGHT*2);var progress=(0,_reactNativeReanimated.useSharedValue)(0);var swipeY=(0,_reactNativeReanimated.useSharedValue)(0);var isDragging=(0,_react.useRef)(false);var timerRef=(0,_react.useRef)();var dismiss=(0,_react.useCallback)(function(){onDismissCallback==null||onDismissCallback();onRemove(id);},[id,onRemove,onDismissCallback]);var onSwipeBegin=(0,_react.useCallback)(function(){isDragging.current=true;},[]);var onSwipeFinalize=(0,_react.useCallback)(function(){isDragging.current=false;},[]);(0,_react.useEffect)(function(){progress.value=(0,_reactNativeReanimated.withSpring)(1,_constants.ENTRY_SPRING_CONFIG);onShow==null||onShow();},[]);(0,_react.useEffect)(function(){if(duration===Infinity||duration<=0)return;timerRef.current=setTimeout(function(){if(!isDragging.current){dismiss();}},duration+_constants.ANIMATION_DURATION);return function(){if(timerRef.current)clearTimeout(timerRef.current);};},[duration,dismiss]);var pan=_reactNativeGestureHandler.Gesture.Pan().activeOffsetY(_constants.PAN_ACTIVE_OFFSET_Y).failOffsetX(_constants.PAN_FAIL_OFFSET_X).onBegin(function(){var _e=[new global.Error(),-3,-27];var toastItemTsx1=function toastItemTsx1(){(0,_reactNativeReanimated.runOnJS)(onSwipeBegin)();};toastItemTsx1.__closure={runOnJS:_reactNativeReanimated.runOnJS,onSwipeBegin:onSwipeBegin};toastItemTsx1.__workletHash=3542171930159;toastItemTsx1.__initData=_worklet_3542171930159_init_data;toastItemTsx1.__stackDetails=_e;return toastItemTsx1;}()).onChange(function(){var _e=[new global.Error(),-4,-27];var toastItemTsx2=function toastItemTsx2(event){var raw=event.translationY*(isBottomPosition?-1:1);var isCorrectDirection=raw<0;if(isCorrectDirection){swipeY.value=raw;}else{swipeY.value=(0,_helpers.elasticResistance)(raw);}};toastItemTsx2.__closure={isBottomPosition:isBottomPosition,swipeY:swipeY,elasticResistance:_helpers.elasticResistance};toastItemTsx2.__workletHash=13806116193977;toastItemTsx2.__initData=_worklet_13806116193977_init_data;toastItemTsx2.__stackDetails=_e;return toastItemTsx2;}()).onFinalize(function(){var _e=[new global.Error(),-9,-27];var toastItemTsx3=function toastItemTsx3(){var shouldDismiss=swipeY.value<-_constants.SWIPE_THRESHOLD;var isWrongDirection=swipeY.value>0;if(isWrongDirection){swipeY.value=(0,_reactNativeReanimated.withTiming)(0,{easing:_reactNativeReanimated.Easing.elastic(0.8),duration:400});}else if(shouldDismiss){swipeY.value=(0,_reactNativeReanimated.withTiming)(_constants.SWIPE_DISMISS_OFFSET,{easing:_reactNativeReanimated.Easing.inOut(_reactNativeReanimated.Easing.ease)},function(){var _e=[new global.Error(),-3,-27];var toastItemTsx4=function toastItemTsx4(isDone){if(isDone)(0,_reactNativeReanimated.runOnJS)(dismiss)();};toastItemTsx4.__closure={runOnJS:_reactNativeReanimated.runOnJS,dismiss:dismiss};toastItemTsx4.__workletHash=14471162971076;toastItemTsx4.__initData=_worklet_14471162971076_init_data;toastItemTsx4.__stackDetails=_e;return toastItemTsx4;}());}else{swipeY.value=(0,_reactNativeReanimated.withTiming)(0,{easing:_reactNativeReanimated.Easing.elastic(0.8)});}(0,_reactNativeReanimated.runOnJS)(onSwipeFinalize)();};toastItemTsx3.__closure={swipeY:swipeY,SWIPE_THRESHOLD:_constants.SWIPE_THRESHOLD,withTiming:_reactNativeReanimated.withTiming,Easing:_reactNativeReanimated.Easing,SWIPE_DISMISS_OFFSET:_constants.SWIPE_DISMISS_OFFSET,runOnJS:_reactNativeReanimated.runOnJS,dismiss:dismiss,onSwipeFinalize:onSwipeFinalize};toastItemTsx3.__workletHash=3776105400621;toastItemTsx3.__initData=_worklet_3776105400621_init_data;toastItemTsx3.__stackDetails=_e;return toastItemTsx3;}());var tap=_reactNativeGestureHandler.Gesture.Tap().onEnd(function(){var _e=[new global.Error(),-3,-27];var toastItemTsx5=function toastItemTsx5(){if(onPress){(0,_reactNativeReanimated.runOnJS)(onPress)();}};toastItemTsx5.__closure={onPress:onPress,runOnJS:_reactNativeReanimated.runOnJS};toastItemTsx5.__workletHash=3545775078821;toastItemTsx5.__initData=_worklet_3545775078821_init_data;toastItemTsx5.__stackDetails=_e;return toastItemTsx5;}());var composed=_reactNativeGestureHandler.Gesture.Race(pan,tap);var animatedStyle=(0,_reactNativeReanimated.useAnimatedStyle)(function(){var _e=[new global.Error(),-7,-27];var toastItemTsx6=function toastItemTsx6(){var entryTranslateY=(0,_reactNativeReanimated.interpolate)(progress.value,[0,1],[hiddenY,0],_reactNativeReanimated.Extrapolation.CLAMP);var opacity=(0,_reactNativeReanimated.interpolate)(progress.value,[0,0.7,1],[0,1,1],_reactNativeReanimated.Extrapolation.CLAMP);var swipeTranslateY=swipeY.value*(isBottomPosition?-1:1);return{opacity:opacity,transform:[{translateY:entryTranslateY+swipeTranslateY}]};};toastItemTsx6.__closure={interpolate:_reactNativeReanimated.interpolate,progress:progress,hiddenY:hiddenY,Extrapolation:_reactNativeReanimated.Extrapolation,swipeY:swipeY,isBottomPosition:isBottomPosition};toastItemTsx6.__workletHash=11711452793137;toastItemTsx6.__initData=_worklet_11711452793137_init_data;toastItemTsx6.__stackDetails=_e;return toastItemTsx6;}());return(0,_jsxRuntime.jsx)(_reactNativeGestureHandler.GestureDetector,{gesture:composed,children:(0,_jsxRuntime.jsx)(_reactNativeReanimated.default.View,{style:[_styles.styles.toastWrapper,animatedStyle],children:(0,_jsxRuntime.jsx)(_toastContent.ToastContent,{title:title,description:description,variant:variant,icon:icon,action:action})})});});ToastItem.displayName='ToastItem';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.Tooltip=void 0;var _toConsumableArray2=_interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _reactNative2=require("@floating-ui/react-native");var _reactNativeReanimated=require("react-native-reanimated");var _reactNativeSvg=require("react-native-svg");var _context=require("../context");var _text=require("../text");var _utils=require("../utils");var _constants=require("./constants");var _helpers=require("./helpers");var _styles=require("./styles");var _jsxRuntime=require("react/jsx-runtime");var _this=this,_jsxFileName="/Users/krishnank/surveysparrow/npm-package/twigs-mobile/src/tooltip/tooltip.tsx";function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap(),n=new WeakMap();return(_interopRequireWildcard=function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;var o,i,f={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return f;if(o=t?n:r){if(o.has(e))return o.get(e);o.set(e,f);}for(var _t in e)"default"!==_t&&{}.hasOwnProperty.call(e,_t)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,_t))&&(i.get||i.set)?o(f,_t,i):f[_t]=e[_t]);return f;})(e,t);}var _worklet_11467105265381_init_data={code:"function tooltipTsx1(){const{opacity,translateY,translateX}=this.__closure;return{opacity:opacity.value,transform:[{translateY:translateY.value},{translateX:translateX.value}]};}",location:"/Users/krishnank/surveysparrow/npm-package/twigs-mobile/src/tooltip/tooltip.tsx",sourceMap:"{\"version\":3,\"names\":[\"tooltipTsx1\",\"opacity\",\"translateY\",\"translateX\",\"__closure\",\"value\",\"transform\"],\"sources\":[\"/Users/krishnank/surveysparrow/npm-package/twigs-mobile/src/tooltip/tooltip.tsx\"],\"mappings\":\"
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.Tooltip=void 0;var _toConsumableArray2=_interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _reactNative2=require("@floating-ui/react-native");var _reactNativeReanimated=require("react-native-reanimated");var _reactNativeSvg=require("react-native-svg");var _context=require("../context");var _text=require("../text");var _utils=require("../utils");var _constants=require("./constants");var _helpers=require("./helpers");var _styles=require("./styles");var _jsxRuntime=require("react/jsx-runtime");var _this=this,_jsxFileName="/Users/krishnank/surveysparrow/npm-package/twigs-mobile/src/tooltip/tooltip.tsx";function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap(),n=new WeakMap();return(_interopRequireWildcard=function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;var o,i,f={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return f;if(o=t?n:r){if(o.has(e))return o.get(e);o.set(e,f);}for(var _t in e)"default"!==_t&&{}.hasOwnProperty.call(e,_t)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,_t))&&(i.get||i.set)?o(f,_t,i):f[_t]=e[_t]);return f;})(e,t);}var _worklet_11467105265381_init_data={code:"function tooltipTsx1(){const{opacity,translateY,translateX}=this.__closure;return{opacity:opacity.value,transform:[{translateY:translateY.value},{translateX:translateX.value}]};}",location:"/Users/krishnank/surveysparrow/npm-package/twigs-mobile/src/tooltip/tooltip.tsx",sourceMap:"{\"version\":3,\"names\":[\"tooltipTsx1\",\"opacity\",\"translateY\",\"translateX\",\"__closure\",\"value\",\"transform\"],\"sources\":[\"/Users/krishnank/surveysparrow/npm-package/twigs-mobile/src/tooltip/tooltip.tsx\"],\"mappings\":\"AAqF2C,SAAAA,YAAA,QAAAC,OAAA,CAAAC,UAAA,CAAAC,UAAA,OAAAC,SAAA,OAAO,CAC5CH,OAAO,CAAEA,OAAO,CAACI,KAAK,CACtBC,SAAS,CAAE,CAAC,CAAEJ,UAAU,CAAEA,UAAU,CAACG,KAAM,CAAC,CAAE,CAAEF,UAAU,CAAEA,UAAU,CAACE,KAAM,CAAC,CAChF,CAAC\",\"ignoreList\":[]}",version:"3.16.7"};var Tooltip=exports.Tooltip=_react.default.forwardRef(function(_ref,_ref3){var content=_ref.content,children=_ref.children,_ref$side=_ref.side,side=_ref$side===void 0?_constants.DEFAULT_SIDE:_ref$side,_ref$align=_ref.align,align=_ref$align===void 0?'center':_ref$align,controlledOpen=_ref.open,_ref$defaultOpen=_ref.defaultOpen,defaultOpen=_ref$defaultOpen===void 0?false:_ref$defaultOpen,onOpenChange=_ref.onOpenChange,_ref$sideOffset=_ref.sideOffset,sideOffset=_ref$sideOffset===void 0?_constants.DEFAULT_SIDE_OFFSET:_ref$sideOffset,_ref$autoHideDuration=_ref.autoHideDuration,autoHideDuration=_ref$autoHideDuration===void 0?0:_ref$autoHideDuration,_ref$hasArrow=_ref.hasArrow,hasArrow=_ref$hasArrow===void 0?true:_ref$hasArrow,_ref$triggerAction=_ref.triggerAction,triggerAction=_ref$triggerAction===void 0?'press':_ref$triggerAction,css=_ref.css,style=_ref.style,testID=_ref.testID,_ref$accessible=_ref.accessible,accessible=_ref$accessible===void 0?true:_ref$accessible,accessibilityLabel=_ref.accessibilityLabel,accessibilityHint=_ref.accessibilityHint,accessibilityState=_ref.accessibilityState;var theme=(0,_context.useTheme)();var isControlled=controlledOpen!==undefined;var _useState=(0,_react.useState)(defaultOpen),_useState2=(0,_slicedToArray2.default)(_useState,2),internalOpen=_useState2[0],setInternalOpen=_useState2[1];var isOpen=isControlled?controlledOpen:internalOpen;var autoHideTimerRef=(0,_react.useRef)(null);var arrowRef=(0,_react.useRef)(null);var placement=(0,_react.useMemo)(function(){return(0,_helpers.toPlacement)(side,align);},[side,align]);var arrowDims=(0,_react.useMemo)(function(){return(0,_helpers.getArrowDimensions)(side);},[side]);var middleware=(0,_react.useMemo)(function(){return[(0,_reactNative2.offset)(function(_ref2){var rects=_ref2.rects;return{mainAxis:sideOffset+(hasArrow?arrowDims.height:0),crossAxis:(0,_helpers.getCrossAxisOffset)(side,align,side==='left'||side==='right'?rects.reference.height:rects.reference.width)};}),(0,_reactNative2.flip)(),(0,_reactNative2.shift)({padding:8})].concat((0,_toConsumableArray2.default)(hasArrow?[(0,_reactNative2.arrow)({element:arrowRef})]:[]));},[sideOffset,hasArrow,arrowDims.height,side,align]);var _useFloating=(0,_reactNative2.useFloating)({sameScrollView:false,placement:placement,middleware:middleware}),refs=_useFloating.refs,floatingStyles=_useFloating.floatingStyles,middlewareData=_useFloating.middlewareData;var opacity=(0,_reactNativeReanimated.useSharedValue)(0);var translateY=(0,_reactNativeReanimated.useSharedValue)(side==='bottom'?-4:side==='top'?4:0);var translateX=(0,_reactNativeReanimated.useSharedValue)(side==='right'?-4:side==='left'?4:0);var animatedStyle=(0,_reactNativeReanimated.useAnimatedStyle)(function(){var _e=[new global.Error(),-4,-27];var tooltipTsx1=function tooltipTsx1(){return{opacity:opacity.value,transform:[{translateY:translateY.value},{translateX:translateX.value}]};};tooltipTsx1.__closure={opacity:opacity,translateY:translateY,translateX:translateX};tooltipTsx1.__workletHash=11467105265381;tooltipTsx1.__initData=_worklet_11467105265381_init_data;tooltipTsx1.__stackDetails=_e;return tooltipTsx1;}());(0,_react.useEffect)(function(){if(isOpen){opacity.value=(0,_reactNativeReanimated.withTiming)(1,{duration:_constants.ANIMATION_DURATION});translateY.value=(0,_reactNativeReanimated.withTiming)(0,{duration:_constants.ANIMATION_DURATION});translateX.value=(0,_reactNativeReanimated.withTiming)(0,{duration:_constants.ANIMATION_DURATION});}else{opacity.value=(0,_reactNativeReanimated.withTiming)(0,{duration:_constants.ANIMATION_DURATION});}},[isOpen,opacity,translateY,translateX]);(0,_react.useEffect)(function(){if(isOpen&&autoHideDuration>0){autoHideTimerRef.current=setTimeout(function(){handleClose();},autoHideDuration);}return function(){if(autoHideTimerRef.current){clearTimeout(autoHideTimerRef.current);autoHideTimerRef.current=null;}};},[isOpen,autoHideDuration]);var handleOpen=(0,_react.useCallback)(function(){if(!isControlled)setInternalOpen(true);onOpenChange==null||onOpenChange(true);},[isControlled,onOpenChange]);var handleClose=(0,_react.useCallback)(function(){if(!isControlled)setInternalOpen(false);onOpenChange==null||onOpenChange(false);},[isControlled,onOpenChange]);var handleToggle=(0,_react.useCallback)(function(){if(isOpen){handleClose();}else{handleOpen();}},[isOpen,handleClose,handleOpen]);var contentStyle=(0,_react.useMemo)(function(){return(0,_helpers.getContentStyles)(theme);},[theme]);var textStyle=(0,_react.useMemo)(function(){return(0,_helpers.getTextStyles)(theme);},[theme]);var triggerProps=(0,_react.useMemo)(function(){if(triggerAction==='longPress'){return{onLongPress:handleToggle};}return{onPress:handleToggle};},[triggerAction,handleToggle]);var arrowPathD=(0,_react.useMemo)(function(){return(0,_helpers.getArrowPath)(side);},[side]);var arrowPositionStyle=(0,_react.useMemo)(function(){return(0,_helpers.getArrowPositionStyle)(side,align,arrowDims,middlewareData.arrow);},[side,align,arrowDims,middlewareData.arrow]);if(!content)return(0,_jsxRuntime.jsx)(_jsxRuntime.Fragment,{children:children});return(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[(0,_jsxRuntime.jsx)(_reactNative.Pressable,Object.assign({ref:refs.setReference,collapsable:false},triggerProps,{accessible:true,accessibilityHint:accessibilityHint!=null?accessibilityHint:'Tap to show tooltip',testID:testID?`${testID}-trigger`:undefined,children:(0,_jsxRuntime.jsx)(_reactNative.View,{pointerEvents:"none",children:children})})),(0,_jsxRuntime.jsx)(_reactNative.Modal,{visible:isOpen,transparent:true,animationType:"none",onRequestClose:handleClose,statusBarTranslucent:true,children:(0,_jsxRuntime.jsxs)(_reactNative.View,{style:_styles.styles.overlay,children:[(0,_jsxRuntime.jsx)(_reactNative.Pressable,{style:_styles.styles.backdropPressable,onPress:handleClose,accessible:false}),(0,_jsxRuntime.jsx)(_reactNative.View,{ref:function ref(node){refs.setFloating(node);if(typeof _ref3==='function'){_ref3(node);}else if(_ref3){_ref3.current=node;}},collapsable:false,style:[_styles.styles.contentWrapper,floatingStyles],testID:testID,accessible:accessible,accessibilityRole:"none",accessibilityLabel:accessibilityLabel!=null?accessibilityLabel:typeof content==='string'?content:undefined,accessibilityState:accessibilityState,accessibilityLiveRegion:"polite",children:(0,_jsxRuntime.jsxs)(_utils.AnimatedView,{style:[animatedStyle,css,style],children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:contentStyle,children:typeof content==='string'?(0,_jsxRuntime.jsx)(_text.Text,{style:textStyle,children:content}):content}),hasArrow&&(0,_jsxRuntime.jsx)(_reactNative.View,{ref:arrowRef,style:[_styles.styles.arrowContainer,arrowPositionStyle],collapsable:false,children:(0,_jsxRuntime.jsx)(_reactNativeSvg.Svg,{width:arrowDims.width,height:arrowDims.height,viewBox:`0 0 ${arrowDims.width} ${arrowDims.height}`,children:(0,_jsxRuntime.jsx)(_reactNativeSvg.Path,{d:arrowPathD,fill:theme.colors.neutral900})})})]})})]})})]});});Tooltip.displayName='Tooltip';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.createTextStyle=exports.colorOpacity=exports.AnimatedView=void 0;exports.getBottomSheetTextInput=getBottomSheetTextInput;exports.resolvePadding=exports.resolveMargin=void 0;var _reactNativeReanimated=_interopRequireDefault(require("react-native-reanimated"));var AnimatedView=exports.AnimatedView=_reactNativeReanimated.default.View;var resolveMargin=exports.resolveMargin=function resolveMargin(props){var _ref,_ref2,_props$marginTop,_ref3,_ref4,_props$marginBottom,_ref5,_ref6,_props$marginLeft,_ref7,_ref8,_props$marginRight;var defaultSpacing=arguments.length>1&&arguments[1]!==undefined?arguments[1]:0;return{top:(_ref=(_ref2=(_props$marginTop=props.marginTop)!=null?_props$marginTop:props.marginVertical)!=null?_ref2:props.margin)!=null?_ref:defaultSpacing,bottom:(_ref3=(_ref4=(_props$marginBottom=props.marginBottom)!=null?_props$marginBottom:props.marginVertical)!=null?_ref4:props.margin)!=null?_ref3:defaultSpacing,left:(_ref5=(_ref6=(_props$marginLeft=props.marginLeft)!=null?_props$marginLeft:props.marginHorizontal)!=null?_ref6:props.margin)!=null?_ref5:defaultSpacing,right:(_ref7=(_ref8=(_props$marginRight=props.marginRight)!=null?_props$marginRight:props.marginHorizontal)!=null?_ref8:props.margin)!=null?_ref7:defaultSpacing};};var resolvePadding=exports.resolvePadding=function resolvePadding(props){var _ref9,_ref0,_props$paddingTop,_ref1,_ref10,_props$paddingBottom,_ref11,_ref12,_props$paddingLeft,_ref13,_ref14,_props$paddingRight;var defaultSpacing=arguments.length>1&&arguments[1]!==undefined?arguments[1]:0;return{top:(_ref9=(_ref0=(_props$paddingTop=props.paddingTop)!=null?_props$paddingTop:props.paddingVertical)!=null?_ref0:props.padding)!=null?_ref9:defaultSpacing,bottom:(_ref1=(_ref10=(_props$paddingBottom=props.paddingBottom)!=null?_props$paddingBottom:props.paddingVertical)!=null?_ref10:props.padding)!=null?_ref1:defaultSpacing,left:(_ref11=(_ref12=(_props$paddingLeft=props.paddingLeft)!=null?_props$paddingLeft:props.paddingHorizontal)!=null?_ref12:props.padding)!=null?_ref11:defaultSpacing,right:(_ref13=(_ref14=(_props$paddingRight=props.paddingRight)!=null?_props$paddingRight:props.paddingHorizontal)!=null?_ref14:props.padding)!=null?_ref13:defaultSpacing};};var colorOpacity=exports.colorOpacity=function colorOpacity(color,opacity){var raw=color.replace(/^#/,'');var base;if(raw.length===8){base=raw.slice(0,6);}else if(raw.length===4){base=raw.slice(0,3);}else{base=raw;}var fullHex=base.length===3?base.split('').map(function(c){return c+c;}).join(''):base;var alpha=Math.round(Math.min(1,Math.max(0,opacity))*255).toString(16).padStart(2,'0').toUpperCase();return`#${fullHex}${alpha}`;};var createTextStyle=exports.createTextStyle=function createTextStyle(fontFamily,fontWeight){var style={fontFamily:fontFamily};if(fontFamily==='System'&&fontWeight){style.fontWeight=fontWeight;}return style;};var _BottomSheetTextInput;function getBottomSheetTextInput(){if(!_BottomSheetTextInput){_BottomSheetTextInput=require('@gorhom/bottom-sheet').BottomSheetTextInput;}return _BottomSheetTextInput;}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import type { DropdownMenuSize } from './types';
|
|
2
|
+
interface SizeConfig {
|
|
3
|
+
itemHeight: number;
|
|
4
|
+
paddingHorizontal: number;
|
|
5
|
+
fontSize: number;
|
|
6
|
+
labelHeight: number;
|
|
7
|
+
labelPaddingVertical: number;
|
|
8
|
+
labelPaddingHorizontal: number;
|
|
9
|
+
labelFontSize: number;
|
|
10
|
+
}
|
|
11
|
+
export declare const SIZE_CONFIG: Record<DropdownMenuSize, SizeConfig>;
|
|
12
|
+
export declare const DEFAULT_SIZE: DropdownMenuSize;
|
|
13
|
+
export declare const CONTENT_BORDER_RADIUS = 12;
|
|
14
|
+
export declare const CONTENT_PADDING_VERTICAL = 8;
|
|
15
|
+
export declare const CONTENT_MIN_WIDTH = 180;
|
|
16
|
+
export declare const HIDDEN: {
|
|
17
|
+
readonly opacity: 0;
|
|
18
|
+
};
|
|
19
|
+
export declare const VISIBLE: {
|
|
20
|
+
readonly opacity: 1;
|
|
21
|
+
};
|
|
22
|
+
export {};
|
|
23
|
+
//# sourceMappingURL=constants.d.ts.map
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import type { UseFloatingReturn } from '@floating-ui/react-native';
|
|
2
|
+
import type { DropdownMenuSize } from './types';
|
|
3
|
+
export interface DropdownMenuContextValue {
|
|
4
|
+
/** Whether the dropdown is currently open. */
|
|
5
|
+
isOpen: boolean;
|
|
6
|
+
/** Toggle or set the open state. */
|
|
7
|
+
onOpenChange: (open: boolean) => void;
|
|
8
|
+
/** Size variant for items. */
|
|
9
|
+
size: DropdownMenuSize;
|
|
10
|
+
/** Floating UI refs for positioning (setReference, setFloating). */
|
|
11
|
+
floatingRefs: UseFloatingReturn['refs'];
|
|
12
|
+
/** Floating styles from useFloating. */
|
|
13
|
+
floatingStyles: UseFloatingReturn['floatingStyles'];
|
|
14
|
+
}
|
|
15
|
+
declare const DropdownMenuContext: import("react").Context<DropdownMenuContextValue | null>;
|
|
16
|
+
export declare function useDropdownMenuContext(): DropdownMenuContextValue;
|
|
17
|
+
export { DropdownMenuContext };
|
|
18
|
+
//# sourceMappingURL=dropdown-context.d.ts.map
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { View } from 'react-native';
|
|
3
|
+
import type { DropdownMenuContentProps } from './types';
|
|
4
|
+
/** Floating content container rendered in a Modal, anchored to the trigger. */
|
|
5
|
+
export declare const DropdownMenuContent: React.ForwardRefExoticComponent<DropdownMenuContentProps & React.RefAttributes<View>>;
|
|
6
|
+
//# sourceMappingURL=dropdown-menu-content.d.ts.map
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { DropdownMenuItemProps } from './types';
|
|
3
|
+
/** Individual action item within a DropdownMenuContent. */
|
|
4
|
+
export declare const DropdownMenuItem: React.ForwardRefExoticComponent<DropdownMenuItemProps & React.RefAttributes<import("react-native").View>>;
|
|
5
|
+
//# sourceMappingURL=dropdown-menu-item.d.ts.map
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { View } from 'react-native';
|
|
3
|
+
import type { DropdownMenuLabelProps } from './types';
|
|
4
|
+
/** Non-interactive section label within a DropdownMenuContent. */
|
|
5
|
+
export declare const DropdownMenuLabel: React.ForwardRefExoticComponent<DropdownMenuLabelProps & React.RefAttributes<View>>;
|
|
6
|
+
//# sourceMappingURL=dropdown-menu-label.d.ts.map
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { View } from 'react-native';
|
|
3
|
+
import type { DropdownMenuSeparatorProps } from './types';
|
|
4
|
+
/** Horizontal divider between menu items or sections. */
|
|
5
|
+
export declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<DropdownMenuSeparatorProps & React.RefAttributes<View>>;
|
|
6
|
+
//# sourceMappingURL=dropdown-menu-separator.d.ts.map
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { View } from 'react-native';
|
|
3
|
+
import type { DropdownMenuTriggerProps } from './types';
|
|
4
|
+
/** Pressable wrapper that toggles the dropdown open state when pressed. */
|
|
5
|
+
export declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<DropdownMenuTriggerProps & React.RefAttributes<View>>;
|
|
6
|
+
//# sourceMappingURL=dropdown-menu-trigger.d.ts.map
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { DropdownMenuProps } from './types';
|
|
3
|
+
/** Root compound component for a dropdown menu. Manages open state and size context. */
|
|
4
|
+
export declare const DropdownMenu: React.FC<DropdownMenuProps>;
|
|
5
|
+
//# sourceMappingURL=dropdown-menu.d.ts.map
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { TextStyle, ViewStyle } from 'react-native';
|
|
2
|
+
import type { TwigsTheme } from '../theme';
|
|
3
|
+
import type { DropdownMenuSize } from './types';
|
|
4
|
+
export declare function getItemSizeStyles(size: DropdownMenuSize): ViewStyle;
|
|
5
|
+
export declare function getItemTextStyles(theme: TwigsTheme, size: DropdownMenuSize): TextStyle;
|
|
6
|
+
export declare function getItemPressedStyles(theme: TwigsTheme): ViewStyle;
|
|
7
|
+
export declare function getItemDisabledStyles(): ViewStyle;
|
|
8
|
+
export declare function getContentStyles(theme: TwigsTheme): ViewStyle;
|
|
9
|
+
export declare function getLabelSizeStyles(size: DropdownMenuSize): ViewStyle;
|
|
10
|
+
export declare function getLabelTextStyles(theme: TwigsTheme, size: DropdownMenuSize): TextStyle;
|
|
11
|
+
//# sourceMappingURL=helpers.d.ts.map
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export { DropdownMenu } from './dropdown-menu';
|
|
2
|
+
export { DropdownMenuTrigger } from './dropdown-menu-trigger';
|
|
3
|
+
export { DropdownMenuContent } from './dropdown-menu-content';
|
|
4
|
+
export { DropdownMenuItem } from './dropdown-menu-item';
|
|
5
|
+
export { DropdownMenuLabel } from './dropdown-menu-label';
|
|
6
|
+
export { DropdownMenuSeparator } from './dropdown-menu-separator';
|
|
7
|
+
export type { DropdownMenuProps, DropdownMenuTriggerProps, DropdownMenuContentProps, DropdownMenuItemProps, DropdownMenuLabelProps, DropdownMenuSeparatorProps, DropdownMenuSize, } from './types';
|
|
8
|
+
//# sourceMappingURL=index.d.ts.map
|