@measured/puck-plugin-heading-analyzer 0.14.0-canary.4932a6e → 0.14.0-canary.4c77ac5

package/README.md

@@ -13,6 +13,7 @@ npm i @measured/puck-plugin-heading-analyzer
 ```jsx
 import { Puck } from "@measured/puck";
 import headingAnalyzer from "@measured/puck-plugin-heading-analyzer";
+import "@measured/puck-plugin-heading-analyzer/dist/index.css";
 
 ...
 
@@ -30,4 +31,4 @@ export function Page() {
 
 ## License
 
-MIT © [Measured Co.](https://github.com/measuredco)
+MIT © [Measured Corporation Ltd](https://measured.co)

package/dist/index.css

@@ -1,60 +1,76 @@
 /* css-module:/home/runner/work/puck/puck/packages/core/components/SidebarSection/styles.module.css/#css-module-data */
-._SidebarSection_170gs_1 {
+._SidebarSection_125qe_1 {
   display: flex;
   position: relative;
   flex-direction: column;
-  color: black;
+  color: var(--puck-color-black);
 }
-._SidebarSection_170gs_1:last-of-type {
+._SidebarSection_125qe_1:last-of-type {
   flex-grow: 1;
 }
-._SidebarSection-title_170gs_12 {
-  background: white;
+._SidebarSection-title_125qe_12 {
+  background: var(--puck-color-white);
   padding: 16px;
-  border-bottom: 1px solid var(--puck-color-grey-8);
-  border-top: 1px solid var(--puck-color-grey-8);
+  border-bottom: 1px solid var(--puck-color-grey-09);
+  border-top: 1px solid var(--puck-color-grey-09);
   overflow-x: auto;
 }
-._SidebarSection--noBorderTop_170gs_20 > ._SidebarSection-title_170gs_12 {
+._SidebarSection--noBorderTop_125qe_20 > ._SidebarSection-title_125qe_12 {
   border-top: 0px;
 }
-._SidebarSection-content_170gs_24 {
+._SidebarSection-content_125qe_24 {
   padding: 16px;
 }
-._SidebarSection--noPadding_170gs_28 > ._SidebarSection-content_170gs_24 {
+._SidebarSection--noPadding_125qe_28 > ._SidebarSection-content_125qe_24 {
   padding: 0px;
 }
-._SidebarSection--noPadding_170gs_28 > ._SidebarSection-content_170gs_24:last-child {
+._SidebarSection--noPadding_125qe_28 > ._SidebarSection-content_125qe_24:last-child {
   padding-bottom: 4px;
 }
-._SidebarSection_170gs_1:last-of-type ._SidebarSection-content_170gs_24 {
+._SidebarSection_125qe_1:last-of-type ._SidebarSection-content_125qe_24 {
   border-bottom: none;
   flex-grow: 1;
 }
-._SidebarSection-breadcrumbLabel_170gs_41 {
-  color: var(--puck-color-azure-3);
+._SidebarSection-breadcrumbLabel_125qe_41 {
+  background: none;
+  border: 0;
+  border-radius: 2px;
+  color: var(--puck-color-azure-04);
+  cursor: pointer;
+  font: inherit;
   flex-shrink: 0;
+  padding: 0;
+  transition: color 50ms ease-in;
 }
-._SidebarSection-breadcrumbLabel_170gs_41:hover {
-  color: var(--puck-color-azure-4);
-  cursor: pointer;
-  text-decoration: underline;
+._SidebarSection-breadcrumbLabel_125qe_41:focus-visible {
+  outline: 2px solid var(--puck-color-azure-05);
+  outline-offset: 2px;
+}
+@media (hover: hover) and (pointer: fine) {
+  ._SidebarSection-breadcrumbLabel_125qe_41:hover {
+    color: var(--puck-color-azure-03);
+    transition: none;
+  }
 }
-._SidebarSection-breadcrumbs_170gs_52 {
+._SidebarSection-breadcrumbLabel_125qe_41:active {
+  color: var(--puck-color-azure-02);
+  transition: none;
+}
+._SidebarSection-breadcrumbs_125qe_70 {
   align-items: center;
   display: flex;
   gap: 4px;
 }
-._SidebarSection-breadcrumb_170gs_41 {
+._SidebarSection-breadcrumb_125qe_41 {
   align-items: center;
   display: flex;
   gap: 4px;
 }
-._SidebarSection-heading_170gs_64 {
+._SidebarSection-heading_125qe_82 {
   padding-right: 16px;
 }
-._SidebarSection-loadingOverlay_170gs_68 {
-  background: white;
+._SidebarSection-loadingOverlay_125qe_86 {
+  background: var(--puck-color-white);
   display: flex;
   justify-content: center;
   align-items: center;
@@ -69,54 +85,53 @@
 }
 
 /* css-module:/home/runner/work/puck/puck/packages/core/components/Heading/styles.module.css/#css-module-data */
-._Heading_1bvy5_1 {
+._Heading_qxrry_1 {
   display: block;
   color: var(--puck-color-black);
-  font-family: var(--puck-font-stack);
   font-weight: 700;
   margin: 0;
 }
-._Heading_1bvy5_1 b {
+._Heading_qxrry_1 b {
   font-weight: 700;
 }
-._Heading--xxxxl_1bvy5_13 {
+._Heading--xxxxl_qxrry_12 {
   font-size: var(--puck-font-size-xxxxl);
   letter-spacing: 0.08ch;
   font-weight: 800;
 }
-._Heading--xxxl_1bvy5_19 {
+._Heading--xxxl_qxrry_18 {
   font-size: var(--puck-font-size-xxxl);
 }
-._Heading--xxl_1bvy5_23 {
+._Heading--xxl_qxrry_22 {
   font-size: var(--puck-font-size-xxl);
 }
-._Heading--xl_1bvy5_27 {
+._Heading--xl_qxrry_26 {
   font-size: var(--puck-font-size-xl);
 }
-._Heading--l_1bvy5_31 {
+._Heading--l_qxrry_30 {
   font-size: var(--puck-font-size-l);
 }
-._Heading--m_1bvy5_35 {
+._Heading--m_qxrry_34 {
   font-size: var(--puck-font-size-m);
 }
-._Heading--s_1bvy5_39 {
+._Heading--s_qxrry_38 {
   font-size: var(--puck-font-size-s);
 }
-._Heading--xs_1bvy5_43 {
+._Heading--xs_qxrry_42 {
   font-size: var(--puck-font-size-xs);
 }
 
 /* css-module:/home/runner/work/puck/puck/packages/core/components/OutlineList/styles.module.css/#css-module-data */
-._OutlineList_1nwoz_1 {
-  color: var(--puck-color-grey-2);
-  font-family: var(--puck-font-stack);
+._OutlineList_18bgy_1 {
+  color: var(--puck-color-grey-03);
+  font-family: var(--puck-font-family);
   margin: 0;
   padding-left: 16px;
   position: relative;
   list-style: none;
 }
-._OutlineList_1nwoz_1::before {
-  background: var(--puck-color-grey-7);
+._OutlineList_18bgy_1::before {
+  background: var(--puck-color-grey-08);
   position: absolute;
   left: -1px;
   top: 0px;
@@ -124,12 +139,12 @@
   height: calc(100% - 9px);
   content: "";
 }
-._OutlineListItem_1nwoz_20 {
+._OutlineListItem_18bgy_20 {
   position: relative;
   margin-bottom: 4px;
 }
-._OutlineListItem_1nwoz_20::before {
-  background: var(--puck-color-grey-7);
+._OutlineListItem_18bgy_20::before {
+  background: var(--puck-color-grey-08);
   position: absolute;
   left: -17px;
   top: 9px;
@@ -137,10 +152,24 @@
   height: 1px;
   content: "";
 }
-._OutlineListItem--clickable_1nwoz_35:hover {
-  color: var(--puck-color-blue);
+._OutlineListItem--clickable_18bgy_35 {
   cursor: pointer;
+  transition: color 50ms ease-in;
+}
+._OutlineListItem--clickable_18bgy_35:focus-visible {
+  outline: 2px solid var(--puck-color-azure-05);
+  outline-offset: 2px;
+}
+@media (hover: hover) and (pointer: fine) {
+  ._OutlineListItem--clickable_18bgy_35:hover {
+    color: var(--puck-color-azure-04);
+    transition: none;
+  }
+}
+._OutlineListItem--clickable_18bgy_35:active {
+  color: var(--puck-color-azure-03);
+  transition: none;
 }
-._OutlineListItem_1nwoz_20 > ._OutlineList_1nwoz_1 {
+._OutlineListItem_18bgy_20 > ._OutlineList_18bgy_1 {
   margin: 8px 0;
 }

package/dist/index.d.ts

@@ -1,10 +1,23 @@
-import { ReactElement, ReactNode } from 'react';
+import { ReactNode, ReactElement } from 'react';
 
 type ItemSelector = {
     index: number;
     zone?: string;
 };
 
+type iconTypes = "Smartphone" | "Monitor" | "Tablet";
+type Viewport = {
+    width: number;
+    height?: number | "auto";
+    label?: string;
+    icon?: iconTypes | ReactNode;
+};
+
+type FieldOption = {
+    label: string;
+    value: string | number | boolean;
+};
+type FieldOptions = Array<FieldOption> | ReadonlyArray<FieldOption>;
 type BaseField = {
     label?: string;
 };
@@ -21,17 +34,11 @@ type TextareaField = BaseField & {
 };
 type SelectField = BaseField & {
     type: "select";
-    options: {
-        label: string;
-        value: string | number | boolean;
-    }[];
+    options: FieldOptions;
 };
 type RadioField = BaseField & {
     type: "radio";
-    options: {
-        label: string;
-        value: string | number | boolean;
-    }[];
+    options: FieldOptions;
 };
 type ArrayField<Props extends {
     [key: string]: any;
@@ -44,6 +51,8 @@ type ArrayField<Props extends {
     };
     defaultItemProps?: Props[0];
     getItemSummary?: (item: Props[0], index?: number) => string;
+    max?: number;
+    min?: number;
 };
 type ObjectField<Props extends {
     [key: string]: any;
@@ -52,7 +61,7 @@ type ObjectField<Props extends {
 }> = BaseField & {
     type: "object";
     objectFields: {
-        [SubPropName in keyof Props[0]]: Field<Props[0][SubPropName]>;
+        [SubPropName in keyof Props]: Field<Props[SubPropName]>;
     };
 };
 type Adaptor<AdaptorParams = {}, TableShape extends Record<string, any> = {}, PropShape = TableShape> = {
@@ -80,11 +89,15 @@ type ExternalField<Props extends {
     placeholder?: string;
     fetchList: (params: {
         query: string;
+        filters: Record<string, any>;
     }) => Promise<any[] | null>;
     mapProp?: (value: any) => Props;
+    mapRow?: (value: any) => Record<string, string | number>;
     getItemSummary: (item: Props, index?: number) => string;
     showSearch?: boolean;
     initialQuery?: string;
+    filterFields?: Record<string, Field>;
+    initialFilters?: Record<string, any>;
 };
 type CustomField<Props extends {
     [key: string]: any;
@@ -125,6 +138,14 @@ type UiState = {
         expanded?: boolean;
     }>;
     isDragging: boolean;
+    viewports: {
+        current: {
+            width: number;
+            height: number | "auto";
+        };
+        controlsVisible: boolean;
+        options: Viewport[];
+    };
 };
 
 type InputProps<F = Field<any>> = {
@@ -142,7 +163,7 @@ type RenderFunc<Props extends {
     [key: string]: any;
 } = {
     children: ReactNode;
-}> = React.FunctionComponent<Props>;
+}> = (props: Props) => ReactElement;
 declare const overrideKeys: readonly ["header", "headerActions", "fields", "fieldLabel", "components", "componentItem", "outline", "puck", "preview"];
 type OverrideKey = (typeof overrideKeys)[number];
 type OverridesGeneric<Shape extends {
@@ -172,7 +193,10 @@ type Overrides = OverridesGeneric<{
         className?: string;
     }>;
     components: RenderFunc;
-    componentItem: RenderFunc;
+    componentItem: RenderFunc<{
+        children: ReactNode;
+        name: string;
+    }>;
     outline: RenderFunc;
     puck: RenderFunc;
 }>;