@develemit/commerce-admin 0.6.0 → 0.8.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.
Files changed (81) hide show
  1. package/CHANGELOG.md +148 -0
  2. package/README.md +88 -9
  3. package/dist/client/admin-client.d.ts +4 -2
  4. package/dist/client/errors.d.ts +9 -0
  5. package/dist/client/index.js +1 -1
  6. package/dist/client-ClTCzt-p.js +190 -0
  7. package/dist/client-ClTCzt-p.js.map +1 -0
  8. package/dist/components/admin-layout/admin-layout.d.ts +6 -6
  9. package/dist/components/admin-layout/current-item.d.ts +1 -0
  10. package/dist/components/admin-layout/nav-icons.d.ts +9 -0
  11. package/dist/components/admin-layout/nav-items.d.ts +39 -0
  12. package/dist/components/admin-layout/use-current-href.d.ts +1 -0
  13. package/dist/components/admin-layout/use-more-sheet.d.ts +5 -0
  14. package/dist/components/empty-state/empty-state.d.ts +10 -0
  15. package/dist/components/notice/notice.d.ts +5 -1
  16. package/dist/components/page-header/admin-page-header.d.ts +8 -0
  17. package/dist/components/setup-checklist/setup-checklist.d.ts +15 -0
  18. package/dist/components/switch/switch.d.ts +7 -0
  19. package/dist/index.d.ts +12 -0
  20. package/dist/index.js +3758 -1276
  21. package/dist/index.js.map +1 -1
  22. package/dist/lib/admin-labels.d.ts +5 -0
  23. package/dist/lib/currency-symbol.d.ts +1 -0
  24. package/dist/lib/discount-labels.d.ts +1 -0
  25. package/dist/lib/fill-alts.d.ts +3 -0
  26. package/dist/lib/order-action-labels.d.ts +2 -0
  27. package/dist/lib/order-labels.d.ts +1 -0
  28. package/dist/lib/product-draft.d.ts +14 -0
  29. package/dist/lib/product-flow-labels.d.ts +63 -0
  30. package/dist/lib/product-labels.d.ts +61 -0
  31. package/dist/lib/product-missing.d.ts +4 -0
  32. package/dist/lib/product-sheet-actions.d.ts +13 -0
  33. package/dist/lib/provider.d.ts +2 -0
  34. package/dist/lib/shipping-labels.d.ts +2 -0
  35. package/dist/lib/stock-labels.d.ts +43 -0
  36. package/dist/lib/use-batch-upload.d.ts +39 -0
  37. package/dist/lib/use-focus-trap.d.ts +2 -0
  38. package/dist/lib/use-image-upload.d.ts +3 -2
  39. package/dist/lib/use-product-autosave.d.ts +99 -0
  40. package/dist/lib/use-product-pages.d.ts +3 -2
  41. package/dist/styles.css +1743 -57
  42. package/dist/views/orders/admin-order-detail.d.ts +2 -1
  43. package/dist/views/orders/order-actions.d.ts +2 -1
  44. package/dist/views/orders/resolve-button.d.ts +3 -1
  45. package/dist/views/orders/ship-form.d.ts +4 -1
  46. package/dist/views/products/add-several/admin-add-several.d.ts +5 -0
  47. package/dist/views/products/add-several/photo-picker.d.ts +9 -0
  48. package/dist/views/products/admin-product-editor.d.ts +3 -1
  49. package/dist/views/products/admin-product-images.d.ts +2 -0
  50. package/dist/views/products/admin-product-list.d.ts +13 -1
  51. package/dist/views/products/finish-drafts/admin-finish-drafts.d.ts +7 -0
  52. package/dist/views/products/finish-drafts/piece-card.d.ts +10 -0
  53. package/dist/views/products/finish-drafts/piece-fields.d.ts +7 -0
  54. package/dist/views/products/finish-drafts/piece-summary.d.ts +11 -0
  55. package/dist/views/products/finish-drafts/use-publish-pieces.d.ts +54 -0
  56. package/dist/views/products/product-card.d.ts +6 -0
  57. package/dist/views/products/product-flow/admin-product-flow.d.ts +15 -0
  58. package/dist/views/products/product-flow/basics-section.d.ts +6 -0
  59. package/dist/views/products/product-flow/flow-actions.d.ts +13 -0
  60. package/dist/views/products/product-flow/flow-frame.d.ts +30 -0
  61. package/dist/views/products/product-flow/flow-images.d.ts +7 -0
  62. package/dist/views/products/product-flow/flow-section-props.d.ts +5 -0
  63. package/dist/views/products/product-flow/flow-success.d.ts +8 -0
  64. package/dist/views/products/product-flow/flow-test-helpers.d.ts +12 -0
  65. package/dist/views/products/product-flow/materials-field.d.ts +6 -0
  66. package/dist/views/products/product-flow/photos-section.d.ts +9 -0
  67. package/dist/views/products/product-flow/preview-section.d.ts +10 -0
  68. package/dist/views/products/product-flow/story-section.d.ts +8 -0
  69. package/dist/views/products/product-flow/use-product-flow.d.ts +143 -0
  70. package/dist/views/products/product-sheet/admin-product-sheet.d.ts +8 -0
  71. package/dist/views/products/product-sheet/delete-draft-button.d.ts +9 -0
  72. package/dist/views/products/product-sheet/sheet-carousel.d.ts +4 -0
  73. package/dist/views/products/product-sheet/sheet-edit-link.d.ts +14 -0
  74. package/dist/views/products/product-sheet/use-product-change.d.ts +16 -0
  75. package/dist/views/products/product-toolbar.d.ts +10 -0
  76. package/dist/views/products/product-welcome.d.ts +8 -0
  77. package/dist/views/shipping/admin-shipping-rates.d.ts +6 -1
  78. package/dist/views/shipping/shipping-rate-row.d.ts +2 -1
  79. package/package.json +11 -3
  80. package/dist/client-CSjuKdIE.js +0 -178
  81. package/dist/client-CSjuKdIE.js.map +0 -1
