@automattic/launchpad 1.0.1 → 1.1.0-rc.2

package/dist/types/action-components/share-site-modal/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/action-components/share-site-modal/index.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAE3D,OAAO,cAAc,CAAC;AAEtB,UAAU,mBAAmB;IAC5B,cAAc,EAAE,CAAE,MAAM,EAAE,OAAO,KAAM,IAAI,CAAC;IAC5C,IAAI,EAAE,WAAW,GAAG,IAAI,CAAC;CACzB;AAED,QAAA,MAAM,cAAc,6BAA+B,mBAAmB,4CAiFrE,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/action-components/share-site-modal/index.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAE3D,OAAO,cAAc,CAAC;AAEtB,UAAU,mBAAmB;IAC5B,cAAc,EAAE,CAAE,MAAM,EAAE,OAAO,KAAM,IAAI,CAAC;IAC5C,IAAI,EAAE,WAAW,GAAG,IAAI,CAAC;CACzB;AAED,QAAA,MAAM,cAAc,6BAA+B,mBAAmB,4CAqFrE,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/types/checklist-item/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/checklist-item/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACjD,OAAO,KAAK,EAAE,EAAE,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAErC,OAAO,cAAc,CAAC;AAEtB,UAAU,KAAK;IACd,GAAG,CAAC,EAAE,GAAG,CAAC;IACV,IAAI,EAAE,IAAI,CAAC;IACX,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,QAAA,MAAM,aAAa,EAAE,EAAE,CAAE,KAAK,CAwG7B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,EAQzB,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/checklist-item/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACjD,OAAO,KAAK,EAAE,EAAE,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAErC,OAAO,cAAc,CAAC;AAEtB,UAAU,KAAK;IACd,GAAG,CAAC,EAAE,GAAG,CAAC;IACV,IAAI,EAAE,IAAI,CAAC;IACX,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,QAAA,MAAM,aAAa,EAAE,EAAE,CAAE,KAAK,CAuG7B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,EAQzB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@automattic/launchpad",
-  "version": "1.0.1",
+  "version": "1.1.0-rc.2",
   "description": "Launchpad components.",
   "homepage": "https://github.com/Automattic/wp-calypso",
   "license": "GPL-2.0-or-later",
@@ -30,10 +30,17 @@
     "storybook": "sb dev"
   },
   "dependencies": {
-    "@automattic/components": "^2.1.1",
-    "@automattic/data-stores": "^3.0.1",
+    "@automattic/calypso-analytics": "^1.1.2",
+    "@automattic/components": "^2.2.0-rc.1",
+    "@automattic/data-stores": "^3.1.0-rc.2",
     "@automattic/i18n-utils": "^1.2.3",
+    "@automattic/typography": "^1.0.0",
+    "@automattic/viewport": "^1.1.0",
+    "@tanstack/react-query": "^5.15.5",
+    "@wordpress/base-styles": "^5.8.0",
     "@wordpress/components": "^28.8.0",
+    "@wordpress/icons": "^10.8.0",
+    "@wordpress/url": "^4.8.0",
     "clsx": "^2.1.1",
     "tslib": "^2.3.0",
     "utility-types": "^3.10.0",

package/src/action-components/share-site-modal/index.tsx

@@ -2,8 +2,8 @@ import { Popover } from '@automattic/components';
 import { updateLaunchpadSettings } from '@automattic/data-stores';
 import { useQueryClient } from '@tanstack/react-query';
 import { Button, Modal } from '@wordpress/components';
+import { __ } from '@wordpress/i18n';
 import { Icon, link } from '@wordpress/icons';
-import { useTranslate } from 'i18n-calypso';
 import { useState, useRef } from 'react';
 import type { SiteDetails } from '@automattic/data-stores';
 
@@ -15,7 +15,6 @@ interface ShareSiteModalProps {
 }
 
 const ShareSiteModal = ( { setModalIsOpen, site }: ShareSiteModalProps ) => {
-	const translate = useTranslate();
 	const queryClient = useQueryClient();
 	const getSiteSlug = ( site: SiteDetails | null ): string | null => {
 		if ( ! site ) {
@@ -57,9 +56,14 @@ const ShareSiteModal = ( { setModalIsOpen, site }: ShareSiteModalProps ) => {
 			>
 				<div className="share-site-modal__modal-content">
 					<div className="share-site-modal__modal-text">
-						<h1 className="share-site-modal__modal-heading">{ translate( 'Share your site' ) }</h1>
+						<h1 className="share-site-modal__modal-heading">
+							{ __( 'Share your site', 'launchpad' ) }
+						</h1>
 						<p className="share-site-modal__modal-body">
-							{ translate( 'Now you can head over to your site and share it with the world.' ) }
+							{ __(
+								'Now you can head over to your site and share it with the world.',
+								'launchpad'
+							) }
 						</p>
 					</div>
 					<div className="share-site-modal__modal-actions">
@@ -75,7 +79,7 @@ const ShareSiteModal = ( { setModalIsOpen, site }: ShareSiteModalProps ) => {
 									context={ clipboardTextEl.current }
 									position="top"
 								>
-									{ translate( 'Copied to clipboard!' ) }
+									{ __( 'Copied to clipboard!', 'launchpad' ) }
 								</Popover>
 							</div>
 
@@ -86,7 +90,7 @@ const ShareSiteModal = ( { setModalIsOpen, site }: ShareSiteModalProps ) => {
 							>
 								<Icon icon={ link } size={ 22 } />
 								<span className="share-site-modal__modal-view-site-text">
-									{ translate( 'Copy' ) }
+									{ __( 'Copy', 'launchpad' ) }
 								</span>
 							</Button>
 						</div>

package/src/checklist-item/index.tsx

@@ -1,7 +1,7 @@
 import { Badge, Gridicon } from '@automattic/components';
 import { Button } from '@wordpress/components';
+import { __, isRTL } from '@wordpress/i18n';
 import clsx from 'clsx';
-import { translate, useRtl } from 'i18n-calypso';
 import type { Task, Expandable } from '../types';
 import type { FC, Key } from 'react';
 
@@ -16,7 +16,6 @@ interface Props {
 }
 
 const ChecklistItem: FC< Props > = ( { task, isPrimaryAction, expandable, onClick } ) => {
-	const isRtl = useRtl();
 	const { id, completed, disabled = false, title, subtitle, actionDispatch } = task;
 
 	// If the task says we should use the Calypso path, ensure we use that link for the button's href.
@@ -79,7 +78,7 @@ const ChecklistItem: FC< Props > = ( { task, isPrimaryAction, expandable, onClic
 						// show checkmark for completed tasks regardless if they are disabled or kept active
 						<div className="checklist-item__checkmark-container">
 							<Gridicon
-								aria-label={ translate( 'Task complete' ) }
+								aria-label={ __( 'Task complete', 'launchpad' ) }
 								className="checklist-item__checkmark"
 								icon="checkmark"
 								size={ 18 }
@@ -95,9 +94,9 @@ const ChecklistItem: FC< Props > = ( { task, isPrimaryAction, expandable, onClic
 					) }
 					{ shouldDisplayChevron && (
 						<Gridicon
-							aria-label={ translate( 'Task enabled' ) }
+							aria-label={ __( 'Task enabled', 'launchpad' ) }
 							className="checklist-item__chevron"
-							icon={ `chevron-${ isRtl ? 'left' : 'right' }` }
+							icon={ `chevron-${ isRTL() ? 'left' : 'right' }` }
 							size={ 18 }
 						/>
 					) }