@razorpay/blade 11.34.0 → 11.34.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/build/lib/native/components/BottomSheet/BottomSheetStack.js +1 -1
- package/build/lib/native/components/BottomSheet/BottomSheetStack.js.map +1 -1
- package/build/lib/web/development/components/BottomSheet/BottomSheetStack.js +4 -0
- package/build/lib/web/development/components/BottomSheet/BottomSheetStack.js.map +1 -1
- package/build/lib/web/production/components/BottomSheet/BottomSheetStack.js +4 -0
- package/build/lib/web/production/components/BottomSheet/BottomSheetStack.js.map +1 -1
- package/package.json +1 -1
|
@@ -3,7 +3,7 @@ import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
|
|
|
3
3
|
import React__default from 'react';
|
|
4
4
|
import { jsx } from 'react/jsx-runtime';
|
|
5
5
|
|
|
6
|
-
var BottomSheetStackContext=React__default.createContext({stack:[],addBottomSheetToStack:function addBottomSheetToStack(){},removeBottomSheetFromStack:function removeBottomSheetFromStack(){},getTopOfTheStack:function getTopOfTheStack(){return null;},getCurrentStackIndexById:function getCurrentStackIndexById(){return -1;}});var BottomSheetStackProvider=function BottomSheetStackProvider(_ref){var children=_ref.children;var _React$useState=React__default.useState([]),_React$useState2=_slicedToArray(_React$useState,2),stack=_React$useState2[0],setStack=_React$useState2[1];var getTopOfTheStack=React__default.useCallback(function(){return stack[0]||null;},[stack]);var addBottomSheetToStack=React__default.useCallback(function(id){setStack(function(prev){return [id].concat(_toConsumableArray(prev));});},[]);var removeBottomSheetFromStack=React__default.useCallback(function(id){setStack(function(prev){var newStack=_toConsumableArray(prev);var popped=newStack.shift();if(popped===id)return newStack;return newStack;});},[]);var getCurrentStackIndexById=React__default.useCallback(function(id){return stack.findIndex(function(stackId){return stackId===id;});},[stack]);var value=React__default.useMemo(function(){return {stack:stack,addBottomSheetToStack:addBottomSheetToStack,removeBottomSheetFromStack:removeBottomSheetFromStack,getTopOfTheStack:getTopOfTheStack,getCurrentStackIndexById:getCurrentStackIndexById};},[addBottomSheetToStack,getCurrentStackIndexById,getTopOfTheStack,removeBottomSheetFromStack,stack]);return jsx(BottomSheetStackContext.Provider,{value:value,children:children});};var useBottomSheetStack=function useBottomSheetStack(){var context=React__default.useContext(BottomSheetStackContext);return context;};
|
|
6
|
+
var BottomSheetStackContext=React__default.createContext({stack:[],addBottomSheetToStack:function addBottomSheetToStack(){},removeBottomSheetFromStack:function removeBottomSheetFromStack(){},getTopOfTheStack:function getTopOfTheStack(){return null;},getCurrentStackIndexById:function getCurrentStackIndexById(){return -1;}});var BottomSheetStackProvider=function BottomSheetStackProvider(_ref){var children=_ref.children;var _React$useState=React__default.useState([]),_React$useState2=_slicedToArray(_React$useState,2),stack=_React$useState2[0],setStack=_React$useState2[1];var getTopOfTheStack=React__default.useCallback(function(){return stack[0]||null;},[stack]);var addBottomSheetToStack=React__default.useCallback(function(id){if(id===undefined)return;setStack(function(prev){return [id].concat(_toConsumableArray(prev));});},[]);var removeBottomSheetFromStack=React__default.useCallback(function(id){setStack(function(prev){var newStack=_toConsumableArray(prev);var popped=newStack.shift();if(popped===id)return newStack;return newStack;});},[]);var getCurrentStackIndexById=React__default.useCallback(function(id){return stack.findIndex(function(stackId){return stackId===id;});},[stack]);var value=React__default.useMemo(function(){return {stack:stack,addBottomSheetToStack:addBottomSheetToStack,removeBottomSheetFromStack:removeBottomSheetFromStack,getTopOfTheStack:getTopOfTheStack,getCurrentStackIndexById:getCurrentStackIndexById};},[addBottomSheetToStack,getCurrentStackIndexById,getTopOfTheStack,removeBottomSheetFromStack,stack]);return jsx(BottomSheetStackContext.Provider,{value:value,children:children});};var useBottomSheetStack=function useBottomSheetStack(){var context=React__default.useContext(BottomSheetStackContext);return context;};
|
|
7
7
|
|
|
8
8
|
export { BottomSheetStackProvider, useBottomSheetStack };
|
|
9
9
|
//# sourceMappingURL=BottomSheetStack.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BottomSheetStack.js","sources":["../../../../../src/components/BottomSheet/BottomSheetStack.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-empty-function */\nimport React from 'react';\n\ntype BottomSheetStackType = {\n stack: string[];\n addBottomSheetToStack: (id: string) => void;\n removeBottomSheetFromStack: (id: string) => void;\n getTopOfTheStack: () => string | null;\n getCurrentStackIndexById: (id: string) => number;\n};\n\nconst BottomSheetStackContext = React.createContext<BottomSheetStackType>({\n stack: [],\n addBottomSheetToStack: () => {},\n removeBottomSheetFromStack: () => {},\n getTopOfTheStack: () => {\n return null;\n },\n getCurrentStackIndexById: () => -1,\n});\n\ntype BottomSheetStackProviderType = {\n children: React.ReactNode;\n};\nconst BottomSheetStackProvider = ({\n children,\n}: BottomSheetStackProviderType): React.ReactElement => {\n const [stack, setStack] = React.useState<string[]>([]);\n\n const getTopOfTheStack = React.useCallback(() => {\n return stack[0] || null;\n }, [stack]);\n\n const addBottomSheetToStack = React.useCallback((id
|
|
1
|
+
{"version":3,"file":"BottomSheetStack.js","sources":["../../../../../src/components/BottomSheet/BottomSheetStack.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-empty-function */\nimport React from 'react';\n\ntype BottomSheetStackType = {\n stack: string[];\n addBottomSheetToStack: (id: string) => void;\n removeBottomSheetFromStack: (id: string) => void;\n getTopOfTheStack: () => string | null;\n getCurrentStackIndexById: (id: string) => number;\n};\n\nconst BottomSheetStackContext = React.createContext<BottomSheetStackType>({\n stack: [],\n addBottomSheetToStack: () => {},\n removeBottomSheetFromStack: () => {},\n getTopOfTheStack: () => {\n return null;\n },\n getCurrentStackIndexById: () => -1,\n});\n\ntype BottomSheetStackProviderType = {\n children: React.ReactNode;\n};\nconst BottomSheetStackProvider = ({\n children,\n}: BottomSheetStackProviderType): React.ReactElement => {\n const [stack, setStack] = React.useState<string[]>([]);\n\n const getTopOfTheStack = React.useCallback(() => {\n return stack[0] || null;\n }, [stack]);\n\n const addBottomSheetToStack = React.useCallback((id?: string) => {\n // id can be undefined since useId returns `undefined` on first render,\n // if we push undefined to the stack the `removeBottomSheetFromStack` will break\n // since it will try to match top of the stack with undefined\n if (id === undefined) return;\n setStack((prev) => [id, ...prev]);\n }, []);\n\n const removeBottomSheetFromStack = React.useCallback((id: string) => {\n setStack((prev) => {\n const newStack = [...prev];\n const popped = newStack.shift();\n // only pop the stack if the passed in id is matched to the top of the stack\n if (popped === id) return newStack;\n return newStack;\n });\n }, []);\n\n const getCurrentStackIndexById = React.useCallback(\n (id: string) => {\n return stack.findIndex((stackId) => stackId === id);\n },\n [stack],\n );\n\n const value = React.useMemo(() => {\n return {\n stack,\n addBottomSheetToStack,\n removeBottomSheetFromStack,\n getTopOfTheStack,\n getCurrentStackIndexById,\n };\n }, [\n addBottomSheetToStack,\n getCurrentStackIndexById,\n getTopOfTheStack,\n removeBottomSheetFromStack,\n stack,\n ]);\n\n return (\n <BottomSheetStackContext.Provider value={value}>{children}</BottomSheetStackContext.Provider>\n );\n};\n\nconst useBottomSheetStack = (): BottomSheetStackType => {\n const context = React.useContext(BottomSheetStackContext);\n\n return context;\n};\n\nexport { BottomSheetStackProvider, useBottomSheetStack };\n"],"names":["BottomSheetStackContext","React","createContext","stack","addBottomSheetToStack","removeBottomSheetFromStack","getTopOfTheStack","getCurrentStackIndexById","BottomSheetStackProvider","_ref","children","_React$useState","useState","_React$useState2","_slicedToArray","setStack","useCallback","id","undefined","prev","concat","_toConsumableArray","newStack","popped","shift","findIndex","stackId","value","useMemo","_jsx","Provider","useBottomSheetStack","context","useContext"],"mappings":";;;;;AAWA,IAAMA,uBAAuB,CAAGC,cAAK,CAACC,aAAa,CAAuB,CACxEC,KAAK,CAAE,EAAE,CACTC,qBAAqB,CAAE,SAAAA,qBAAA,EAAM,EAAE,CAC/BC,0BAA0B,CAAE,SAAAA,4BAAM,EAAE,CACpCC,gBAAgB,CAAE,SAAAA,gBAAAA,EAAM,CACtB,OAAW,IAAA,CACb,CAAC,CACDC,wBAAwB,CAAE,SAAAA,wBAAAA,EAAM,CAAA,OAAA,CAAC,CAAC,CACpC,CAAA,CAAC,CAAC,CAKI,IAAAC,wBAAwB,CAAG,SAA3BA,wBAAwBA,CAAAC,IAAA,CAE0B,CADtD,IAAAC,QAAQ,CAAAD,IAAA,CAARC,QAAQ,CAER,IAAAC,eAAA,CAA0BV,cAAK,CAACW,QAAQ,CAAW,EAAE,CAAC,CAAAC,gBAAA,CAAAC,cAAA,CAAAH,eAAA,CAA/CR,CAAAA,CAAAA,CAAAA,KAAK,CAAAU,gBAAA,CAAA,CAAA,CAAA,CAAEE,QAAQ,CAAAF,gBAAA,CAEtB,CAAA,CAAA,CAAA,IAAMP,gBAAgB,CAAGL,cAAK,CAACe,WAAW,CAAC,UAAM,CAC/C,OAAOb,KAAK,CAAC,CAAC,CAAC,EAAI,IAAI,CACzB,CAAC,CAAE,CAACA,KAAK,CAAC,CAAC,CAEX,IAAMC,qBAAqB,CAAGH,cAAK,CAACe,WAAW,CAAC,SAACC,EAAW,CAAK,CAI/D,GAAIA,EAAE,GAAKC,SAAS,CAAE,OACtBH,QAAQ,CAAC,SAACI,IAAI,CAAA,CAAA,OAAA,CAAMF,EAAE,CAAAG,CAAAA,MAAA,CAAAC,kBAAA,CAAKF,IAAI,CAAA,CAAA,CAAA,CAAC,CAAC,CACnC,CAAC,CAAE,EAAE,CAAC,CAEN,IAAMd,0BAA0B,CAAGJ,cAAK,CAACe,WAAW,CAAC,SAACC,EAAU,CAAK,CACnEF,QAAQ,CAAC,SAACI,IAAI,CAAK,CACjB,IAAMG,QAAQ,CAAAD,kBAAA,CAAOF,IAAI,CAAC,CAC1B,IAAMI,MAAM,CAAGD,QAAQ,CAACE,KAAK,EAAE,CAE/B,GAAID,MAAM,GAAKN,EAAE,CAAE,OAAOK,QAAQ,CAClC,OAAOA,QAAQ,CACjB,CAAC,CAAC,CACJ,CAAC,CAAE,EAAE,CAAC,CAEN,IAAMf,wBAAwB,CAAGN,cAAK,CAACe,WAAW,CAChD,SAACC,EAAU,CAAK,CACd,OAAOd,KAAK,CAACsB,SAAS,CAAC,SAACC,OAAO,CAAK,CAAA,OAAAA,OAAO,GAAKT,EAAE,GAAC,CACrD,CAAC,CACD,CAACd,KAAK,CACR,CAAC,CAED,IAAMwB,KAAK,CAAG1B,cAAK,CAAC2B,OAAO,CAAC,UAAM,CAChC,OAAO,CACLzB,KAAK,CAALA,KAAK,CACLC,qBAAqB,CAArBA,qBAAqB,CACrBC,0BAA0B,CAA1BA,0BAA0B,CAC1BC,gBAAgB,CAAhBA,gBAAgB,CAChBC,wBAAwB,CAAxBA,wBACF,CAAC,CACH,CAAC,CAAE,CACDH,qBAAqB,CACrBG,wBAAwB,CACxBD,gBAAgB,CAChBD,0BAA0B,CAC1BF,KAAK,CACN,CAAC,CAEF,OACE0B,GAAA,CAAC7B,uBAAuB,CAAC8B,QAAQ,CAAA,CAACH,KAAK,CAAEA,KAAM,CAAAjB,QAAA,CAAEA,QAAQ,CAAmC,CAAC,CAEjG,EAEM,IAAAqB,mBAAmB,CAAG,SAAtBA,mBAAmBA,EAA+B,CACtD,IAAMC,OAAO,CAAG/B,cAAK,CAACgC,UAAU,CAACjC,uBAAuB,CAAC,CAEzD,OAAOgC,OAAO,CAChB;;;;"}
|
|
@@ -24,6 +24,10 @@ var BottomSheetStackProvider = function BottomSheetStackProvider(_ref) {
|
|
|
24
24
|
return stack[0] || null;
|
|
25
25
|
}, [stack]);
|
|
26
26
|
var addBottomSheetToStack = React__default.useCallback(function (id) {
|
|
27
|
+
// id can be undefined since useId returns `undefined` on first render,
|
|
28
|
+
// if we push undefined to the stack the `removeBottomSheetFromStack` will break
|
|
29
|
+
// since it will try to match top of the stack with undefined
|
|
30
|
+
if (id === undefined) return;
|
|
27
31
|
setStack(function (prev) {
|
|
28
32
|
return [id].concat(_toConsumableArray(prev));
|
|
29
33
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BottomSheetStack.js","sources":["../../../../../../src/components/BottomSheet/BottomSheetStack.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-empty-function */\nimport React from 'react';\n\ntype BottomSheetStackType = {\n stack: string[];\n addBottomSheetToStack: (id: string) => void;\n removeBottomSheetFromStack: (id: string) => void;\n getTopOfTheStack: () => string | null;\n getCurrentStackIndexById: (id: string) => number;\n};\n\nconst BottomSheetStackContext = React.createContext<BottomSheetStackType>({\n stack: [],\n addBottomSheetToStack: () => {},\n removeBottomSheetFromStack: () => {},\n getTopOfTheStack: () => {\n return null;\n },\n getCurrentStackIndexById: () => -1,\n});\n\ntype BottomSheetStackProviderType = {\n children: React.ReactNode;\n};\nconst BottomSheetStackProvider = ({\n children,\n}: BottomSheetStackProviderType): React.ReactElement => {\n const [stack, setStack] = React.useState<string[]>([]);\n\n const getTopOfTheStack = React.useCallback(() => {\n return stack[0] || null;\n }, [stack]);\n\n const addBottomSheetToStack = React.useCallback((id
|
|
1
|
+
{"version":3,"file":"BottomSheetStack.js","sources":["../../../../../../src/components/BottomSheet/BottomSheetStack.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-empty-function */\nimport React from 'react';\n\ntype BottomSheetStackType = {\n stack: string[];\n addBottomSheetToStack: (id: string) => void;\n removeBottomSheetFromStack: (id: string) => void;\n getTopOfTheStack: () => string | null;\n getCurrentStackIndexById: (id: string) => number;\n};\n\nconst BottomSheetStackContext = React.createContext<BottomSheetStackType>({\n stack: [],\n addBottomSheetToStack: () => {},\n removeBottomSheetFromStack: () => {},\n getTopOfTheStack: () => {\n return null;\n },\n getCurrentStackIndexById: () => -1,\n});\n\ntype BottomSheetStackProviderType = {\n children: React.ReactNode;\n};\nconst BottomSheetStackProvider = ({\n children,\n}: BottomSheetStackProviderType): React.ReactElement => {\n const [stack, setStack] = React.useState<string[]>([]);\n\n const getTopOfTheStack = React.useCallback(() => {\n return stack[0] || null;\n }, [stack]);\n\n const addBottomSheetToStack = React.useCallback((id?: string) => {\n // id can be undefined since useId returns `undefined` on first render,\n // if we push undefined to the stack the `removeBottomSheetFromStack` will break\n // since it will try to match top of the stack with undefined\n if (id === undefined) return;\n setStack((prev) => [id, ...prev]);\n }, []);\n\n const removeBottomSheetFromStack = React.useCallback((id: string) => {\n setStack((prev) => {\n const newStack = [...prev];\n const popped = newStack.shift();\n // only pop the stack if the passed in id is matched to the top of the stack\n if (popped === id) return newStack;\n return newStack;\n });\n }, []);\n\n const getCurrentStackIndexById = React.useCallback(\n (id: string) => {\n return stack.findIndex((stackId) => stackId === id);\n },\n [stack],\n );\n\n const value = React.useMemo(() => {\n return {\n stack,\n addBottomSheetToStack,\n removeBottomSheetFromStack,\n getTopOfTheStack,\n getCurrentStackIndexById,\n };\n }, [\n addBottomSheetToStack,\n getCurrentStackIndexById,\n getTopOfTheStack,\n removeBottomSheetFromStack,\n stack,\n ]);\n\n return (\n <BottomSheetStackContext.Provider value={value}>{children}</BottomSheetStackContext.Provider>\n );\n};\n\nconst useBottomSheetStack = (): BottomSheetStackType => {\n const context = React.useContext(BottomSheetStackContext);\n\n return context;\n};\n\nexport { BottomSheetStackProvider, useBottomSheetStack };\n"],"names":["BottomSheetStackContext","React","createContext","stack","addBottomSheetToStack","removeBottomSheetFromStack","getTopOfTheStack","getCurrentStackIndexById","BottomSheetStackProvider","_ref","children","_React$useState","useState","_React$useState2","_slicedToArray","setStack","useCallback","id","undefined","prev","concat","_toConsumableArray","newStack","popped","shift","findIndex","stackId","value","useMemo","_jsx","Provider","useBottomSheetStack","context","useContext"],"mappings":"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"}
|
|
@@ -24,6 +24,10 @@ var BottomSheetStackProvider = function BottomSheetStackProvider(_ref) {
|
|
|
24
24
|
return stack[0] || null;
|
|
25
25
|
}, [stack]);
|
|
26
26
|
var addBottomSheetToStack = React__default.useCallback(function (id) {
|
|
27
|
+
// id can be undefined since useId returns `undefined` on first render,
|
|
28
|
+
// if we push undefined to the stack the `removeBottomSheetFromStack` will break
|
|
29
|
+
// since it will try to match top of the stack with undefined
|
|
30
|
+
if (id === undefined) return;
|
|
27
31
|
setStack(function (prev) {
|
|
28
32
|
return [id].concat(_toConsumableArray(prev));
|
|
29
33
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BottomSheetStack.js","sources":["../../../../../../src/components/BottomSheet/BottomSheetStack.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-empty-function */\nimport React from 'react';\n\ntype BottomSheetStackType = {\n stack: string[];\n addBottomSheetToStack: (id: string) => void;\n removeBottomSheetFromStack: (id: string) => void;\n getTopOfTheStack: () => string | null;\n getCurrentStackIndexById: (id: string) => number;\n};\n\nconst BottomSheetStackContext = React.createContext<BottomSheetStackType>({\n stack: [],\n addBottomSheetToStack: () => {},\n removeBottomSheetFromStack: () => {},\n getTopOfTheStack: () => {\n return null;\n },\n getCurrentStackIndexById: () => -1,\n});\n\ntype BottomSheetStackProviderType = {\n children: React.ReactNode;\n};\nconst BottomSheetStackProvider = ({\n children,\n}: BottomSheetStackProviderType): React.ReactElement => {\n const [stack, setStack] = React.useState<string[]>([]);\n\n const getTopOfTheStack = React.useCallback(() => {\n return stack[0] || null;\n }, [stack]);\n\n const addBottomSheetToStack = React.useCallback((id
|
|
1
|
+
{"version":3,"file":"BottomSheetStack.js","sources":["../../../../../../src/components/BottomSheet/BottomSheetStack.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-empty-function */\nimport React from 'react';\n\ntype BottomSheetStackType = {\n stack: string[];\n addBottomSheetToStack: (id: string) => void;\n removeBottomSheetFromStack: (id: string) => void;\n getTopOfTheStack: () => string | null;\n getCurrentStackIndexById: (id: string) => number;\n};\n\nconst BottomSheetStackContext = React.createContext<BottomSheetStackType>({\n stack: [],\n addBottomSheetToStack: () => {},\n removeBottomSheetFromStack: () => {},\n getTopOfTheStack: () => {\n return null;\n },\n getCurrentStackIndexById: () => -1,\n});\n\ntype BottomSheetStackProviderType = {\n children: React.ReactNode;\n};\nconst BottomSheetStackProvider = ({\n children,\n}: BottomSheetStackProviderType): React.ReactElement => {\n const [stack, setStack] = React.useState<string[]>([]);\n\n const getTopOfTheStack = React.useCallback(() => {\n return stack[0] || null;\n }, [stack]);\n\n const addBottomSheetToStack = React.useCallback((id?: string) => {\n // id can be undefined since useId returns `undefined` on first render,\n // if we push undefined to the stack the `removeBottomSheetFromStack` will break\n // since it will try to match top of the stack with undefined\n if (id === undefined) return;\n setStack((prev) => [id, ...prev]);\n }, []);\n\n const removeBottomSheetFromStack = React.useCallback((id: string) => {\n setStack((prev) => {\n const newStack = [...prev];\n const popped = newStack.shift();\n // only pop the stack if the passed in id is matched to the top of the stack\n if (popped === id) return newStack;\n return newStack;\n });\n }, []);\n\n const getCurrentStackIndexById = React.useCallback(\n (id: string) => {\n return stack.findIndex((stackId) => stackId === id);\n },\n [stack],\n );\n\n const value = React.useMemo(() => {\n return {\n stack,\n addBottomSheetToStack,\n removeBottomSheetFromStack,\n getTopOfTheStack,\n getCurrentStackIndexById,\n };\n }, [\n addBottomSheetToStack,\n getCurrentStackIndexById,\n getTopOfTheStack,\n removeBottomSheetFromStack,\n stack,\n ]);\n\n return (\n <BottomSheetStackContext.Provider value={value}>{children}</BottomSheetStackContext.Provider>\n );\n};\n\nconst useBottomSheetStack = (): BottomSheetStackType => {\n const context = React.useContext(BottomSheetStackContext);\n\n return context;\n};\n\nexport { BottomSheetStackProvider, useBottomSheetStack };\n"],"names":["BottomSheetStackContext","React","createContext","stack","addBottomSheetToStack","removeBottomSheetFromStack","getTopOfTheStack","getCurrentStackIndexById","BottomSheetStackProvider","_ref","children","_React$useState","useState","_React$useState2","_slicedToArray","setStack","useCallback","id","undefined","prev","concat","_toConsumableArray","newStack","popped","shift","findIndex","stackId","value","useMemo","_jsx","Provider","useBottomSheetStack","context","useContext"],"mappings":"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"}
|