@webiny/app-aco 5.44.1-beta.2 → 5.44.1-beta.3
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/components/FolderTree/Node/index.js +3 -0
- package/components/FolderTree/Node/index.js.map +1 -1
- package/components/Table/components/Table/Table.js +4 -1
- package/components/Table/components/Table/Table.js.map +1 -1
- package/components/Table/components/Table/gateways/ColumnsVisibilityLocalStorageGateway.d.ts +4 -2
- package/components/Table/components/Table/gateways/ColumnsVisibilityLocalStorageGateway.js +6 -6
- package/components/Table/components/Table/gateways/ColumnsVisibilityLocalStorageGateway.js.map +1 -1
- package/contexts/navigateFolder.js +11 -5
- package/contexts/navigateFolder.js.map +1 -1
- package/contexts/navigateFolderWithRouter.js +4 -1
- package/contexts/navigateFolderWithRouter.js.map +1 -1
- package/package.json +18 -19
- package/components/Table/components/Table/gateways/LocalStorage.d.ts +0 -6
- package/components/Table/components/Table/gateways/LocalStorage.js +0 -29
- package/components/Table/components/Table/gateways/LocalStorage.js.map +0 -1
|
@@ -82,6 +82,9 @@ var Node = exports.Node = function Node(_ref3) {
|
|
|
82
82
|
var dragOverProps = (0, _reactDndTreeview.useDragOver)(folder.id, isOpen, onToggle);
|
|
83
83
|
var handleClick = function handleClick(e) {
|
|
84
84
|
e.stopPropagation();
|
|
85
|
+
if (node.data?.isFocused) {
|
|
86
|
+
return;
|
|
87
|
+
}
|
|
85
88
|
if (folder.id !== _constants.ROOT_FOLDER) {
|
|
86
89
|
onToggle(folder.id);
|
|
87
90
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_arrow_right","_folderFill","_folder_sharedFill","_home","_reactDndTreeview","_MenuActions","_styled","_utils","_constants","_hooks","_Progress","FolderNode","exports","_ref","isRoot","isFocused","hasNonInheritedPermissions","canManagePermissions","text","icon","default","createElement","ReactComponent","Fragment","FolderIcon","Text","className","use","FolderIndicator","_ref2","isLoading","isOpen","onToggle","_useFolder","useFolder","folder","id","ROOT_FOLDER","handleToggle","e","stopPropagation","LoaderContainer","CircularProgress","size","spinnerWidth","spinnerColor","style","background","ArrowIcon","onClick","Node","_ref3","node","depth","enableActions","_useFolder2","indent","dragOverProps","useDragOver","handleClick","useMemo","_parseIdentifier","parseIdentifier","String","_ref4","Container","Object","assign","data","paddingInlineStart","Content","concat","MenuActions"],"sources":["index.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { ReactComponent as ArrowRight } from \"@material-symbols/svg-400/rounded/arrow_right.svg\";\nimport { ReactComponent as Folder } from \"@material-symbols/svg-400/rounded/folder-fill.svg\";\nimport { ReactComponent as FolderShared } from \"@material-symbols/svg-400/rounded/folder_shared-fill.svg\";\nimport { ReactComponent as HomeIcon } from \"@material-design-icons/svg/filled/home.svg\";\nimport { NodeModel, useDragOver } from \"@minoru/react-dnd-treeview\";\nimport { MenuActions } from \"../MenuActions\";\nimport { Container, ArrowIcon, FolderIcon, Text, Content, LoaderContainer } from \"./styled\";\nimport { DndFolderItemData, FolderItem } from \"~/types\";\nimport { parseIdentifier } from \"@webiny/utils\";\nimport { ROOT_FOLDER } from \"~/constants\";\nimport { useFolder } from \"~/hooks\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\n\ntype NodeProps = {\n node: NodeModel<DndFolderItemData>;\n depth: number;\n isOpen: boolean;\n isLoading?: boolean;\n enableActions?: boolean;\n onToggle: (id: string | number) => void;\n onClick: (data: FolderItem) => void;\n};\n\ntype FolderProps = {\n text: string;\n isRoot: boolean;\n isOpen: boolean;\n isFocused?: boolean;\n isLoading?: boolean;\n hasNonInheritedPermissions?: boolean;\n canManagePermissions?: boolean;\n};\n\nexport const FolderNode = ({\n isRoot,\n isFocused,\n hasNonInheritedPermissions,\n canManagePermissions,\n text\n}: FolderProps) => {\n let icon = <HomeIcon />;\n\n if (!isRoot) {\n if (hasNonInheritedPermissions && canManagePermissions) {\n icon = <FolderShared />;\n } else {\n icon = <Folder />;\n }\n }\n\n return (\n <>\n <FolderIcon>{icon}</FolderIcon>\n <Text className={isFocused ? \"focused\" : \"\"} use={\"body2\"}>\n {text}\n </Text>\n </>\n );\n};\n\ntype FolderIndicatorProps = Pick<NodeProps, \"isLoading\" | \"isOpen\" | \"onToggle\">;\n\nconst FolderIndicator = ({ isLoading, isOpen, onToggle }: FolderIndicatorProps) => {\n const { folder } = useFolder();\n const isRoot = folder.id === ROOT_FOLDER;\n\n const handleToggle = (e: React.MouseEvent) => {\n e.stopPropagation();\n onToggle(folder.id);\n };\n\n if (isRoot) {\n return null;\n }\n\n if (isLoading) {\n return (\n <LoaderContainer>\n <CircularProgress\n size={12}\n spinnerWidth={2}\n spinnerColor={\"#d9d9d9\"}\n style={{ background: \"transparent\" }}\n />\n </LoaderContainer>\n );\n }\n\n return (\n <ArrowIcon isOpen={isOpen} onClick={handleToggle}>\n <ArrowRight />\n </ArrowIcon>\n );\n};\n\nexport const Node = ({\n node,\n depth,\n isOpen,\n enableActions,\n onToggle,\n onClick,\n isLoading\n}: NodeProps) => {\n const { folder } = useFolder();\n const isRoot = folder.id === ROOT_FOLDER;\n // Move the placeholder line to the left based on the element depth within the tree.\n // Let's add some pixels so that the element is detached from the container but takes up the whole length while it's highlighted during dnd.\n const indent = depth === 1 ? 4 : (depth - 1) * 20 + 8;\n\n const dragOverProps = useDragOver(folder.id, isOpen, onToggle);\n\n const handleClick = (e: React.MouseEvent) => {\n e.stopPropagation();\n if (folder.id !== ROOT_FOLDER) {\n onToggle(folder.id);\n }\n onClick(folder);\n };\n\n const id = useMemo(() => {\n const { id } = parseIdentifier(String(folder.id));\n return id;\n }, [folder.id]);\n\n const { hasNonInheritedPermissions, canManagePermissions } = folder || {};\n\n return (\n <Container\n isFocused={!!node.data?.isFocused}\n isLoading={isLoading}\n style={{ paddingInlineStart: indent }}\n {...dragOverProps}\n >\n <FolderIndicator isLoading={isLoading} isOpen={isOpen} onToggle={onToggle} />\n <Content onClick={handleClick} className={`aco-folder-${id}`}>\n <FolderNode\n isRoot={isRoot}\n text={node.text}\n hasNonInheritedPermissions={hasNonInheritedPermissions}\n canManagePermissions={canManagePermissions}\n isOpen={isRoot ? true : isOpen}\n isFocused={!!node.data?.isFocused}\n />\n </Content>\n {enableActions && !isRoot && <MenuActions />}\n </Container>\n );\n};\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_arrow_right","_folderFill","_folder_sharedFill","_home","_reactDndTreeview","_MenuActions","_styled","_utils","_constants","_hooks","_Progress","FolderNode","exports","_ref","isRoot","isFocused","hasNonInheritedPermissions","canManagePermissions","text","icon","default","createElement","ReactComponent","Fragment","FolderIcon","Text","className","use","FolderIndicator","_ref2","isLoading","isOpen","onToggle","_useFolder","useFolder","folder","id","ROOT_FOLDER","handleToggle","e","stopPropagation","LoaderContainer","CircularProgress","size","spinnerWidth","spinnerColor","style","background","ArrowIcon","onClick","Node","_ref3","node","depth","enableActions","_useFolder2","indent","dragOverProps","useDragOver","handleClick","data","useMemo","_parseIdentifier","parseIdentifier","String","_ref4","Container","Object","assign","paddingInlineStart","Content","concat","MenuActions"],"sources":["index.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { ReactComponent as ArrowRight } from \"@material-symbols/svg-400/rounded/arrow_right.svg\";\nimport { ReactComponent as Folder } from \"@material-symbols/svg-400/rounded/folder-fill.svg\";\nimport { ReactComponent as FolderShared } from \"@material-symbols/svg-400/rounded/folder_shared-fill.svg\";\nimport { ReactComponent as HomeIcon } from \"@material-design-icons/svg/filled/home.svg\";\nimport { NodeModel, useDragOver } from \"@minoru/react-dnd-treeview\";\nimport { MenuActions } from \"../MenuActions\";\nimport { Container, ArrowIcon, FolderIcon, Text, Content, LoaderContainer } from \"./styled\";\nimport { DndFolderItemData, FolderItem } from \"~/types\";\nimport { parseIdentifier } from \"@webiny/utils\";\nimport { ROOT_FOLDER } from \"~/constants\";\nimport { useFolder } from \"~/hooks\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\n\ntype NodeProps = {\n node: NodeModel<DndFolderItemData>;\n depth: number;\n isOpen: boolean;\n isLoading?: boolean;\n enableActions?: boolean;\n onToggle: (id: string | number) => void;\n onClick: (data: FolderItem) => void;\n};\n\ntype FolderProps = {\n text: string;\n isRoot: boolean;\n isOpen: boolean;\n isFocused?: boolean;\n isLoading?: boolean;\n hasNonInheritedPermissions?: boolean;\n canManagePermissions?: boolean;\n};\n\nexport const FolderNode = ({\n isRoot,\n isFocused,\n hasNonInheritedPermissions,\n canManagePermissions,\n text\n}: FolderProps) => {\n let icon = <HomeIcon />;\n\n if (!isRoot) {\n if (hasNonInheritedPermissions && canManagePermissions) {\n icon = <FolderShared />;\n } else {\n icon = <Folder />;\n }\n }\n\n return (\n <>\n <FolderIcon>{icon}</FolderIcon>\n <Text className={isFocused ? \"focused\" : \"\"} use={\"body2\"}>\n {text}\n </Text>\n </>\n );\n};\n\ntype FolderIndicatorProps = Pick<NodeProps, \"isLoading\" | \"isOpen\" | \"onToggle\">;\n\nconst FolderIndicator = ({ isLoading, isOpen, onToggle }: FolderIndicatorProps) => {\n const { folder } = useFolder();\n const isRoot = folder.id === ROOT_FOLDER;\n\n const handleToggle = (e: React.MouseEvent) => {\n e.stopPropagation();\n onToggle(folder.id);\n };\n\n if (isRoot) {\n return null;\n }\n\n if (isLoading) {\n return (\n <LoaderContainer>\n <CircularProgress\n size={12}\n spinnerWidth={2}\n spinnerColor={\"#d9d9d9\"}\n style={{ background: \"transparent\" }}\n />\n </LoaderContainer>\n );\n }\n\n return (\n <ArrowIcon isOpen={isOpen} onClick={handleToggle}>\n <ArrowRight />\n </ArrowIcon>\n );\n};\n\nexport const Node = ({\n node,\n depth,\n isOpen,\n enableActions,\n onToggle,\n onClick,\n isLoading\n}: NodeProps) => {\n const { folder } = useFolder();\n const isRoot = folder.id === ROOT_FOLDER;\n // Move the placeholder line to the left based on the element depth within the tree.\n // Let's add some pixels so that the element is detached from the container but takes up the whole length while it's highlighted during dnd.\n const indent = depth === 1 ? 4 : (depth - 1) * 20 + 8;\n\n const dragOverProps = useDragOver(folder.id, isOpen, onToggle);\n\n const handleClick = (e: React.MouseEvent) => {\n e.stopPropagation();\n if (node.data?.isFocused) {\n return;\n }\n if (folder.id !== ROOT_FOLDER) {\n onToggle(folder.id);\n }\n onClick(folder);\n };\n\n const id = useMemo(() => {\n const { id } = parseIdentifier(String(folder.id));\n return id;\n }, [folder.id]);\n\n const { hasNonInheritedPermissions, canManagePermissions } = folder || {};\n\n return (\n <Container\n isFocused={!!node.data?.isFocused}\n isLoading={isLoading}\n style={{ paddingInlineStart: indent }}\n {...dragOverProps}\n >\n <FolderIndicator isLoading={isLoading} isOpen={isOpen} onToggle={onToggle} />\n <Content onClick={handleClick} className={`aco-folder-${id}`}>\n <FolderNode\n isRoot={isRoot}\n text={node.text}\n hasNonInheritedPermissions={hasNonInheritedPermissions}\n canManagePermissions={canManagePermissions}\n isOpen={isRoot ? true : isOpen}\n isFocused={!!node.data?.isFocused}\n />\n </Content>\n {enableActions && !isRoot && <MenuActions />}\n </Container>\n );\n};\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -14,19 +14,22 @@ var _gateways = require("./gateways");
|
|
|
14
14
|
var _TablePresenter = require("./TablePresenter");
|
|
15
15
|
var _TableInner = require("./TableInner");
|
|
16
16
|
var _config = require("../../../../config");
|
|
17
|
+
var _app = require("@webiny/app");
|
|
17
18
|
var _excluded = ["namespace"];
|
|
18
19
|
var Table = exports.Table = function Table(_ref) {
|
|
19
20
|
var namespace = _ref.namespace,
|
|
20
21
|
props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
21
22
|
var _useAcoConfig = (0, _config.useAcoConfig)(),
|
|
22
23
|
table = _useAcoConfig.table;
|
|
24
|
+
var _useLocalStorage = (0, _app.useLocalStorage)(),
|
|
25
|
+
localStorage = _useLocalStorage.localStorage;
|
|
23
26
|
var columnsRepo = (0, _react.useMemo)(function () {
|
|
24
27
|
return _Columns.columnsRepositoryFactory.getRepository(namespace, table.columns.map(function (column) {
|
|
25
28
|
return _Columns.Column.createFromConfig(column);
|
|
26
29
|
}));
|
|
27
30
|
}, [namespace, table.columns]);
|
|
28
31
|
var visibilityRepo = (0, _react.useMemo)(function () {
|
|
29
|
-
var columnsVisibilityLocalStorage = new _gateways.ColumnsVisibilityLocalStorageGateway(namespace);
|
|
32
|
+
var columnsVisibilityLocalStorage = new _gateways.ColumnsVisibilityLocalStorageGateway(localStorage, namespace);
|
|
30
33
|
return _ColumnVisibility.columnsVisibilityRepositoryFactory.getRepository(namespace, columnsVisibilityLocalStorage);
|
|
31
34
|
}, [namespace]);
|
|
32
35
|
var repo = (0, _react.useMemo)(function () {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_Columns","_ColumnVisibility","_gateways","_TablePresenter","_TableInner","_config","_excluded","Table","exports","_ref","namespace","props","_objectWithoutProperties2","default","_useAcoConfig","useAcoConfig","table","columnsRepo","useMemo","columnsRepositoryFactory","getRepository","columns","map","column","Column","createFromConfig","visibilityRepo","columnsVisibilityLocalStorage","ColumnsVisibilityLocalStorageGateway","columnsVisibilityRepositoryFactory","repo","ColumnsVisibilityDecorator","columnsVisibilityUpdater","ColumnsVisibilityUpdater","columnsPresenter","ColumnsPresenter","columnsVisibilityPresenter","ColumnsVisibilityPresenter","tablePresenter","TablePresenter","useEffect","init","createElement","TableInner","Object","assign"],"sources":["Table.tsx"],"sourcesContent":["import React, { useEffect, useMemo } from \"react\";\nimport { DefaultData, OnSortingChange, Sorting } from \"@webiny/ui/DataTable\";\nimport { Column, ColumnsPresenter, columnsRepositoryFactory } from \"./Columns\";\nimport {\n ColumnsVisibilityDecorator,\n ColumnsVisibilityPresenter,\n ColumnsVisibilityUpdater,\n columnsVisibilityRepositoryFactory\n} from \"./ColumnVisibility\";\nimport { ColumnsVisibilityLocalStorageGateway } from \"./gateways\";\nimport { TablePresenter } from \"./TablePresenter\";\nimport { TableInner } from \"./TableInner\";\nimport { useAcoConfig } from \"~/config\";\n\nexport interface TableProps<T> {\n data: T[];\n loading?: boolean;\n nameColumnId?: string;\n namespace: string;\n onSelectRow?: (rows: T[] | []) => void;\n onSortingChange: OnSortingChange;\n onToggleRow?: (row: T) => void;\n selected: DefaultData[];\n sorting: Sorting;\n}\n\nexport const Table = <T extends Record<string, any> & DefaultData>({\n namespace,\n ...props\n}: TableProps<T>) => {\n const { table } = useAcoConfig();\n\n const columnsRepo = useMemo(() => {\n return columnsRepositoryFactory.getRepository(\n namespace,\n table.columns.map(column => Column.createFromConfig(column))\n );\n }, [namespace, table.columns]);\n\n const visibilityRepo = useMemo(() => {\n const columnsVisibilityLocalStorage = new ColumnsVisibilityLocalStorageGateway(namespace);\n\n return columnsVisibilityRepositoryFactory.getRepository(\n namespace,\n columnsVisibilityLocalStorage\n );\n }, [namespace]);\n\n const repo = useMemo(() => {\n return new ColumnsVisibilityDecorator(visibilityRepo, columnsRepo);\n }, [visibilityRepo, columnsRepo]);\n\n const columnsVisibilityUpdater = new ColumnsVisibilityUpdater(visibilityRepo);\n\n const columnsPresenter = useMemo(() => new ColumnsPresenter(repo), [repo]);\n\n const columnsVisibilityPresenter = useMemo(\n () => new ColumnsVisibilityPresenter(columnsPresenter),\n [columnsPresenter]\n );\n\n const tablePresenter = useMemo<TablePresenter>(() => {\n return new TablePresenter();\n }, []);\n\n useEffect(() => {\n columnsPresenter.init();\n }, [columnsPresenter]);\n\n return (\n <TableInner\n {...props}\n columnsPresenter={columnsPresenter}\n columnsVisibilityPresenter={columnsVisibilityPresenter}\n tablePresenter={tablePresenter}\n columnsVisibilityUpdater={columnsVisibilityUpdater}\n />\n );\n};\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AAMA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,eAAA,GAAAJ,OAAA;AACA,IAAAK,WAAA,GAAAL,OAAA;AACA,IAAAM,OAAA,GAAAN,OAAA;
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_Columns","_ColumnVisibility","_gateways","_TablePresenter","_TableInner","_config","_app","_excluded","Table","exports","_ref","namespace","props","_objectWithoutProperties2","default","_useAcoConfig","useAcoConfig","table","_useLocalStorage","useLocalStorage","localStorage","columnsRepo","useMemo","columnsRepositoryFactory","getRepository","columns","map","column","Column","createFromConfig","visibilityRepo","columnsVisibilityLocalStorage","ColumnsVisibilityLocalStorageGateway","columnsVisibilityRepositoryFactory","repo","ColumnsVisibilityDecorator","columnsVisibilityUpdater","ColumnsVisibilityUpdater","columnsPresenter","ColumnsPresenter","columnsVisibilityPresenter","ColumnsVisibilityPresenter","tablePresenter","TablePresenter","useEffect","init","createElement","TableInner","Object","assign"],"sources":["Table.tsx"],"sourcesContent":["import React, { useEffect, useMemo } from \"react\";\nimport { DefaultData, OnSortingChange, Sorting } from \"@webiny/ui/DataTable\";\nimport { Column, ColumnsPresenter, columnsRepositoryFactory } from \"./Columns\";\nimport {\n ColumnsVisibilityDecorator,\n ColumnsVisibilityPresenter,\n ColumnsVisibilityUpdater,\n columnsVisibilityRepositoryFactory\n} from \"./ColumnVisibility\";\nimport { ColumnsVisibilityLocalStorageGateway } from \"./gateways\";\nimport { TablePresenter } from \"./TablePresenter\";\nimport { TableInner } from \"./TableInner\";\nimport { useAcoConfig } from \"~/config\";\nimport { useLocalStorage } from \"@webiny/app\";\n\nexport interface TableProps<T> {\n data: T[];\n loading?: boolean;\n nameColumnId?: string;\n namespace: string;\n onSelectRow?: (rows: T[] | []) => void;\n onSortingChange: OnSortingChange;\n onToggleRow?: (row: T) => void;\n selected: DefaultData[];\n sorting: Sorting;\n}\n\nexport const Table = <T extends Record<string, any> & DefaultData>({\n namespace,\n ...props\n}: TableProps<T>) => {\n const { table } = useAcoConfig();\n const { localStorage } = useLocalStorage();\n\n const columnsRepo = useMemo(() => {\n return columnsRepositoryFactory.getRepository(\n namespace,\n table.columns.map(column => Column.createFromConfig(column))\n );\n }, [namespace, table.columns]);\n\n const visibilityRepo = useMemo(() => {\n const columnsVisibilityLocalStorage = new ColumnsVisibilityLocalStorageGateway(\n localStorage,\n namespace\n );\n\n return columnsVisibilityRepositoryFactory.getRepository(\n namespace,\n columnsVisibilityLocalStorage\n );\n }, [namespace]);\n\n const repo = useMemo(() => {\n return new ColumnsVisibilityDecorator(visibilityRepo, columnsRepo);\n }, [visibilityRepo, columnsRepo]);\n\n const columnsVisibilityUpdater = new ColumnsVisibilityUpdater(visibilityRepo);\n\n const columnsPresenter = useMemo(() => new ColumnsPresenter(repo), [repo]);\n\n const columnsVisibilityPresenter = useMemo(\n () => new ColumnsVisibilityPresenter(columnsPresenter),\n [columnsPresenter]\n );\n\n const tablePresenter = useMemo<TablePresenter>(() => {\n return new TablePresenter();\n }, []);\n\n useEffect(() => {\n columnsPresenter.init();\n }, [columnsPresenter]);\n\n return (\n <TableInner\n {...props}\n columnsPresenter={columnsPresenter}\n columnsVisibilityPresenter={columnsVisibilityPresenter}\n tablePresenter={tablePresenter}\n columnsVisibilityUpdater={columnsVisibilityUpdater}\n />\n );\n};\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AAMA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,eAAA,GAAAJ,OAAA;AACA,IAAAK,WAAA,GAAAL,OAAA;AACA,IAAAM,OAAA,GAAAN,OAAA;AACA,IAAAO,IAAA,GAAAP,OAAA;AAA8C,IAAAQ,SAAA;AAcvC,IAAMC,KAAK,GAAAC,OAAA,CAAAD,KAAA,GAAG,SAARA,KAAKA,CAAAE,IAAA,EAGG;EAAA,IAFjBC,SAAS,GAAAD,IAAA,CAATC,SAAS;IACNC,KAAK,OAAAC,yBAAA,CAAAC,OAAA,EAAAJ,IAAA,EAAAH,SAAA;EAER,IAAAQ,aAAA,GAAkB,IAAAC,oBAAY,EAAC,CAAC;IAAxBC,KAAK,GAAAF,aAAA,CAALE,KAAK;EACb,IAAAC,gBAAA,GAAyB,IAAAC,oBAAe,EAAC,CAAC;IAAlCC,YAAY,GAAAF,gBAAA,CAAZE,YAAY;EAEpB,IAAMC,WAAW,GAAG,IAAAC,cAAO,EAAC,YAAM;IAC9B,OAAOC,iCAAwB,CAACC,aAAa,CACzCb,SAAS,EACTM,KAAK,CAACQ,OAAO,CAACC,GAAG,CAAC,UAAAC,MAAM;MAAA,OAAIC,eAAM,CAACC,gBAAgB,CAACF,MAAM,CAAC;IAAA,EAC/D,CAAC;EACL,CAAC,EAAE,CAAChB,SAAS,EAAEM,KAAK,CAACQ,OAAO,CAAC,CAAC;EAE9B,IAAMK,cAAc,GAAG,IAAAR,cAAO,EAAC,YAAM;IACjC,IAAMS,6BAA6B,GAAG,IAAIC,8CAAoC,CAC1EZ,YAAY,EACZT,SACJ,CAAC;IAED,OAAOsB,oDAAkC,CAACT,aAAa,CACnDb,SAAS,EACToB,6BACJ,CAAC;EACL,CAAC,EAAE,CAACpB,SAAS,CAAC,CAAC;EAEf,IAAMuB,IAAI,GAAG,IAAAZ,cAAO,EAAC,YAAM;IACvB,OAAO,IAAIa,4CAA0B,CAACL,cAAc,EAAET,WAAW,CAAC;EACtE,CAAC,EAAE,CAACS,cAAc,EAAET,WAAW,CAAC,CAAC;EAEjC,IAAMe,wBAAwB,GAAG,IAAIC,0CAAwB,CAACP,cAAc,CAAC;EAE7E,IAAMQ,gBAAgB,GAAG,IAAAhB,cAAO,EAAC;IAAA,OAAM,IAAIiB,yBAAgB,CAACL,IAAI,CAAC;EAAA,GAAE,CAACA,IAAI,CAAC,CAAC;EAE1E,IAAMM,0BAA0B,GAAG,IAAAlB,cAAO,EACtC;IAAA,OAAM,IAAImB,4CAA0B,CAACH,gBAAgB,CAAC;EAAA,GACtD,CAACA,gBAAgB,CACrB,CAAC;EAED,IAAMI,cAAc,GAAG,IAAApB,cAAO,EAAiB,YAAM;IACjD,OAAO,IAAIqB,8BAAc,CAAC,CAAC;EAC/B,CAAC,EAAE,EAAE,CAAC;EAEN,IAAAC,gBAAS,EAAC,YAAM;IACZN,gBAAgB,CAACO,IAAI,CAAC,CAAC;EAC3B,CAAC,EAAE,CAACP,gBAAgB,CAAC,CAAC;EAEtB,oBACIzC,MAAA,CAAAiB,OAAA,CAAAgC,aAAA,CAAC1C,WAAA,CAAA2C,UAAU,EAAAC,MAAA,CAAAC,MAAA,KACHrC,KAAK;IACT0B,gBAAgB,EAAEA,gBAAiB;IACnCE,0BAA0B,EAAEA,0BAA2B;IACvDE,cAAc,EAAEA,cAAe;IAC/BN,wBAAwB,EAAEA;EAAyB,EACtD,CAAC;AAEV,CAAC","ignoreList":[]}
|
package/components/Table/components/Table/gateways/ColumnsVisibilityLocalStorageGateway.d.ts
CHANGED
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
import { IColumnsVisibilityGateway } from "./IColumnsVisibilityGateway";
|
|
2
|
+
import type { ILocalStorage } from "@webiny/app/localStorage/feature/abstractions.js";
|
|
2
3
|
export declare class ColumnsVisibilityLocalStorageGateway implements IColumnsVisibilityGateway {
|
|
3
4
|
private localStorage;
|
|
4
|
-
|
|
5
|
-
|
|
5
|
+
private readonly key;
|
|
6
|
+
constructor(localStorage: ILocalStorage, namespace: string);
|
|
7
|
+
get(): Promise<Record<string, boolean> | undefined>;
|
|
6
8
|
set(value: Record<string, boolean>): Promise<void>;
|
|
7
9
|
}
|
|
@@ -7,21 +7,21 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.ColumnsVisibilityLocalStorageGateway = void 0;
|
|
8
8
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
9
9
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
10
|
-
var _LocalStorage = require("./LocalStorage");
|
|
11
10
|
var ColumnsVisibilityLocalStorageGateway = exports.ColumnsVisibilityLocalStorageGateway = /*#__PURE__*/function () {
|
|
12
|
-
function ColumnsVisibilityLocalStorageGateway(namespace) {
|
|
11
|
+
function ColumnsVisibilityLocalStorageGateway(localStorage, namespace) {
|
|
13
12
|
(0, _classCallCheck2.default)(this, ColumnsVisibilityLocalStorageGateway);
|
|
14
|
-
this.localStorage =
|
|
13
|
+
this.localStorage = localStorage;
|
|
14
|
+
this.key = "column_visibility_".concat(namespace);
|
|
15
15
|
}
|
|
16
16
|
return (0, _createClass2.default)(ColumnsVisibilityLocalStorageGateway, [{
|
|
17
17
|
key: "get",
|
|
18
|
-
value: function get() {
|
|
19
|
-
return Promise.resolve(this.localStorage.
|
|
18
|
+
value: async function get() {
|
|
19
|
+
return Promise.resolve(this.localStorage.get(this.key));
|
|
20
20
|
}
|
|
21
21
|
}, {
|
|
22
22
|
key: "set",
|
|
23
23
|
value: async function set(value) {
|
|
24
|
-
return this.localStorage.
|
|
24
|
+
return this.localStorage.set(this.key, value);
|
|
25
25
|
}
|
|
26
26
|
}]);
|
|
27
27
|
}();
|
package/components/Table/components/Table/gateways/ColumnsVisibilityLocalStorageGateway.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["ColumnsVisibilityLocalStorageGateway","exports","localStorage","namespace","_classCallCheck2","default","key","concat","_createClass2","value","get","Promise","resolve","set"],"sources":["ColumnsVisibilityLocalStorageGateway.ts"],"sourcesContent":["import { IColumnsVisibilityGateway } from \"./IColumnsVisibilityGateway\";\nimport type { ILocalStorage } from \"@webiny/app/localStorage/feature/abstractions.js\";\n\nexport class ColumnsVisibilityLocalStorageGateway implements IColumnsVisibilityGateway {\n private localStorage: ILocalStorage;\n private readonly key: string;\n\n constructor(localStorage: ILocalStorage, namespace: string) {\n this.localStorage = localStorage;\n this.key = `column_visibility_${namespace}`;\n }\n\n async get() {\n return Promise.resolve(this.localStorage.get<Record<string, boolean>>(this.key));\n }\n\n async set(value: Record<string, boolean>) {\n return this.localStorage.set(this.key, value);\n }\n}\n"],"mappings":";;;;;;;;;IAGaA,oCAAoC,GAAAC,OAAA,CAAAD,oCAAA;EAI7C,SAAAA,qCAAYE,YAA2B,EAAEC,SAAiB,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA,QAAAL,oCAAA;IACxD,IAAI,CAACE,YAAY,GAAGA,YAAY;IAChC,IAAI,CAACI,GAAG,wBAAAC,MAAA,CAAwBJ,SAAS,CAAE;EAC/C;EAAC,WAAAK,aAAA,CAAAH,OAAA,EAAAL,oCAAA;IAAAM,GAAA;IAAAG,KAAA,EAED,eAAMC,GAAGA,CAAA,EAAG;MACR,OAAOC,OAAO,CAACC,OAAO,CAAC,IAAI,CAACV,YAAY,CAACQ,GAAG,CAA0B,IAAI,CAACJ,GAAG,CAAC,CAAC;IACpF;EAAC;IAAAA,GAAA;IAAAG,KAAA,EAED,eAAMI,GAAGA,CAACJ,KAA8B,EAAE;MACtC,OAAO,IAAI,CAACP,YAAY,CAACW,GAAG,CAAC,IAAI,CAACP,GAAG,EAAEG,KAAK,CAAC;IACjD;EAAC;AAAA","ignoreList":[]}
|
|
@@ -8,8 +8,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
8
8
|
exports.NavigateFolderProvider = exports.NavigateFolderContext = void 0;
|
|
9
9
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
10
10
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
-
var _store = _interopRequireDefault(require("store"));
|
|
12
11
|
var _constants = require("../constants");
|
|
12
|
+
var _app = require("@webiny/app");
|
|
13
13
|
var _excluded = ["folderId", "children", "createStorageKey"];
|
|
14
14
|
var NavigateFolderContext = exports.NavigateFolderContext = /*#__PURE__*/_react.default.createContext(undefined);
|
|
15
15
|
var NavigateFolderProvider = exports.NavigateFolderProvider = function NavigateFolderProvider(_ref) {
|
|
@@ -17,13 +17,15 @@ var NavigateFolderProvider = exports.NavigateFolderProvider = function NavigateF
|
|
|
17
17
|
children = _ref.children,
|
|
18
18
|
createStorageKey = _ref.createStorageKey,
|
|
19
19
|
props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
20
|
+
var _useLocalStorage = (0, _app.useLocalStorage)(),
|
|
21
|
+
localStorage = _useLocalStorage.localStorage;
|
|
20
22
|
/**
|
|
21
23
|
* Helper function to set the current folderId to local storage:
|
|
22
24
|
* we export this function to call it programmatically when we need it and
|
|
23
25
|
* persist the value on view switch.
|
|
24
26
|
*/
|
|
25
27
|
var setFolderToStorage = (0, _react.useCallback)(function (newFolderId) {
|
|
26
|
-
|
|
28
|
+
localStorage.set(createStorageKey(), newFolderId);
|
|
27
29
|
}, [createStorageKey]);
|
|
28
30
|
|
|
29
31
|
/**
|
|
@@ -32,7 +34,7 @@ var NavigateFolderProvider = exports.NavigateFolderProvider = function NavigateF
|
|
|
32
34
|
* we need to return the lowercase value.
|
|
33
35
|
*/
|
|
34
36
|
var getFolderFromStorage = (0, _react.useCallback)(function () {
|
|
35
|
-
var folderId =
|
|
37
|
+
var folderId = localStorage.get(createStorageKey());
|
|
36
38
|
return folderId?.toLowerCase();
|
|
37
39
|
}, [createStorageKey]);
|
|
38
40
|
(0, _react.useEffect)(function () {
|
|
@@ -50,11 +52,15 @@ var NavigateFolderProvider = exports.NavigateFolderProvider = function NavigateF
|
|
|
50
52
|
props.navigateToLatestFolder(currentFolderId || storageFolderId || _constants.ROOT_FOLDER);
|
|
51
53
|
}, [currentFolderId]);
|
|
52
54
|
var navigateToFolder = (0, _react.useCallback)(function (folderId) {
|
|
55
|
+
var targetFolderId = folderId || _constants.ROOT_FOLDER;
|
|
56
|
+
if (targetFolderId === currentFolderId) {
|
|
57
|
+
return;
|
|
58
|
+
}
|
|
53
59
|
setFolderToStorage(folderId);
|
|
54
|
-
props.navigateToFolder(
|
|
60
|
+
props.navigateToFolder(targetFolderId);
|
|
55
61
|
}, [currentFolderId]);
|
|
56
62
|
var navigateToListHome = function navigateToListHome() {
|
|
57
|
-
|
|
63
|
+
localStorage.remove(createStorageKey());
|
|
58
64
|
props.navigateToListHome();
|
|
59
65
|
};
|
|
60
66
|
var context = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_constants","_app","_excluded","NavigateFolderContext","exports","React","createContext","undefined","NavigateFolderProvider","_ref","currentFolderId","folderId","children","createStorageKey","props","_objectWithoutProperties2","default","_useLocalStorage","useLocalStorage","localStorage","setFolderToStorage","useCallback","newFolderId","set","getFolderFromStorage","get","toLowerCase","useEffect","setTimeout","navigateToLatestFolder","storageFolderId","ROOT_FOLDER","navigateToFolder","targetFolderId","navigateToListHome","remove","context","createElement","Provider","value"],"sources":["navigateFolder.tsx"],"sourcesContent":["import React, { useCallback, useEffect } from \"react\";\nimport { ROOT_FOLDER } from \"~/constants\";\nimport { useLocalStorage } from \"@webiny/app\";\n\nexport interface NavigateFolderContext {\n currentFolderId: string;\n setFolderToStorage: (folderId?: string) => void;\n navigateToListHome: () => void;\n navigateToFolder: (folder?: string) => void;\n navigateToLatestFolder: () => void;\n}\n\nexport const NavigateFolderContext = React.createContext<NavigateFolderContext | undefined>(\n undefined\n);\n\nexport interface NavigateFolderProviderProps {\n folderId: string | undefined;\n children: React.ReactNode;\n navigateToListHome: () => void;\n navigateToFolder: (folderId: string) => void;\n navigateToLatestFolder: (folderId: string) => void;\n createStorageKey: () => string;\n}\n\nexport const NavigateFolderProvider = ({\n folderId: currentFolderId,\n children,\n createStorageKey,\n ...props\n}: NavigateFolderProviderProps) => {\n const { localStorage } = useLocalStorage();\n /**\n * Helper function to set the current folderId to local storage:\n * we export this function to call it programmatically when we need it and\n * persist the value on view switch.\n */\n const setFolderToStorage = useCallback(\n (newFolderId?: string): void => {\n localStorage.set(createStorageKey(), newFolderId);\n },\n [createStorageKey]\n );\n\n /**\n * Helper function to get the current folderId to local storage.\n * NOTE: with 5.37.0 we moved from \"ROOT\" to \"root\" as home folderId,\n * we need to return the lowercase value.\n */\n const getFolderFromStorage = useCallback((): string | undefined => {\n const folderId = localStorage.get(createStorageKey()) as string | undefined;\n return folderId?.toLowerCase();\n }, [createStorageKey]);\n\n useEffect(() => {\n setTimeout(() => {\n // Defer navigation to next tick.\n navigateToLatestFolder();\n });\n }, []);\n\n /**\n * Navigate to the latest folder, considering the latest visited folder.\n */\n const navigateToLatestFolder = useCallback(() => {\n const storageFolderId = getFolderFromStorage();\n props.navigateToLatestFolder(currentFolderId || storageFolderId || ROOT_FOLDER);\n }, [currentFolderId]);\n\n const navigateToFolder = useCallback(\n (folderId?: string) => {\n const targetFolderId = folderId || ROOT_FOLDER;\n if (targetFolderId === currentFolderId) {\n return;\n }\n setFolderToStorage(folderId);\n props.navigateToFolder(targetFolderId);\n },\n [currentFolderId]\n );\n\n const navigateToListHome = () => {\n localStorage.remove(createStorageKey());\n props.navigateToListHome();\n };\n\n const context: NavigateFolderContext = {\n currentFolderId: currentFolderId || getFolderFromStorage() || ROOT_FOLDER,\n setFolderToStorage,\n navigateToListHome,\n navigateToFolder,\n navigateToLatestFolder\n };\n\n return (\n <NavigateFolderContext.Provider value={context}>{children}</NavigateFolderContext.Provider>\n );\n};\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,IAAA,GAAAF,OAAA;AAA8C,IAAAG,SAAA;AAUvC,IAAMC,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,gBAAGE,cAAK,CAACC,aAAa,CACpDC,SACJ,CAAC;AAWM,IAAMC,sBAAsB,GAAAJ,OAAA,CAAAI,sBAAA,GAAG,SAAzBA,sBAAsBA,CAAAC,IAAA,EAKA;EAAA,IAJrBC,eAAe,GAAAD,IAAA,CAAzBE,QAAQ;IACRC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IACRC,gBAAgB,GAAAJ,IAAA,CAAhBI,gBAAgB;IACbC,KAAK,OAAAC,yBAAA,CAAAC,OAAA,EAAAP,IAAA,EAAAP,SAAA;EAER,IAAAe,gBAAA,GAAyB,IAAAC,oBAAe,EAAC,CAAC;IAAlCC,YAAY,GAAAF,gBAAA,CAAZE,YAAY;EACpB;AACJ;AACA;AACA;AACA;EACI,IAAMC,kBAAkB,GAAG,IAAAC,kBAAW,EAClC,UAACC,WAAoB,EAAW;IAC5BH,YAAY,CAACI,GAAG,CAACV,gBAAgB,CAAC,CAAC,EAAES,WAAW,CAAC;EACrD,CAAC,EACD,CAACT,gBAAgB,CACrB,CAAC;;EAED;AACJ;AACA;AACA;AACA;EACI,IAAMW,oBAAoB,GAAG,IAAAH,kBAAW,EAAC,YAA0B;IAC/D,IAAMV,QAAQ,GAAGQ,YAAY,CAACM,GAAG,CAACZ,gBAAgB,CAAC,CAAC,CAAuB;IAC3E,OAAOF,QAAQ,EAAEe,WAAW,CAAC,CAAC;EAClC,CAAC,EAAE,CAACb,gBAAgB,CAAC,CAAC;EAEtB,IAAAc,gBAAS,EAAC,YAAM;IACZC,UAAU,CAAC,YAAM;MACb;MACAC,sBAAsB,CAAC,CAAC;IAC5B,CAAC,CAAC;EACN,CAAC,EAAE,EAAE,CAAC;;EAEN;AACJ;AACA;EACI,IAAMA,sBAAsB,GAAG,IAAAR,kBAAW,EAAC,YAAM;IAC7C,IAAMS,eAAe,GAAGN,oBAAoB,CAAC,CAAC;IAC9CV,KAAK,CAACe,sBAAsB,CAACnB,eAAe,IAAIoB,eAAe,IAAIC,sBAAW,CAAC;EACnF,CAAC,EAAE,CAACrB,eAAe,CAAC,CAAC;EAErB,IAAMsB,gBAAgB,GAAG,IAAAX,kBAAW,EAChC,UAACV,QAAiB,EAAK;IACnB,IAAMsB,cAAc,GAAGtB,QAAQ,IAAIoB,sBAAW;IAC9C,IAAIE,cAAc,KAAKvB,eAAe,EAAE;MACpC;IACJ;IACAU,kBAAkB,CAACT,QAAQ,CAAC;IAC5BG,KAAK,CAACkB,gBAAgB,CAACC,cAAc,CAAC;EAC1C,CAAC,EACD,CAACvB,eAAe,CACpB,CAAC;EAED,IAAMwB,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAA,EAAS;IAC7Bf,YAAY,CAACgB,MAAM,CAACtB,gBAAgB,CAAC,CAAC,CAAC;IACvCC,KAAK,CAACoB,kBAAkB,CAAC,CAAC;EAC9B,CAAC;EAED,IAAME,OAA8B,GAAG;IACnC1B,eAAe,EAAEA,eAAe,IAAIc,oBAAoB,CAAC,CAAC,IAAIO,sBAAW;IACzEX,kBAAkB,EAAlBA,kBAAkB;IAClBc,kBAAkB,EAAlBA,kBAAkB;IAClBF,gBAAgB,EAAhBA,gBAAgB;IAChBH,sBAAsB,EAAtBA;EACJ,CAAC;EAED,oBACIhC,MAAA,CAAAmB,OAAA,CAAAqB,aAAA,CAAClC,qBAAqB,CAACmC,QAAQ;IAACC,KAAK,EAAEH;EAAQ,GAAExB,QAAyC,CAAC;AAEnG,CAAC","ignoreList":[]}
|
|
@@ -53,6 +53,9 @@ var NavigateFolderWithRouterProvider = exports.NavigateFolderWithRouterProvider
|
|
|
53
53
|
* Navigate to a specific folder.
|
|
54
54
|
*/
|
|
55
55
|
var navigateToFolder = (0, _react.useCallback)(function (newFolderId) {
|
|
56
|
+
if (newFolderId === currentFolderId) {
|
|
57
|
+
return;
|
|
58
|
+
}
|
|
56
59
|
var query = new URLSearchParams(location.search);
|
|
57
60
|
query.delete("new");
|
|
58
61
|
query.delete("id");
|
|
@@ -62,7 +65,7 @@ var NavigateFolderWithRouterProvider = exports.NavigateFolderWithRouterProvider
|
|
|
62
65
|
return history.push({
|
|
63
66
|
search: query.toString()
|
|
64
67
|
});
|
|
65
|
-
}, [location, folderIdQueryString]);
|
|
68
|
+
}, [location, folderIdQueryString, currentFolderId]);
|
|
66
69
|
|
|
67
70
|
/**
|
|
68
71
|
* Navigate back to list, considering the latest visited folder.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactRouter","_navigateFolder","_constants","NavigateFolderWithRouterProvider","exports","_ref","children","_ref$folderIdQueryStr","folderIdQueryString","createStorageKey","initialCreateListLink","createListLink","_useRouter","useRouter","history","search","location","_search","_slicedToArray2","default","query","folderId","get","undefined","_useState","useState","_useState2","currentFolderId","setCurrentFolderId","useEffect","useCallback","navigateToListHome","url","push","navigateToFolder","ROOT_FOLDER","newFolderId","URLSearchParams","delete","set","toString","navigateToLatestFolder","pathname","createElement","NavigateFolderProvider"],"sources":["navigateFolderWithRouter.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from \"react\";\nimport { useRouter } from \"@webiny/react-router\";\nimport { NavigateFolderProvider } from \"~/contexts/navigateFolder\";\nimport { ROOT_FOLDER } from \"~/constants\";\n\nexport interface NavigateFolderProviderProps {\n children: React.ReactNode;\n folderIdQueryString?: string;\n createStorageKey: () => string;\n createListLink?: () => string;\n}\n\nexport const NavigateFolderWithRouterProvider = ({\n children,\n folderIdQueryString = \"folderId\",\n createStorageKey,\n createListLink: initialCreateListLink\n}: NavigateFolderProviderProps) => {\n const { history, search, location } = useRouter();\n const [query] = search;\n const folderId = query.get(folderIdQueryString) || undefined;\n const [currentFolderId, setCurrentFolderId] = useState<string | undefined>(folderId);\n\n useEffect(() => {\n setCurrentFolderId(folderId);\n }, [folderId]);\n\n const createListLink = useCallback(() => {\n if (!initialCreateListLink) {\n return undefined;\n }\n return initialCreateListLink();\n }, [initialCreateListLink]);\n\n /**\n * Navigate to home list.\n */\n const navigateToListHome = useCallback(() => {\n const url = createListLink();\n if (url) {\n return history.push(url);\n }\n\n return navigateToFolder(ROOT_FOLDER);\n }, [createListLink]);\n\n /**\n * Navigate to a specific folder.\n */\n const navigateToFolder = useCallback(\n (newFolderId: string): void => {\n const query = new URLSearchParams(location.search);\n query.delete(\"new\");\n query.delete(\"id\");\n query.delete(\"entryId\");\n query.delete(\"search\");\n query.set(folderIdQueryString, newFolderId);\n return history.push({\n search: query.toString()\n });\n },\n [location, folderIdQueryString]\n );\n\n /**\n * Navigate back to list, considering the latest visited folder.\n */\n const navigateToLatestFolder = useCallback(\n (folderId: string) => {\n /**\n * We need to check if the stored folderId is the same as the current one, in this case we skip the navigation.\n */\n if (folderId === currentFolderId) {\n return;\n }\n\n const query = new URLSearchParams(location.search);\n query.set(folderIdQueryString, folderId);\n\n return history.push({\n pathname: createListLink(),\n search: query.toString()\n });\n },\n [createListLink, folderIdQueryString]\n );\n\n return (\n <NavigateFolderProvider\n folderId={currentFolderId}\n createStorageKey={createStorageKey}\n navigateToFolder={navigateToFolder}\n navigateToLatestFolder={navigateToLatestFolder}\n navigateToListHome={navigateToListHome}\n >\n {children}\n </NavigateFolderProvider>\n );\n};\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,eAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AASO,IAAMI,gCAAgC,GAAAC,OAAA,CAAAD,gCAAA,GAAG,SAAnCA,gCAAgCA,CAAAE,IAAA,EAKV;EAAA,IAJ/BC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAAC,qBAAA,GAAAF,IAAA,CACRG,mBAAmB;IAAnBA,mBAAmB,GAAAD,qBAAA,cAAG,UAAU,GAAAA,qBAAA;IAChCE,gBAAgB,GAAAJ,IAAA,CAAhBI,gBAAgB;IACAC,qBAAqB,GAAAL,IAAA,CAArCM,cAAc;EAEd,IAAAC,UAAA,GAAsC,IAAAC,sBAAS,EAAC,CAAC;IAAzCC,OAAO,GAAAF,UAAA,CAAPE,OAAO;IAAEC,MAAM,GAAAH,UAAA,CAANG,MAAM;IAAEC,QAAQ,GAAAJ,UAAA,CAARI,QAAQ;EACjC,IAAAC,OAAA,OAAAC,eAAA,CAAAC,OAAA,EAAgBJ,MAAM;IAAfK,KAAK,GAAAH,OAAA;EACZ,IAAMI,QAAQ,GAAGD,KAAK,CAACE,GAAG,CAACd,mBAAmB,CAAC,IAAIe,SAAS;EAC5D,IAAAC,SAAA,GAA8C,IAAAC,eAAQ,EAAqBJ,QAAQ,CAAC;IAAAK,UAAA,OAAAR,eAAA,CAAAC,OAAA,EAAAK,SAAA;IAA7EG,eAAe,GAAAD,UAAA;IAAEE,kBAAkB,GAAAF,UAAA;EAE1C,IAAAG,gBAAS,EAAC,YAAM;IACZD,kBAAkB,CAACP,QAAQ,CAAC;EAChC,CAAC,EAAE,CAACA,QAAQ,CAAC,CAAC;EAEd,IAAMV,cAAc,GAAG,IAAAmB,kBAAW,EAAC,YAAM;IACrC,IAAI,CAACpB,qBAAqB,EAAE;MACxB,OAAOa,SAAS;IACpB;IACA,OAAOb,qBAAqB,CAAC,CAAC;EAClC,CAAC,EAAE,CAACA,qBAAqB,CAAC,CAAC;;EAE3B;AACJ;AACA;EACI,IAAMqB,kBAAkB,GAAG,IAAAD,kBAAW,EAAC,YAAM;IACzC,IAAME,GAAG,GAAGrB,cAAc,CAAC,CAAC;IAC5B,IAAIqB,GAAG,EAAE;MACL,OAAOlB,OAAO,CAACmB,IAAI,CAACD,GAAG,CAAC;IAC5B;IAEA,OAAOE,gBAAgB,CAACC,sBAAW,CAAC;EACxC,CAAC,EAAE,CAACxB,cAAc,CAAC,CAAC;;EAEpB;AACJ;AACA;EACI,IAAMuB,gBAAgB,GAAG,IAAAJ,kBAAW,EAChC,UAACM,WAAmB,EAAW;IAC3B,
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactRouter","_navigateFolder","_constants","NavigateFolderWithRouterProvider","exports","_ref","children","_ref$folderIdQueryStr","folderIdQueryString","createStorageKey","initialCreateListLink","createListLink","_useRouter","useRouter","history","search","location","_search","_slicedToArray2","default","query","folderId","get","undefined","_useState","useState","_useState2","currentFolderId","setCurrentFolderId","useEffect","useCallback","navigateToListHome","url","push","navigateToFolder","ROOT_FOLDER","newFolderId","URLSearchParams","delete","set","toString","navigateToLatestFolder","pathname","createElement","NavigateFolderProvider"],"sources":["navigateFolderWithRouter.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from \"react\";\nimport { useRouter } from \"@webiny/react-router\";\nimport { NavigateFolderProvider } from \"~/contexts/navigateFolder\";\nimport { ROOT_FOLDER } from \"~/constants\";\n\nexport interface NavigateFolderProviderProps {\n children: React.ReactNode;\n folderIdQueryString?: string;\n createStorageKey: () => string;\n createListLink?: () => string;\n}\n\nexport const NavigateFolderWithRouterProvider = ({\n children,\n folderIdQueryString = \"folderId\",\n createStorageKey,\n createListLink: initialCreateListLink\n}: NavigateFolderProviderProps) => {\n const { history, search, location } = useRouter();\n const [query] = search;\n const folderId = query.get(folderIdQueryString) || undefined;\n const [currentFolderId, setCurrentFolderId] = useState<string | undefined>(folderId);\n\n useEffect(() => {\n setCurrentFolderId(folderId);\n }, [folderId]);\n\n const createListLink = useCallback(() => {\n if (!initialCreateListLink) {\n return undefined;\n }\n return initialCreateListLink();\n }, [initialCreateListLink]);\n\n /**\n * Navigate to home list.\n */\n const navigateToListHome = useCallback(() => {\n const url = createListLink();\n if (url) {\n return history.push(url);\n }\n\n return navigateToFolder(ROOT_FOLDER);\n }, [createListLink]);\n\n /**\n * Navigate to a specific folder.\n */\n const navigateToFolder = useCallback(\n (newFolderId: string): void => {\n if (newFolderId === currentFolderId) {\n return;\n }\n const query = new URLSearchParams(location.search);\n query.delete(\"new\");\n query.delete(\"id\");\n query.delete(\"entryId\");\n query.delete(\"search\");\n query.set(folderIdQueryString, newFolderId);\n return history.push({\n search: query.toString()\n });\n },\n [location, folderIdQueryString, currentFolderId]\n );\n\n /**\n * Navigate back to list, considering the latest visited folder.\n */\n const navigateToLatestFolder = useCallback(\n (folderId: string) => {\n /**\n * We need to check if the stored folderId is the same as the current one, in this case we skip the navigation.\n */\n if (folderId === currentFolderId) {\n return;\n }\n\n const query = new URLSearchParams(location.search);\n query.set(folderIdQueryString, folderId);\n\n return history.push({\n pathname: createListLink(),\n search: query.toString()\n });\n },\n [createListLink, folderIdQueryString]\n );\n\n return (\n <NavigateFolderProvider\n folderId={currentFolderId}\n createStorageKey={createStorageKey}\n navigateToFolder={navigateToFolder}\n navigateToLatestFolder={navigateToLatestFolder}\n navigateToListHome={navigateToListHome}\n >\n {children}\n </NavigateFolderProvider>\n );\n};\n"],"mappings":"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","ignoreList":[]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@webiny/app-aco",
|
|
3
|
-
"version": "5.44.1-beta.
|
|
3
|
+
"version": "5.44.1-beta.3",
|
|
4
4
|
"main": "index.js",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -17,21 +17,21 @@
|
|
|
17
17
|
"@material-design-icons/svg": "0.14.13",
|
|
18
18
|
"@material-symbols/svg-400": "0.4.3",
|
|
19
19
|
"@minoru/react-dnd-treeview": "3.2.1",
|
|
20
|
-
"@webiny/app": "5.44.1-beta.
|
|
21
|
-
"@webiny/app-admin": "5.44.1-beta.
|
|
22
|
-
"@webiny/app-headless-cms-common": "5.44.1-beta.
|
|
23
|
-
"@webiny/app-security": "5.44.1-beta.
|
|
24
|
-
"@webiny/app-utils": "5.44.1-beta.
|
|
25
|
-
"@webiny/app-wcp": "5.44.1-beta.
|
|
26
|
-
"@webiny/error": "5.44.1-beta.
|
|
27
|
-
"@webiny/form": "5.44.1-beta.
|
|
28
|
-
"@webiny/plugins": "5.44.1-beta.
|
|
29
|
-
"@webiny/react-properties": "5.44.1-beta.
|
|
30
|
-
"@webiny/react-router": "5.44.1-beta.
|
|
31
|
-
"@webiny/shared-aco": "5.44.1-beta.
|
|
32
|
-
"@webiny/ui": "5.44.1-beta.
|
|
33
|
-
"@webiny/utils": "5.44.1-beta.
|
|
34
|
-
"@webiny/validation": "5.44.1-beta.
|
|
20
|
+
"@webiny/app": "5.44.1-beta.3",
|
|
21
|
+
"@webiny/app-admin": "5.44.1-beta.3",
|
|
22
|
+
"@webiny/app-headless-cms-common": "5.44.1-beta.3",
|
|
23
|
+
"@webiny/app-security": "5.44.1-beta.3",
|
|
24
|
+
"@webiny/app-utils": "5.44.1-beta.3",
|
|
25
|
+
"@webiny/app-wcp": "5.44.1-beta.3",
|
|
26
|
+
"@webiny/error": "5.44.1-beta.3",
|
|
27
|
+
"@webiny/form": "5.44.1-beta.3",
|
|
28
|
+
"@webiny/plugins": "5.44.1-beta.3",
|
|
29
|
+
"@webiny/react-properties": "5.44.1-beta.3",
|
|
30
|
+
"@webiny/react-router": "5.44.1-beta.3",
|
|
31
|
+
"@webiny/shared-aco": "5.44.1-beta.3",
|
|
32
|
+
"@webiny/ui": "5.44.1-beta.3",
|
|
33
|
+
"@webiny/utils": "5.44.1-beta.3",
|
|
34
|
+
"@webiny/validation": "5.44.1-beta.3",
|
|
35
35
|
"dot-prop-immutable": "2.1.1",
|
|
36
36
|
"graphql": "15.9.0",
|
|
37
37
|
"graphql-tag": "2.12.6",
|
|
@@ -44,12 +44,11 @@
|
|
|
44
44
|
"react-dom": "18.2.0",
|
|
45
45
|
"react-hotkeyz": "1.0.4",
|
|
46
46
|
"slugify": "1.6.6",
|
|
47
|
-
"store": "2.0.12",
|
|
48
47
|
"zod": "3.23.8"
|
|
49
48
|
},
|
|
50
49
|
"devDependencies": {
|
|
51
50
|
"@types/react": "18.2.79",
|
|
52
|
-
"@webiny/project-utils": "5.44.1-beta.
|
|
51
|
+
"@webiny/project-utils": "5.44.1-beta.3",
|
|
53
52
|
"apollo-client": "2.6.10",
|
|
54
53
|
"apollo-link": "1.2.14",
|
|
55
54
|
"rimraf": "6.0.1",
|
|
@@ -63,5 +62,5 @@
|
|
|
63
62
|
"build": "node ../cli/bin.js run build",
|
|
64
63
|
"watch": "node ../cli/bin.js run watch"
|
|
65
64
|
},
|
|
66
|
-
"gitHead": "
|
|
65
|
+
"gitHead": "1ba366a49390663381688d78df87878040176ef4"
|
|
67
66
|
}
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.LocalStorage = void 0;
|
|
8
|
-
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
9
|
-
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
10
|
-
var _store = _interopRequireDefault(require("store"));
|
|
11
|
-
var LocalStorage = exports.LocalStorage = /*#__PURE__*/function () {
|
|
12
|
-
function LocalStorage(key) {
|
|
13
|
-
(0, _classCallCheck2.default)(this, LocalStorage);
|
|
14
|
-
this.key = key;
|
|
15
|
-
}
|
|
16
|
-
return (0, _createClass2.default)(LocalStorage, [{
|
|
17
|
-
key: "getFromStorage",
|
|
18
|
-
value: function getFromStorage() {
|
|
19
|
-
return _store.default.get(this.key);
|
|
20
|
-
}
|
|
21
|
-
}, {
|
|
22
|
-
key: "setToStorage",
|
|
23
|
-
value: function setToStorage(value) {
|
|
24
|
-
_store.default.set(this.key, value);
|
|
25
|
-
}
|
|
26
|
-
}]);
|
|
27
|
-
}();
|
|
28
|
-
|
|
29
|
-
//# sourceMappingURL=LocalStorage.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["_store","_interopRequireDefault","require","LocalStorage","exports","key","_classCallCheck2","default","_createClass2","value","getFromStorage","store","get","setToStorage","set"],"sources":["LocalStorage.ts"],"sourcesContent":["import store from \"store\";\n\nexport class LocalStorage<TValue> {\n private key: string;\n\n constructor(key: string) {\n this.key = key;\n }\n\n public getFromStorage(): TValue {\n return store.get(this.key);\n }\n\n public setToStorage(value: TValue): void {\n store.set(this.key, value);\n }\n}\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0B,IAEbC,YAAY,GAAAC,OAAA,CAAAD,YAAA;EAGrB,SAAAA,aAAYE,GAAW,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA,QAAAJ,YAAA;IACrB,IAAI,CAACE,GAAG,GAAGA,GAAG;EAClB;EAAC,WAAAG,aAAA,CAAAD,OAAA,EAAAJ,YAAA;IAAAE,GAAA;IAAAI,KAAA,EAED,SAAOC,cAAcA,CAAA,EAAW;MAC5B,OAAOC,cAAK,CAACC,GAAG,CAAC,IAAI,CAACP,GAAG,CAAC;IAC9B;EAAC;IAAAA,GAAA;IAAAI,KAAA,EAED,SAAOI,YAAYA,CAACJ,KAAa,EAAQ;MACrCE,cAAK,CAACG,GAAG,CAAC,IAAI,CAACT,GAAG,EAAEI,KAAK,CAAC;IAC9B;EAAC;AAAA","ignoreList":[]}
|