@@ -1,13 +1,13 @@
1
1
  import { ReactNode } from 'react';
2
- export interface ExtraNavItem {
3
- href: string;
4
- label: string;
5
- position?: 'start' | 'end';
6
- }
2
+ import { ExtraNavItem, NavBadges } from './nav-items';
3
+ export type { ExtraNavItem, NavBadges } from './nav-items';
4
+ export { adminNavIcons } from './nav-icons';
7
5
  export interface AdminLayoutProps {
8
6
  children: ReactNode;
9
7
  extraNav?: ExtraNavItem[];
8
+ navBadges?: NavBadges;
10
9
  header?: ReactNode;
11
10
  footer?: ReactNode;
11
+ currentHref?: string;
12
12
  }
13
- export declare function AdminLayout({ children, extraNav, header, footer, }: AdminLayoutProps): import('react').JSX.Element;
13
+ export declare function AdminLayout({ children, extraNav, navBadges, header, footer, currentHref, }: AdminLayoutProps): import('react').JSX.Element;
@@ -0,0 +1 @@
1
+ export declare function findCurrentHref(hrefs: string[], currentHref: string | undefined): string | undefined;
@@ -0,0 +1,9 @@
1
+ import { ReactNode } from 'react';
2
+ export declare const adminNavIcons: {
3
+ products: ReactNode;
4
+ orders: ReactNode;
5
+ shipping: ReactNode;
6
+ discounts: ReactNode;
7
+ more: ReactNode;
8
+ dot: ReactNode;
9
+ };
@@ -0,0 +1,39 @@
1
+ import { ReactNode } from 'react';
2
+ export interface ExtraNavItem {
3
+ href: string;
4
+ label: string;
5
+ position?: 'start' | 'end';
6
+ icon?: ReactNode;
7
+ badge?: number | string;
8
+ }
9
+ export interface NavBadges {
10
+ products?: number | string;
11
+ orders?: number | string;
12
+ shippingRates?: number | string;
13
+ }
14
+ export interface NavItem {
15
+ href: string;
16
+ label: string;
17
+ icon: ReactNode;
18
+ badge?: number | string;
19
+ badgeLabel?: string;
20
+ }
21
+ export declare const TAB_BAR_SLOTS = 5;
22
+ interface KitHrefs {
23
+ products: string;
24
+ orders: string;
25
+ shippingRates: string;
26
+ }
27
+ interface KitLabels {
28
+ products: string;
29
+ orders: string;
30
+ shippingRates: string;
31
+ badge: (count: number | string) => string;
32
+ productsBadge: (count: number | string) => string;
33
+ }
34
+ export declare function buildNavItems(hrefs: KitHrefs, labels: KitLabels, extraNav: ExtraNavItem[], badges: NavBadges): NavItem[];
35
+ export declare function splitForTabBar(items: NavItem[]): {
36
+ bar: NavItem[];
37
+ overflow: NavItem[];
38
+ };
39
+ export {};
@@ -0,0 +1 @@
1
+ export declare function useCurrentHref(explicit: string | undefined): string | undefined;
@@ -0,0 +1,5 @@
1
+ export declare function useMoreSheet(): {
2
+ open: boolean;
3
+ close: () => void;
4
+ toggle: () => void;
5
+ };
@@ -0,0 +1,10 @@
1
+ import { ReactNode } from 'react';
2
+ export type EmptyStateIcon = 'orders' | 'discounts' | 'shipping' | 'search' | 'products';
3
+ export interface EmptyStateProps {
4
+ icon: EmptyStateIcon;
5
+ title: ReactNode;
6
+ body?: ReactNode;
7
+ action?: ReactNode;
8
+ children?: ReactNode;
9
+ }
10
+ export declare function EmptyState({ icon, title, body, action, children, }: EmptyStateProps): import('react').JSX.Element;
@@ -5,5 +5,9 @@ export interface NoticeProps {
5
5
  toast?: boolean;
6
6
  duration?: number;
7
7
  onDismiss?: () => void;
8
+ action?: {
9
+ label: string;
10
+ onAction: () => void;
11
+ };
8
12
  }
