@wordpress/preferences 4.45.0 → 4.45.1-next.v.202605131032.0
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/components/preferences-modal-tabs/index.cjs +17 -20
- package/build/components/preferences-modal-tabs/index.cjs.map +2 -2
- package/build-module/components/preferences-modal-tabs/index.mjs +17 -20
- package/build-module/components/preferences-modal-tabs/index.mjs.map +2 -2
- package/build-types/components/preference-base-option/index.d.ts +1 -1
- package/build-types/components/preference-base-option/index.d.ts.map +1 -1
- package/build-types/components/preference-toggle-control/index.d.ts.map +1 -1
- package/build-types/components/preference-toggle-menu-item/index.d.ts +1 -1
- package/build-types/components/preference-toggle-menu-item/index.d.ts.map +1 -1
- package/build-types/components/preferences-modal/index.d.ts +1 -1
- package/build-types/components/preferences-modal/index.d.ts.map +1 -1
- package/build-types/components/preferences-modal-section/index.d.ts.map +1 -1
- package/build-types/components/preferences-modal-tabs/index.d.ts +1 -1
- package/build-types/components/preferences-modal-tabs/index.d.ts.map +1 -1
- package/build-types/store/actions.d.ts +1 -1
- package/build-types/store/actions.d.ts.map +1 -1
- package/build-types/store/reducer.d.ts +2 -2
- package/build-types/store/reducer.d.ts.map +1 -1
- package/package.json +12 -12
- package/src/components/preferences-modal-tabs/index.tsx +1 -1
|
@@ -88,26 +88,23 @@ function PreferencesModalTabs({
|
|
|
88
88
|
} else {
|
|
89
89
|
modalContent = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.Navigator, { initialPath: "/", className: "preferences__provider", children: [
|
|
90
90
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.Navigator.Screen, { path: "/", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.Card, { isBorderless: true, size: "small", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.CardBody, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.__experimentalItemGroup, { children: tabs.map((tab) => {
|
|
91
|
-
return (
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
import_icons.
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
},
|
|
109
|
-
tab.name
|
|
110
|
-
)
|
|
91
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
92
|
+
import_components.Navigator.Button,
|
|
93
|
+
{
|
|
94
|
+
path: `/${tab.name}`,
|
|
95
|
+
as: import_components.__experimentalItem,
|
|
96
|
+
isAction: true,
|
|
97
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.__experimentalHStack, { justify: "space-between", children: [
|
|
98
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.FlexItem, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.__experimentalTruncate, { children: tab.title }) }),
|
|
99
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.FlexItem, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
100
|
+
import_icons.Icon,
|
|
101
|
+
{
|
|
102
|
+
icon: (0, import_i18n.isRTL)() ? import_icons.chevronLeft : import_icons.chevronRight
|
|
103
|
+
}
|
|
104
|
+
) })
|
|
105
|
+
] })
|
|
106
|
+
},
|
|
107
|
+
tab.name
|
|
111
108
|
);
|
|
112
109
|
}) }) }) }) }),
|
|
113
110
|
sections.length && sections.map((section) => {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/components/preferences-modal-tabs/index.tsx"],
|
|
4
|
-
"sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useViewportMatch } from '@wordpress/compose';\nimport {\n\tNavigator,\n\t__experimentalItemGroup as ItemGroup,\n\t__experimentalItem as Item,\n\t__experimentalHStack as HStack,\n\t__experimentalText as WCText,\n\t__experimentalTruncate as Truncate,\n\tFlexItem,\n\tCard,\n\tCardHeader,\n\tCardBody,\n\tprivateApis as componentsPrivateApis,\n} from '@wordpress/components';\nimport { useMemo, useState } from '@wordpress/element';\nimport { chevronLeft, chevronRight, Icon } from '@wordpress/icons';\nimport { isRTL, __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\n\nconst { Tabs } = unlock( componentsPrivateApis );\n\nconst PREFERENCES_MENU = 'preferences-menu';\n\nexport type PreferencesModalTabsProps = {\n\tsections: { name: string; tabLabel: string; content: React.ReactNode }[];\n};\nexport default function PreferencesModalTabs( {\n\tsections,\n}: PreferencesModalTabsProps ) {\n\tconst isLargeViewport = useViewportMatch( 'medium' );\n\n\t// This is also used to sync the two different rendered components\n\t// between small and large viewports.\n\tconst [ activeMenu, setActiveMenu ] = useState( PREFERENCES_MENU );\n\t/**\n\t * Create helper objects from `sections` for easier data handling.\n\t * `tabs` is used for creating the `Tabs` and `sectionsContentMap`\n\t * is used for easier access to active tab's content.\n\t */\n\tconst { tabs, sectionsContentMap } = useMemo( () => {\n\t\tlet mappedTabs: {\n\t\t\ttabs: { name: string; title: string }[];\n\t\t\tsectionsContentMap: Record< string, React.ReactNode >;\n\t\t} = {\n\t\t\ttabs: [],\n\t\t\tsectionsContentMap: {},\n\t\t};\n\t\tif ( sections.length ) {\n\t\t\tmappedTabs = sections.reduce< typeof mappedTabs >(\n\t\t\t\t( accumulator, { name, tabLabel: title, content } ) => {\n\t\t\t\t\taccumulator.tabs.push( { name, title } );\n\t\t\t\t\taccumulator.sectionsContentMap[ name ] = content;\n\t\t\t\t\treturn accumulator;\n\t\t\t\t},\n\t\t\t\t{ tabs: [], sectionsContentMap: {} }\n\t\t\t);\n\t\t}\n\t\treturn mappedTabs;\n\t}, [ sections ] );\n\n\tlet modalContent;\n\t// We render different components based on the viewport size.\n\tif ( isLargeViewport ) {\n\t\tmodalContent = (\n\t\t\t<div className=\"preferences__tabs\">\n\t\t\t\t<Tabs\n\t\t\t\t\tdefaultTabId={\n\t\t\t\t\t\tactiveMenu !== PREFERENCES_MENU ? activeMenu : undefined\n\t\t\t\t\t}\n\t\t\t\t\tonSelect={ setActiveMenu }\n\t\t\t\t\torientation=\"vertical\"\n\t\t\t\t>\n\t\t\t\t\t<Tabs.TabList className=\"preferences__tabs-tablist\">\n\t\t\t\t\t\t{ tabs.map( ( tab ) => (\n\t\t\t\t\t\t\t<Tabs.Tab\n\t\t\t\t\t\t\t\ttabId={ tab.name }\n\t\t\t\t\t\t\t\tkey={ tab.name }\n\t\t\t\t\t\t\t\tclassName=\"preferences__tabs-tab\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ tab.title }\n\t\t\t\t\t\t\t</Tabs.Tab>\n\t\t\t\t\t\t) ) }\n\t\t\t\t\t</Tabs.TabList>\n\t\t\t\t\t{ tabs.map( ( tab ) => (\n\t\t\t\t\t\t<Tabs.TabPanel\n\t\t\t\t\t\t\ttabId={ tab.name }\n\t\t\t\t\t\t\tkey={ tab.name }\n\t\t\t\t\t\t\tclassName=\"preferences__tabs-tabpanel\"\n\t\t\t\t\t\t\tfocusable={ false }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ sectionsContentMap[ tab.name ] || null }\n\t\t\t\t\t\t</Tabs.TabPanel>\n\t\t\t\t\t) ) }\n\t\t\t\t</Tabs>\n\t\t\t</div>\n\t\t);\n\t} else {\n\t\tmodalContent = (\n\t\t\t<Navigator initialPath=\"/\" className=\"preferences__provider\">\n\t\t\t\t<Navigator.Screen path=\"/\">\n\t\t\t\t\t<Card isBorderless size=\"small\">\n\t\t\t\t\t\t<CardBody>\n\t\t\t\t\t\t\t<ItemGroup>\n\t\t\t\t\t\t\t\t{ tabs.map( ( tab ) => {\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,qBAAiC;AACjC,wBAYO;AACP,qBAAkC;AAClC,mBAAgD;AAChD,kBAA0B;AAK1B,yBAAuB;AAgDnB;AA9CJ,IAAM,EAAE,KAAK,QAAI,2BAAQ,kBAAAA,WAAsB;AAE/C,IAAM,mBAAmB;AAKV,SAAR,qBAAuC;AAAA,EAC7C;AACD,GAA+B;AAC9B,QAAM,sBAAkB,iCAAkB,QAAS;AAInD,QAAM,CAAE,YAAY,aAAc,QAAI,yBAAU,gBAAiB;AAMjE,QAAM,EAAE,MAAM,mBAAmB,QAAI,wBAAS,MAAM;AACnD,QAAI,aAGA;AAAA,MACH,MAAM,CAAC;AAAA,MACP,oBAAoB,CAAC;AAAA,IACtB;AACA,QAAK,SAAS,QAAS;AACtB,mBAAa,SAAS;AAAA,QACrB,CAAE,aAAa,EAAE,MAAM,UAAU,OAAO,QAAQ,MAAO;AACtD,sBAAY,KAAK,KAAM,EAAE,MAAM,MAAM,CAAE;AACvC,sBAAY,mBAAoB,IAAK,IAAI;AACzC,iBAAO;AAAA,QACR;AAAA,QACA,EAAE,MAAM,CAAC,GAAG,oBAAoB,CAAC,EAAE;AAAA,MACpC;AAAA,IACD;AACA,WAAO;AAAA,EACR,GAAG,CAAE,QAAS,CAAE;AAEhB,MAAI;AAEJ,MAAK,iBAAkB;AACtB,mBACC,4CAAC,SAAI,WAAU,qBACd;AAAA,MAAC;AAAA;AAAA,QACA,cACC,eAAe,mBAAmB,aAAa;AAAA,QAEhD,UAAW;AAAA,QACX,aAAY;AAAA,QAEZ;AAAA,sDAAC,KAAK,SAAL,EAAa,WAAU,6BACrB,eAAK,IAAK,CAAE,QACb;AAAA,YAAC,KAAK;AAAA,YAAL;AAAA,cACA,OAAQ,IAAI;AAAA,cAEZ,WAAU;AAAA,cAER,cAAI;AAAA;AAAA,YAHA,IAAI;AAAA,UAIX,CACC,GACH;AAAA,UACE,KAAK,IAAK,CAAE,QACb;AAAA,YAAC,KAAK;AAAA,YAAL;AAAA,cACA,OAAQ,IAAI;AAAA,cAEZ,WAAU;AAAA,cACV,WAAY;AAAA,cAEV,6BAAoB,IAAI,IAAK,KAAK;AAAA;AAAA,YAJ9B,IAAI;AAAA,UAKX,CACC;AAAA;AAAA;AAAA,IACH,GACD;AAAA,EAEF,OAAO;AACN,mBACC,6CAAC,+BAAU,aAAY,KAAI,WAAU,yBACpC;AAAA,kDAAC,4BAAU,QAAV,EAAiB,MAAK,KACtB,sDAAC,0BAAK,cAAY,MAAC,MAAK,SACvB,sDAAC,8BACA,sDAAC,kBAAAC,yBAAA,EACE,eAAK,IAAK,CAAE,QAAS;AACtB
|
|
4
|
+
"sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useViewportMatch } from '@wordpress/compose';\nimport {\n\tNavigator,\n\t__experimentalItemGroup as ItemGroup,\n\t__experimentalItem as Item,\n\t__experimentalHStack as HStack,\n\t__experimentalText as WCText,\n\t__experimentalTruncate as Truncate,\n\tFlexItem,\n\tCard,\n\tCardHeader,\n\tCardBody,\n\tprivateApis as componentsPrivateApis,\n} from '@wordpress/components';\nimport { useMemo, useState } from '@wordpress/element';\nimport { chevronLeft, chevronRight, Icon } from '@wordpress/icons';\nimport { isRTL, __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\n\nconst { Tabs } = unlock( componentsPrivateApis );\n\nconst PREFERENCES_MENU = 'preferences-menu';\n\nexport type PreferencesModalTabsProps = {\n\tsections: { name: string; tabLabel: string; content: React.ReactNode }[];\n};\nexport default function PreferencesModalTabs( {\n\tsections,\n}: PreferencesModalTabsProps ) {\n\tconst isLargeViewport = useViewportMatch( 'medium' );\n\n\t// This is also used to sync the two different rendered components\n\t// between small and large viewports.\n\tconst [ activeMenu, setActiveMenu ] = useState( PREFERENCES_MENU );\n\t/**\n\t * Create helper objects from `sections` for easier data handling.\n\t * `tabs` is used for creating the `Tabs` and `sectionsContentMap`\n\t * is used for easier access to active tab's content.\n\t */\n\tconst { tabs, sectionsContentMap } = useMemo( () => {\n\t\tlet mappedTabs: {\n\t\t\ttabs: { name: string; title: string }[];\n\t\t\tsectionsContentMap: Record< string, React.ReactNode >;\n\t\t} = {\n\t\t\ttabs: [],\n\t\t\tsectionsContentMap: {},\n\t\t};\n\t\tif ( sections.length ) {\n\t\t\tmappedTabs = sections.reduce< typeof mappedTabs >(\n\t\t\t\t( accumulator, { name, tabLabel: title, content } ) => {\n\t\t\t\t\taccumulator.tabs.push( { name, title } );\n\t\t\t\t\taccumulator.sectionsContentMap[ name ] = content;\n\t\t\t\t\treturn accumulator;\n\t\t\t\t},\n\t\t\t\t{ tabs: [], sectionsContentMap: {} }\n\t\t\t);\n\t\t}\n\t\treturn mappedTabs;\n\t}, [ sections ] );\n\n\tlet modalContent;\n\t// We render different components based on the viewport size.\n\tif ( isLargeViewport ) {\n\t\tmodalContent = (\n\t\t\t<div className=\"preferences__tabs\">\n\t\t\t\t<Tabs\n\t\t\t\t\tdefaultTabId={\n\t\t\t\t\t\tactiveMenu !== PREFERENCES_MENU ? activeMenu : undefined\n\t\t\t\t\t}\n\t\t\t\t\tonSelect={ setActiveMenu }\n\t\t\t\t\torientation=\"vertical\"\n\t\t\t\t>\n\t\t\t\t\t<Tabs.TabList className=\"preferences__tabs-tablist\">\n\t\t\t\t\t\t{ tabs.map( ( tab ) => (\n\t\t\t\t\t\t\t<Tabs.Tab\n\t\t\t\t\t\t\t\ttabId={ tab.name }\n\t\t\t\t\t\t\t\tkey={ tab.name }\n\t\t\t\t\t\t\t\tclassName=\"preferences__tabs-tab\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ tab.title }\n\t\t\t\t\t\t\t</Tabs.Tab>\n\t\t\t\t\t\t) ) }\n\t\t\t\t\t</Tabs.TabList>\n\t\t\t\t\t{ tabs.map( ( tab ) => (\n\t\t\t\t\t\t<Tabs.TabPanel\n\t\t\t\t\t\t\ttabId={ tab.name }\n\t\t\t\t\t\t\tkey={ tab.name }\n\t\t\t\t\t\t\tclassName=\"preferences__tabs-tabpanel\"\n\t\t\t\t\t\t\tfocusable={ false }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ sectionsContentMap[ tab.name ] || null }\n\t\t\t\t\t\t</Tabs.TabPanel>\n\t\t\t\t\t) ) }\n\t\t\t\t</Tabs>\n\t\t\t</div>\n\t\t);\n\t} else {\n\t\tmodalContent = (\n\t\t\t<Navigator initialPath=\"/\" className=\"preferences__provider\">\n\t\t\t\t<Navigator.Screen path=\"/\">\n\t\t\t\t\t<Card isBorderless size=\"small\">\n\t\t\t\t\t\t<CardBody>\n\t\t\t\t\t\t\t<ItemGroup>\n\t\t\t\t\t\t\t\t{ tabs.map( ( tab ) => {\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t<Navigator.Button\n\t\t\t\t\t\t\t\t\t\t\tkey={ tab.name }\n\t\t\t\t\t\t\t\t\t\t\tpath={ `/${ tab.name }` }\n\t\t\t\t\t\t\t\t\t\t\t// @ts-expect-error: Navigator.Button is currently typed in a way that prevents Item from being passed in\n\t\t\t\t\t\t\t\t\t\t\tas={ Item }\n\t\t\t\t\t\t\t\t\t\t\tisAction\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t\t\t\t\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Truncate>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{ tab.title }\n\t\t\t\t\t\t\t\t\t\t\t\t\t</Truncate>\n\t\t\t\t\t\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t\t\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ticon={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tisRTL()\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? chevronLeft\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: chevronRight\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t\t\t\t\t\t</HStack>\n\t\t\t\t\t\t\t\t\t\t</Navigator.Button>\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t} ) }\n\t\t\t\t\t\t\t</ItemGroup>\n\t\t\t\t\t\t</CardBody>\n\t\t\t\t\t</Card>\n\t\t\t\t</Navigator.Screen>\n\t\t\t\t{ sections.length &&\n\t\t\t\t\tsections.map( ( section ) => {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<Navigator.Screen\n\t\t\t\t\t\t\t\tkey={ `${ section.name }-menu` }\n\t\t\t\t\t\t\t\tpath={ `/${ section.name }` }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<Card isBorderless size=\"large\">\n\t\t\t\t\t\t\t\t\t<CardHeader\n\t\t\t\t\t\t\t\t\t\tisBorderless={ false }\n\t\t\t\t\t\t\t\t\t\tjustify=\"left\"\n\t\t\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\t\t\tgap=\"6\"\n\t\t\t\t\t\t\t\t\t\tas=\"div\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<Navigator.BackButton\n\t\t\t\t\t\t\t\t\t\t\ticon={\n\t\t\t\t\t\t\t\t\t\t\t\tisRTL()\n\t\t\t\t\t\t\t\t\t\t\t\t\t? chevronRight\n\t\t\t\t\t\t\t\t\t\t\t\t\t: chevronLeft\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tlabel={ __( 'Back' ) }\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t<WCText size=\"16\">\n\t\t\t\t\t\t\t\t\t\t\t{ section.tabLabel }\n\t\t\t\t\t\t\t\t\t\t</WCText>\n\t\t\t\t\t\t\t\t\t</CardHeader>\n\t\t\t\t\t\t\t\t\t<CardBody>{ section.content }</CardBody>\n\t\t\t\t\t\t\t\t</Card>\n\t\t\t\t\t\t\t</Navigator.Screen>\n\t\t\t\t\t\t);\n\t\t\t\t\t} ) }\n\t\t\t</Navigator>\n\t\t);\n\t}\n\n\treturn modalContent;\n}\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": ["componentsPrivateApis", "ItemGroup", "Item", "HStack", "Truncate", "WCText"]
|
|
7
7
|
}
|
|
@@ -76,26 +76,23 @@ function PreferencesModalTabs({
|
|
|
76
76
|
} else {
|
|
77
77
|
modalContent = /* @__PURE__ */ jsxs(Navigator, { initialPath: "/", className: "preferences__provider", children: [
|
|
78
78
|
/* @__PURE__ */ jsx(Navigator.Screen, { path: "/", children: /* @__PURE__ */ jsx(Card, { isBorderless: true, size: "small", children: /* @__PURE__ */ jsx(CardBody, { children: /* @__PURE__ */ jsx(ItemGroup, { children: tabs.map((tab) => {
|
|
79
|
-
return (
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
},
|
|
97
|
-
tab.name
|
|
98
|
-
)
|
|
79
|
+
return /* @__PURE__ */ jsx(
|
|
80
|
+
Navigator.Button,
|
|
81
|
+
{
|
|
82
|
+
path: `/${tab.name}`,
|
|
83
|
+
as: Item,
|
|
84
|
+
isAction: true,
|
|
85
|
+
children: /* @__PURE__ */ jsxs(HStack, { justify: "space-between", children: [
|
|
86
|
+
/* @__PURE__ */ jsx(FlexItem, { children: /* @__PURE__ */ jsx(Truncate, { children: tab.title }) }),
|
|
87
|
+
/* @__PURE__ */ jsx(FlexItem, { children: /* @__PURE__ */ jsx(
|
|
88
|
+
Icon,
|
|
89
|
+
{
|
|
90
|
+
icon: isRTL() ? chevronLeft : chevronRight
|
|
91
|
+
}
|
|
92
|
+
) })
|
|
93
|
+
] })
|
|
94
|
+
},
|
|
95
|
+
tab.name
|
|
99
96
|
);
|
|
100
97
|
}) }) }) }) }),
|
|
101
98
|
sections.length && sections.map((section) => {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/components/preferences-modal-tabs/index.tsx"],
|
|
4
|
-
"sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useViewportMatch } from '@wordpress/compose';\nimport {\n\tNavigator,\n\t__experimentalItemGroup as ItemGroup,\n\t__experimentalItem as Item,\n\t__experimentalHStack as HStack,\n\t__experimentalText as WCText,\n\t__experimentalTruncate as Truncate,\n\tFlexItem,\n\tCard,\n\tCardHeader,\n\tCardBody,\n\tprivateApis as componentsPrivateApis,\n} from '@wordpress/components';\nimport { useMemo, useState } from '@wordpress/element';\nimport { chevronLeft, chevronRight, Icon } from '@wordpress/icons';\nimport { isRTL, __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\n\nconst { Tabs } = unlock( componentsPrivateApis );\n\nconst PREFERENCES_MENU = 'preferences-menu';\n\nexport type PreferencesModalTabsProps = {\n\tsections: { name: string; tabLabel: string; content: React.ReactNode }[];\n};\nexport default function PreferencesModalTabs( {\n\tsections,\n}: PreferencesModalTabsProps ) {\n\tconst isLargeViewport = useViewportMatch( 'medium' );\n\n\t// This is also used to sync the two different rendered components\n\t// between small and large viewports.\n\tconst [ activeMenu, setActiveMenu ] = useState( PREFERENCES_MENU );\n\t/**\n\t * Create helper objects from `sections` for easier data handling.\n\t * `tabs` is used for creating the `Tabs` and `sectionsContentMap`\n\t * is used for easier access to active tab's content.\n\t */\n\tconst { tabs, sectionsContentMap } = useMemo( () => {\n\t\tlet mappedTabs: {\n\t\t\ttabs: { name: string; title: string }[];\n\t\t\tsectionsContentMap: Record< string, React.ReactNode >;\n\t\t} = {\n\t\t\ttabs: [],\n\t\t\tsectionsContentMap: {},\n\t\t};\n\t\tif ( sections.length ) {\n\t\t\tmappedTabs = sections.reduce< typeof mappedTabs >(\n\t\t\t\t( accumulator, { name, tabLabel: title, content } ) => {\n\t\t\t\t\taccumulator.tabs.push( { name, title } );\n\t\t\t\t\taccumulator.sectionsContentMap[ name ] = content;\n\t\t\t\t\treturn accumulator;\n\t\t\t\t},\n\t\t\t\t{ tabs: [], sectionsContentMap: {} }\n\t\t\t);\n\t\t}\n\t\treturn mappedTabs;\n\t}, [ sections ] );\n\n\tlet modalContent;\n\t// We render different components based on the viewport size.\n\tif ( isLargeViewport ) {\n\t\tmodalContent = (\n\t\t\t<div className=\"preferences__tabs\">\n\t\t\t\t<Tabs\n\t\t\t\t\tdefaultTabId={\n\t\t\t\t\t\tactiveMenu !== PREFERENCES_MENU ? activeMenu : undefined\n\t\t\t\t\t}\n\t\t\t\t\tonSelect={ setActiveMenu }\n\t\t\t\t\torientation=\"vertical\"\n\t\t\t\t>\n\t\t\t\t\t<Tabs.TabList className=\"preferences__tabs-tablist\">\n\t\t\t\t\t\t{ tabs.map( ( tab ) => (\n\t\t\t\t\t\t\t<Tabs.Tab\n\t\t\t\t\t\t\t\ttabId={ tab.name }\n\t\t\t\t\t\t\t\tkey={ tab.name }\n\t\t\t\t\t\t\t\tclassName=\"preferences__tabs-tab\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ tab.title }\n\t\t\t\t\t\t\t</Tabs.Tab>\n\t\t\t\t\t\t) ) }\n\t\t\t\t\t</Tabs.TabList>\n\t\t\t\t\t{ tabs.map( ( tab ) => (\n\t\t\t\t\t\t<Tabs.TabPanel\n\t\t\t\t\t\t\ttabId={ tab.name }\n\t\t\t\t\t\t\tkey={ tab.name }\n\t\t\t\t\t\t\tclassName=\"preferences__tabs-tabpanel\"\n\t\t\t\t\t\t\tfocusable={ false }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ sectionsContentMap[ tab.name ] || null }\n\t\t\t\t\t\t</Tabs.TabPanel>\n\t\t\t\t\t) ) }\n\t\t\t\t</Tabs>\n\t\t\t</div>\n\t\t);\n\t} else {\n\t\tmodalContent = (\n\t\t\t<Navigator initialPath=\"/\" className=\"preferences__provider\">\n\t\t\t\t<Navigator.Screen path=\"/\">\n\t\t\t\t\t<Card isBorderless size=\"small\">\n\t\t\t\t\t\t<CardBody>\n\t\t\t\t\t\t\t<ItemGroup>\n\t\t\t\t\t\t\t\t{ tabs.map( ( tab ) => {\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t
|
|
5
|
-
"mappings": ";AAGA,SAAS,wBAAwB;AACjC;AAAA,EACC;AAAA,EACA,2BAA2B;AAAA,EAC3B,sBAAsB;AAAA,EACtB,wBAAwB;AAAA,EACxB,sBAAsB;AAAA,EACtB,0BAA0B;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AAAA,OACT;AACP,SAAS,SAAS,gBAAgB;AAClC,SAAS,aAAa,cAAc,YAAY;AAChD,SAAS,OAAO,UAAU;AAK1B,SAAS,cAAc;AAgDnB,SASG,KATH;AA9CJ,IAAM,EAAE,KAAK,IAAI,OAAQ,qBAAsB;AAE/C,IAAM,mBAAmB;AAKV,SAAR,qBAAuC;AAAA,EAC7C;AACD,GAA+B;AAC9B,QAAM,kBAAkB,iBAAkB,QAAS;AAInD,QAAM,CAAE,YAAY,aAAc,IAAI,SAAU,gBAAiB;AAMjE,QAAM,EAAE,MAAM,mBAAmB,IAAI,QAAS,MAAM;AACnD,QAAI,aAGA;AAAA,MACH,MAAM,CAAC;AAAA,MACP,oBAAoB,CAAC;AAAA,IACtB;AACA,QAAK,SAAS,QAAS;AACtB,mBAAa,SAAS;AAAA,QACrB,CAAE,aAAa,EAAE,MAAM,UAAU,OAAO,QAAQ,MAAO;AACtD,sBAAY,KAAK,KAAM,EAAE,MAAM,MAAM,CAAE;AACvC,sBAAY,mBAAoB,IAAK,IAAI;AACzC,iBAAO;AAAA,QACR;AAAA,QACA,EAAE,MAAM,CAAC,GAAG,oBAAoB,CAAC,EAAE;AAAA,MACpC;AAAA,IACD;AACA,WAAO;AAAA,EACR,GAAG,CAAE,QAAS,CAAE;AAEhB,MAAI;AAEJ,MAAK,iBAAkB;AACtB,mBACC,oBAAC,SAAI,WAAU,qBACd;AAAA,MAAC;AAAA;AAAA,QACA,cACC,eAAe,mBAAmB,aAAa;AAAA,QAEhD,UAAW;AAAA,QACX,aAAY;AAAA,QAEZ;AAAA,8BAAC,KAAK,SAAL,EAAa,WAAU,6BACrB,eAAK,IAAK,CAAE,QACb;AAAA,YAAC,KAAK;AAAA,YAAL;AAAA,cACA,OAAQ,IAAI;AAAA,cAEZ,WAAU;AAAA,cAER,cAAI;AAAA;AAAA,YAHA,IAAI;AAAA,UAIX,CACC,GACH;AAAA,UACE,KAAK,IAAK,CAAE,QACb;AAAA,YAAC,KAAK;AAAA,YAAL;AAAA,cACA,OAAQ,IAAI;AAAA,cAEZ,WAAU;AAAA,cACV,WAAY;AAAA,cAEV,6BAAoB,IAAI,IAAK,KAAK;AAAA;AAAA,YAJ9B,IAAI;AAAA,UAKX,CACC;AAAA;AAAA;AAAA,IACH,GACD;AAAA,EAEF,OAAO;AACN,mBACC,qBAAC,aAAU,aAAY,KAAI,WAAU,yBACpC;AAAA,0BAAC,UAAU,QAAV,EAAiB,MAAK,KACtB,8BAAC,QAAK,cAAY,MAAC,MAAK,SACvB,8BAAC,YACA,8BAAC,aACE,eAAK,IAAK,CAAE,QAAS;AACtB
|
|
4
|
+
"sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useViewportMatch } from '@wordpress/compose';\nimport {\n\tNavigator,\n\t__experimentalItemGroup as ItemGroup,\n\t__experimentalItem as Item,\n\t__experimentalHStack as HStack,\n\t__experimentalText as WCText,\n\t__experimentalTruncate as Truncate,\n\tFlexItem,\n\tCard,\n\tCardHeader,\n\tCardBody,\n\tprivateApis as componentsPrivateApis,\n} from '@wordpress/components';\nimport { useMemo, useState } from '@wordpress/element';\nimport { chevronLeft, chevronRight, Icon } from '@wordpress/icons';\nimport { isRTL, __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\n\nconst { Tabs } = unlock( componentsPrivateApis );\n\nconst PREFERENCES_MENU = 'preferences-menu';\n\nexport type PreferencesModalTabsProps = {\n\tsections: { name: string; tabLabel: string; content: React.ReactNode }[];\n};\nexport default function PreferencesModalTabs( {\n\tsections,\n}: PreferencesModalTabsProps ) {\n\tconst isLargeViewport = useViewportMatch( 'medium' );\n\n\t// This is also used to sync the two different rendered components\n\t// between small and large viewports.\n\tconst [ activeMenu, setActiveMenu ] = useState( PREFERENCES_MENU );\n\t/**\n\t * Create helper objects from `sections` for easier data handling.\n\t * `tabs` is used for creating the `Tabs` and `sectionsContentMap`\n\t * is used for easier access to active tab's content.\n\t */\n\tconst { tabs, sectionsContentMap } = useMemo( () => {\n\t\tlet mappedTabs: {\n\t\t\ttabs: { name: string; title: string }[];\n\t\t\tsectionsContentMap: Record< string, React.ReactNode >;\n\t\t} = {\n\t\t\ttabs: [],\n\t\t\tsectionsContentMap: {},\n\t\t};\n\t\tif ( sections.length ) {\n\t\t\tmappedTabs = sections.reduce< typeof mappedTabs >(\n\t\t\t\t( accumulator, { name, tabLabel: title, content } ) => {\n\t\t\t\t\taccumulator.tabs.push( { name, title } );\n\t\t\t\t\taccumulator.sectionsContentMap[ name ] = content;\n\t\t\t\t\treturn accumulator;\n\t\t\t\t},\n\t\t\t\t{ tabs: [], sectionsContentMap: {} }\n\t\t\t);\n\t\t}\n\t\treturn mappedTabs;\n\t}, [ sections ] );\n\n\tlet modalContent;\n\t// We render different components based on the viewport size.\n\tif ( isLargeViewport ) {\n\t\tmodalContent = (\n\t\t\t<div className=\"preferences__tabs\">\n\t\t\t\t<Tabs\n\t\t\t\t\tdefaultTabId={\n\t\t\t\t\t\tactiveMenu !== PREFERENCES_MENU ? activeMenu : undefined\n\t\t\t\t\t}\n\t\t\t\t\tonSelect={ setActiveMenu }\n\t\t\t\t\torientation=\"vertical\"\n\t\t\t\t>\n\t\t\t\t\t<Tabs.TabList className=\"preferences__tabs-tablist\">\n\t\t\t\t\t\t{ tabs.map( ( tab ) => (\n\t\t\t\t\t\t\t<Tabs.Tab\n\t\t\t\t\t\t\t\ttabId={ tab.name }\n\t\t\t\t\t\t\t\tkey={ tab.name }\n\t\t\t\t\t\t\t\tclassName=\"preferences__tabs-tab\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ tab.title }\n\t\t\t\t\t\t\t</Tabs.Tab>\n\t\t\t\t\t\t) ) }\n\t\t\t\t\t</Tabs.TabList>\n\t\t\t\t\t{ tabs.map( ( tab ) => (\n\t\t\t\t\t\t<Tabs.TabPanel\n\t\t\t\t\t\t\ttabId={ tab.name }\n\t\t\t\t\t\t\tkey={ tab.name }\n\t\t\t\t\t\t\tclassName=\"preferences__tabs-tabpanel\"\n\t\t\t\t\t\t\tfocusable={ false }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ sectionsContentMap[ tab.name ] || null }\n\t\t\t\t\t\t</Tabs.TabPanel>\n\t\t\t\t\t) ) }\n\t\t\t\t</Tabs>\n\t\t\t</div>\n\t\t);\n\t} else {\n\t\tmodalContent = (\n\t\t\t<Navigator initialPath=\"/\" className=\"preferences__provider\">\n\t\t\t\t<Navigator.Screen path=\"/\">\n\t\t\t\t\t<Card isBorderless size=\"small\">\n\t\t\t\t\t\t<CardBody>\n\t\t\t\t\t\t\t<ItemGroup>\n\t\t\t\t\t\t\t\t{ tabs.map( ( tab ) => {\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t<Navigator.Button\n\t\t\t\t\t\t\t\t\t\t\tkey={ tab.name }\n\t\t\t\t\t\t\t\t\t\t\tpath={ `/${ tab.name }` }\n\t\t\t\t\t\t\t\t\t\t\t// @ts-expect-error: Navigator.Button is currently typed in a way that prevents Item from being passed in\n\t\t\t\t\t\t\t\t\t\t\tas={ Item }\n\t\t\t\t\t\t\t\t\t\t\tisAction\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t\t\t\t\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Truncate>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{ tab.title }\n\t\t\t\t\t\t\t\t\t\t\t\t\t</Truncate>\n\t\t\t\t\t\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t\t\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ticon={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tisRTL()\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? chevronLeft\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: chevronRight\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t\t\t\t\t\t</HStack>\n\t\t\t\t\t\t\t\t\t\t</Navigator.Button>\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t} ) }\n\t\t\t\t\t\t\t</ItemGroup>\n\t\t\t\t\t\t</CardBody>\n\t\t\t\t\t</Card>\n\t\t\t\t</Navigator.Screen>\n\t\t\t\t{ sections.length &&\n\t\t\t\t\tsections.map( ( section ) => {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<Navigator.Screen\n\t\t\t\t\t\t\t\tkey={ `${ section.name }-menu` }\n\t\t\t\t\t\t\t\tpath={ `/${ section.name }` }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<Card isBorderless size=\"large\">\n\t\t\t\t\t\t\t\t\t<CardHeader\n\t\t\t\t\t\t\t\t\t\tisBorderless={ false }\n\t\t\t\t\t\t\t\t\t\tjustify=\"left\"\n\t\t\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\t\t\tgap=\"6\"\n\t\t\t\t\t\t\t\t\t\tas=\"div\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<Navigator.BackButton\n\t\t\t\t\t\t\t\t\t\t\ticon={\n\t\t\t\t\t\t\t\t\t\t\t\tisRTL()\n\t\t\t\t\t\t\t\t\t\t\t\t\t? chevronRight\n\t\t\t\t\t\t\t\t\t\t\t\t\t: chevronLeft\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tlabel={ __( 'Back' ) }\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t<WCText size=\"16\">\n\t\t\t\t\t\t\t\t\t\t\t{ section.tabLabel }\n\t\t\t\t\t\t\t\t\t\t</WCText>\n\t\t\t\t\t\t\t\t\t</CardHeader>\n\t\t\t\t\t\t\t\t\t<CardBody>{ section.content }</CardBody>\n\t\t\t\t\t\t\t\t</Card>\n\t\t\t\t\t\t\t</Navigator.Screen>\n\t\t\t\t\t\t);\n\t\t\t\t\t} ) }\n\t\t\t</Navigator>\n\t\t);\n\t}\n\n\treturn modalContent;\n}\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
* Internal dependencies
|
|
3
3
|
*/
|
|
4
4
|
import type { BaseOptionProps } from './types';
|
|
5
|
-
declare function BaseOption({ help, label, isChecked, onChange, children
|
|
5
|
+
declare function BaseOption({ help, label, isChecked, onChange, children }: BaseOptionProps): import("react").JSX.Element;
|
|
6
6
|
export default BaseOption;
|
|
7
7
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/preference-base-option/index.tsx"],"names":[],"mappings":"AAIA;;GAEG;AACH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,iBAAS,UAAU,CAAE,EACpB,IAAI,EACJ,KAAK,EACL,SAAS,EACT,QAAQ,EACR,QAAQ,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/preference-base-option/index.tsx"],"names":[],"mappings":"AAIA;;GAEG;AACH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,iBAAS,UAAU,CAAE,EACpB,IAAI,EACJ,KAAK,EACL,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,EAAE,eAAe,+BAYjB;eAEc,UAAU"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/preference-toggle-control/index.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAGvE,MAAM,MAAM,4BAA4B,GAAG;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACrB,GAAG,IAAI,CAAE,eAAe,EAAE,UAAU,GAAG,WAAW,CAAE,CAAC;AAEtD,iBAAS,uBAAuB,CAAE,KAAK,EAAE,4BAA4B,+BAwBpE;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/preference-toggle-control/index.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAGvE,MAAM,MAAM,4BAA4B,GAAG;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACrB,GAAG,IAAI,CAAE,eAAe,EAAE,UAAU,GAAG,WAAW,CAAE,CAAC;AAEtD,iBAAS,uBAAuB,CAAE,KAAK,EAAE,4BAA4B,+BAwBpE;eAEc,uBAAuB"}
|
|
@@ -13,6 +13,6 @@ type PreferenceToggleMenuItemProps = {
|
|
|
13
13
|
onToggle?: () => void;
|
|
14
14
|
disabled?: boolean;
|
|
15
15
|
};
|
|
16
|
-
export default function PreferenceToggleMenuItem({ scope, name, label, info, messageActivated, messageDeactivated, shortcut, handleToggling, onToggle, disabled
|
|
16
|
+
export default function PreferenceToggleMenuItem({ scope, name, label, info, messageActivated, messageDeactivated, shortcut, handleToggling, onToggle, disabled }: PreferenceToggleMenuItemProps): import("react").JSX.Element;
|
|
17
17
|
export {};
|
|
18
18
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/preference-toggle-menu-item/index.tsx"],"names":[],"mappings":"AAcA,KAAK,6BAA6B,GAAG;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,EAAE,MAAM,GAAG;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,CAAC;IAC3D,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AACF,MAAM,CAAC,OAAO,UAAU,wBAAwB,CAAE,EACjD,KAAK,EACL,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,gBAAgB,EAChB,kBAAkB,EAClB,QAAQ,EACR,cAAqB,EACrB,QAAqB,EACrB,QAAgB,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/preference-toggle-menu-item/index.tsx"],"names":[],"mappings":"AAcA,KAAK,6BAA6B,GAAG;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,EAAE,MAAM,GAAG;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,CAAC;IAC3D,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AACF,MAAM,CAAC,OAAO,UAAU,wBAAwB,CAAE,EACjD,KAAK,EACL,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,gBAAgB,EAChB,kBAAkB,EAClB,QAAQ,EACR,cAAqB,EACrB,QAAqB,EACrB,QAAgB,EAChB,EAAE,6BAA6B,+BA+C/B"}
|
|
@@ -2,5 +2,5 @@
|
|
|
2
2
|
* Internal dependencies
|
|
3
3
|
*/
|
|
4
4
|
import type { PreferencesModalProps } from './types';
|
|
5
|
-
export default function PreferencesModal({ closeModal, children
|
|
5
|
+
export default function PreferencesModal({ closeModal, children }: PreferencesModalProps): import("react").JSX.Element;
|
|
6
6
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/preferences-modal/index.tsx"],"names":[],"mappings":"AAKA;;GAEG;AACH,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAErD,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAE,EACzC,UAAU,EACV,QAAQ,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/preferences-modal/index.tsx"],"names":[],"mappings":"AAKA;;GAEG;AACH,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAErD,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAE,EACzC,UAAU,EACV,QAAQ,EACR,EAAE,qBAAqB,+BAUvB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/preferences-modal-section/index.tsx"],"names":[],"mappings":"AAAA,MAAM,MAAM,YAAY,GAAG;IAC1B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,QAAA,MAAM,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/preferences-modal-section/index.tsx"],"names":[],"mappings":"AAAA,MAAM,MAAM,YAAY,GAAG;IAC1B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,QAAA,MAAM,OAAO,qCAAuC,YAAY,gCAY/D,CAAC;eAEa,OAAO"}
|
|
@@ -5,5 +5,5 @@ export type PreferencesModalTabsProps = {
|
|
|
5
5
|
content: React.ReactNode;
|
|
6
6
|
}[];
|
|
7
7
|
};
|
|
8
|
-
export default function PreferencesModalTabs({ sections
|
|
8
|
+
export default function PreferencesModalTabs({ sections }: PreferencesModalTabsProps): import("react").JSX.Element;
|
|
9
9
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/preferences-modal-tabs/index.tsx"],"names":[],"mappings":"AA8BA,MAAM,MAAM,yBAAyB,GAAG;IACvC,QAAQ,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;KAAE,EAAE,CAAC;CACzE,CAAC;AACF,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAE,EAC7C,QAAQ,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/preferences-modal-tabs/index.tsx"],"names":[],"mappings":"AA8BA,MAAM,MAAM,yBAAyB,GAAG;IACvC,QAAQ,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;KAAE,EAAE,CAAC;CACzE,CAAC;AACF,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAE,EAC7C,QAAQ,EACR,EAAE,yBAAyB,+BAgJ3B"}
|
|
@@ -10,8 +10,8 @@ import type { ActionObject, StoreState, WPPreferencesPersistenceLayer } from './
|
|
|
10
10
|
* @param {string} name The preference name.
|
|
11
11
|
*/
|
|
12
12
|
export declare function toggle(scope: string, name: string): ({ select, dispatch }: {
|
|
13
|
-
select: any;
|
|
14
13
|
dispatch: any;
|
|
14
|
+
select: any;
|
|
15
15
|
}) => void;
|
|
16
16
|
type SetAction = ActionObject<'SET_PREFERENCE_VALUE', {
|
|
17
17
|
scope: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"actions.d.ts","sourceRoot":"","sources":["../../src/store/actions.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EACX,YAAY,EACZ,UAAU,EACV,6BAA6B,EAC7B,MAAM,SAAS,CAAC;AAEjB;;;;;;GAMG;AACH,wBAAgB,MAAM,CAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM
|
|
1
|
+
{"version":3,"file":"actions.d.ts","sourceRoot":"","sources":["../../src/store/actions.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EACX,YAAY,EACZ,UAAU,EACV,6BAA6B,EAC7B,MAAM,SAAS,CAAC;AAEjB;;;;;;GAMG;AACH,wBAAgB,MAAM,CAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM;;;WAMlD;AAED,KAAK,SAAS,GAAG,YAAY,CAC5B,sBAAsB,EACtB;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,GAAG,CAAA;CAAE,CAC3C,CAAC;AAEF;;;;;;;;;GASG;AACH,wBAAgB,GAAG,CAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,GAAI,SAAS,CAOxE;AAED,KAAK,cAAc,GAAG,UAAU,CAAE,UAAU,CAAE,CAAE,MAAM,CAAE,CAAC;AACzD,KAAK,iBAAiB,GAAG,YAAY,CACpC,yBAAyB,EACzB;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,cAAc,CAAA;CAAE,CAC3C,CAAC;AAEF;;;;;;;;GAQG;AACH,wBAAgB,WAAW,CAC1B,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,cAAc,GACtB,iBAAiB,CAMnB;AAED,KAAK,yBAAyB,CAAE,CAAC,SAAS,MAAM,IAAK,YAAY,CAChE,uBAAuB,EACvB;IACC,gBAAgB,EAAE,6BAA6B,CAAE,CAAC,CAAE,CAAC;IACrD,aAAa,EAAE,CAAC,CAAC;CACjB,CACD,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AACH,wBAAsB,mBAAmB,CAAE,CAAC,SAAS,MAAM,EAC1D,gBAAgB,EAAE,6BAA6B,CAAE,CAAC,CAAE,GAClD,OAAO,CAAE,yBAAyB,CAAE,CAAC,CAAE,CAAE,CAO3C;AAED,MAAM,MAAM,gBAAgB,GACzB,SAAS,GACT,iBAAiB,GACjB,yBAAyB,CAAE,GAAG,CAAE,CAAC"}
|
|
@@ -14,7 +14,7 @@ import type { AvailableActions } from './actions';
|
|
|
14
14
|
*
|
|
15
15
|
* @return Updated state.
|
|
16
16
|
*/
|
|
17
|
-
export declare function defaults(state: StoreState[
|
|
17
|
+
export declare function defaults(state: StoreState['defaults'] | undefined, action: AvailableActions): StoreState['defaults'];
|
|
18
18
|
/**
|
|
19
19
|
* Reducer returning the user preferences.
|
|
20
20
|
*
|
|
@@ -23,7 +23,7 @@ export declare function defaults(state: StoreState["defaults"] | undefined, acti
|
|
|
23
23
|
*
|
|
24
24
|
* @return {Object} Updated state.
|
|
25
25
|
*/
|
|
26
|
-
export declare const preferences: (state: StoreState[
|
|
26
|
+
export declare const preferences: (state: StoreState['preferences'], action: AvailableActions) => any;
|
|
27
27
|
declare const _default: import("redux").Reducer<{
|
|
28
28
|
defaults: {
|
|
29
29
|
[x: string]: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"reducer.d.ts","sourceRoot":"","sources":["../../src/store/reducer.ts"],"names":[],"mappings":"AAIA;;GAEG;AACH,OAAO,KAAK,EAAE,UAAU,EAAiC,MAAM,SAAS,CAAC;AACzE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAElD;;;;;;;;;;GAUG;AACH,wBAAgB,QAAQ,CACvB,KAAK,EAAE,UAAU,CAAE,UAAU,CAAE,YAAK,EACpC,MAAM,EAAE,gBAAgB,GACtB,UAAU,CAAE,UAAU,CAAE,CAa1B;AAsCD;;;;;;;GAOG;AACH,eAAO,MAAM,WAAW,UA1BP,UAAU,CAAE,aAAa,CAAE,UAAU,gBAAgB,QAuCnE,CAAC
|
|
1
|
+
{"version":3,"file":"reducer.d.ts","sourceRoot":"","sources":["../../src/store/reducer.ts"],"names":[],"mappings":"AAIA;;GAEG;AACH,OAAO,KAAK,EAAE,UAAU,EAAiC,MAAM,SAAS,CAAC;AACzE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAElD;;;;;;;;;;GAUG;AACH,wBAAgB,QAAQ,CACvB,KAAK,EAAE,UAAU,CAAE,UAAU,CAAE,YAAK,EACpC,MAAM,EAAE,gBAAgB,GACtB,UAAU,CAAE,UAAU,CAAE,CAa1B;AAsCD;;;;;;;GAOG;AACH,eAAO,MAAM,WAAW,UA1BP,UAAU,CAAE,aAAa,CAAE,UAAU,gBAAgB,QAuCnE,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@wordpress/preferences",
|
|
3
|
-
"version": "4.45.0",
|
|
3
|
+
"version": "4.45.1-next.v.202605131032.0+f6d6e7149",
|
|
4
4
|
"description": "Utilities for managing WordPress preferences.",
|
|
5
5
|
"author": "The WordPress Contributors",
|
|
6
6
|
"license": "GPL-2.0-or-later",
|
|
@@ -51,16 +51,16 @@
|
|
|
51
51
|
],
|
|
52
52
|
"sideEffects": false,
|
|
53
53
|
"dependencies": {
|
|
54
|
-
"@wordpress/a11y": "^4.45.0",
|
|
55
|
-
"@wordpress/base-styles": "^
|
|
56
|
-
"@wordpress/components": "^33.
|
|
57
|
-
"@wordpress/compose": "^7.45.0",
|
|
58
|
-
"@wordpress/data": "^10.45.0",
|
|
59
|
-
"@wordpress/deprecated": "^4.45.0",
|
|
60
|
-
"@wordpress/element": "^6.45.0",
|
|
61
|
-
"@wordpress/i18n": "^6.18.0",
|
|
62
|
-
"@wordpress/icons": "^13.0.0",
|
|
63
|
-
"@wordpress/private-apis": "^1.45.0",
|
|
54
|
+
"@wordpress/a11y": "^4.45.1-next.v.202605131032.0+f6d6e7149",
|
|
55
|
+
"@wordpress/base-styles": "^8.0.1-next.v.202605131032.0+f6d6e7149",
|
|
56
|
+
"@wordpress/components": "^33.1.1-next.v.202605131032.0+f6d6e7149",
|
|
57
|
+
"@wordpress/compose": "^7.45.1-next.v.202605131032.0+f6d6e7149",
|
|
58
|
+
"@wordpress/data": "^10.45.1-next.v.202605131032.0+f6d6e7149",
|
|
59
|
+
"@wordpress/deprecated": "^4.45.1-next.v.202605131032.0+f6d6e7149",
|
|
60
|
+
"@wordpress/element": "^6.45.1-next.v.202605131032.0+f6d6e7149",
|
|
61
|
+
"@wordpress/i18n": "^6.18.1-next.v.202605131032.0+f6d6e7149",
|
|
62
|
+
"@wordpress/icons": "^13.0.1-next.v.202605131032.0+f6d6e7149",
|
|
63
|
+
"@wordpress/private-apis": "^1.45.1-next.v.202605131032.0+f6d6e7149",
|
|
64
64
|
"clsx": "^2.1.1"
|
|
65
65
|
},
|
|
66
66
|
"peerDependencies": {
|
|
@@ -70,5 +70,5 @@
|
|
|
70
70
|
"publishConfig": {
|
|
71
71
|
"access": "public"
|
|
72
72
|
},
|
|
73
|
-
"gitHead": "
|
|
73
|
+
"gitHead": "0e198c7ac7ca634e73ded9220ce048c0302174dd"
|
|
74
74
|
}
|
|
@@ -110,10 +110,10 @@ export default function PreferencesModalTabs( {
|
|
|
110
110
|
<ItemGroup>
|
|
111
111
|
{ tabs.map( ( tab ) => {
|
|
112
112
|
return (
|
|
113
|
-
// @ts-expect-error: Navigator.Button is currently typed in a way that prevents Item from being passed in
|
|
114
113
|
<Navigator.Button
|
|
115
114
|
key={ tab.name }
|
|
116
115
|
path={ `/${ tab.name }` }
|
|
116
|
+
// @ts-expect-error: Navigator.Button is currently typed in a way that prevents Item from being passed in
|
|
117
117
|
as={ Item }
|
|
118
118
|
isAction
|
|
119
119
|
>
|