9
- export declare function Notice({ variant, children, toast, duration, onDismiss, }: NoticeProps): import('react').JSX.Element;
13
+ export declare function Notice({ variant, children, toast, duration, onDismiss, action, }: NoticeProps): import('react').JSX.Element;
@@ -0,0 +1,8 @@
1
+ import { ReactNode } from 'react';
2
+ export interface AdminPageHeaderProps {
3
+ title: ReactNode;
4
+ actions?: ReactNode;
5
+ floatingAction?: ReactNode;
6
+ children?: ReactNode;
7
+ }
8
+ export declare function AdminPageHeader({ title, actions, floatingAction, children, }: AdminPageHeaderProps): import('react').JSX.Element;
@@ -0,0 +1,15 @@
1
+ export interface SetupStep {
2
+ id: string;
3
+ title: string;
4
+ detail?: string;
5
+ done: boolean;
6
+ href?: string;
7
+ onSelect?: () => void;
8
+ locked?: boolean;
9
+ lockedDetail?: string;
10
+ }
11
+ export interface AdminSetupChecklistProps {
12
+ steps: SetupStep[];
13
+ compact?: boolean;
14
+ }
15
+ export declare function AdminSetupChecklist({ steps, compact, }: AdminSetupChecklistProps): import('react').JSX.Element | null;
@@ -0,0 +1,7 @@
1
+ export interface SwitchProps {
2
+ id: string;
3
+ label: string;
4
+ checked: boolean;
5
+ onChange: (checked: boolean) => void;
6
+ }
7
+ export declare function Switch({ id, label, checked, onChange }: SwitchProps): import('react').JSX.Element;
package/dist/index.d.ts CHANGED
@@ -2,6 +2,7 @@ export * from './lib/provider';
2
2
  export * from './lib/use-admin-query';
3
3
  export * from './lib/use-admin-mutation';
4
4
  export * from './components/admin-layout/admin-layout';
5
+ export * from './components/page-header/admin-page-header';
5
6
  export * from './components/admin-table/admin-table';
6
7
  export * from './components/status-badge/status-badge';
7
8
  export * from './components/money/money';
@@ -10,7 +11,13 @@ export * from './components/notice/notice';
10
11
  export * from './components/error-message/error-message';
11
12
  export type { AdminClient } from './client';
12
13
  export * from './views/products/admin-product-list';
14
+ export * from './views/products/product-sheet/admin-product-sheet';
15
+ export * from './components/setup-checklist/setup-checklist';
13
16
  export * from './views/products/admin-product-editor';
17
+ export * from './views/products/product-flow/admin-product-flow';
18
+ export type { ProductFlowLabels } from './lib/product-flow-labels';
19
+ export type { EditProduct } from './views/products/product-sheet/sheet-edit-link';
20
+ export * from './components/switch/switch';
14
21
  export * from './views/products/admin-product-images';
15
22
  export type { ImageLabels } from './lib/image-labels';
16
23
  export type { ProductLabels, ProductFilter } from './lib/product-labels';
@@ -21,7 +28,12 @@ export type { OrderLabels, OrderTab } from './lib/order-labels';
21
28
  export * from './views/orders/order-actions';
22
29
  export type { OrderActionLabels } from './lib/order-action-labels';
23
30
  export * from './views/shipping/admin-shipping-rates';
31
+ export * from './components/empty-state/empty-state';
24
32
  export type { ShippingLabels } from './lib/shipping-labels';
25
33
  export * from './views/discounts/admin-discount-list';
26
34
  export * from './views/discounts/admin-discount-editor';
27
35
  export type { DiscountLabels, DiscountTab } from './lib/discount-labels';
36
+ export * from './views/products/add-several/admin-add-several';
37
+ export * from './views/products/finish-drafts/admin-finish-drafts';
38
+ export type { PublishOutcome } from './views/products/finish-drafts/use-publish-pieces';
39
+ export type { StockLabels } from './lib/stock-labels';