@scrippsproduct/networks-ui-library 1.0.15 → 1.0.16
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/dist/components/ActionButton/ActionButton.d.ts +21 -18
- package/dist/components/AdBlock/AdBlock.d.ts +9 -5
- package/dist/components/AdjustableTwoColumnGrid/AdjustableTwoColumnGrid.d.ts +10 -6
- package/dist/components/AnchorTag/AnchorTag.d.ts +6 -8
- package/dist/components/DrawerNavigation/DrawerNavigation.d.ts +6 -9
- package/dist/components/FindUs/FindUs.d.ts +22 -19
- package/dist/hooks/useSourcepointPrivacyTrigger.d.ts +9 -3
- package/dist/settings.d.ts +1 -1
- package/package.json +1 -1
- /package/dist/{secl-ui.d.ts → networks-ui.d.ts} +0 -0
|
@@ -1,19 +1,22 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
}
|
|
1
|
+
/**
|
|
2
|
+
* ActionButton component for rendering a button that will display a loading state.
|
|
3
|
+
* @param {*} param0 - Component props.
|
|
4
|
+
* @param {string} param0.label - The text label for the button.
|
|
5
|
+
* @param {string} param0.type - The type of button (default is 'button').
|
|
6
|
+
* @param {function} param0.onClick - The click handler function for the button.
|
|
7
|
+
* @param {string} param0.varient - The style variant of the button (default is '').
|
|
8
|
+
* @param {string} param0.size - The size of the button (default is '').
|
|
9
|
+
* @param {object} param0.customColors - Custom colors for the button.
|
|
10
|
+
* @param {string} param0.customColors.bgColor - Background color of the button.
|
|
11
|
+
* @param {string} param0.customColors.bgHoverColor - Background color on hover.
|
|
12
|
+
* @param {string} param0.customColors.color - Text color of the button.
|
|
13
|
+
* @param {string} param0.customColors.hoverColor - Text color on hover.
|
|
14
|
+
* @param {string} param0.customColors.borderColor - Border color of the button.
|
|
15
|
+
* @param {string} param0.customColors.borderHoverColor - Border color on hover.
|
|
16
|
+
* @param {boolean} param0.disabled - Whether the button is disabled (default is false).
|
|
17
|
+
* @param {string} param0.classname - Additional CSS classes for the button.
|
|
18
|
+
* @param {object} param0.attributes - Additional attributes to be applied to the button.
|
|
19
|
+
* @returns {JSX.Element} The rendered action button.
|
|
20
|
+
*/
|
|
21
|
+
export function ActionButton({ label, type, onClick, varient, size, customColors, disabled, classname, ...attributes }: any): JSX.Element;
|
|
19
22
|
export default ActionButton;
|
|
@@ -1,6 +1,10 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
}
|
|
1
|
+
/**
|
|
2
|
+
* AdBlock component for rendering an advertisement block with various themes.
|
|
3
|
+
* @param {*} param0 - Component props.
|
|
4
|
+
* @param {Object} param0.image - The image object containing the ad image URL and alt text.
|
|
5
|
+
* @param {Object} param0.ad - The ad object containing campaign, source, medium, content, header, description, linkText, and href.
|
|
6
|
+
* @param {string} [param0.theme='default'] - The theme to apply to the ad block (default is 'default').
|
|
7
|
+
* @returns {JSX.Element} The rendered ad block.
|
|
8
|
+
*/
|
|
9
|
+
export function AdBlock({ image, ad, theme }: any): JSX.Element;
|
|
6
10
|
export default AdBlock;
|
|
@@ -1,7 +1,11 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
}
|
|
1
|
+
/**
|
|
2
|
+
* AdjustableTwoColumnGrid component for rendering a two-column layout with adjustable widths.
|
|
3
|
+
* @param {*} param0 - Component props.
|
|
4
|
+
* @param {React.ReactNode} param0.children - The child components to be rendered in the two columns.
|
|
5
|
+
* @param {string} [param0.gap='1.5rem'] - The gap size between the columns.
|
|
6
|
+
* @param {number|string} [param0.firstColumnWidth=33] - The width of the first column, can be a percentage or pixel value.
|
|
7
|
+
* @param {string} [param0.classname=''] - Additional CSS classes for the layout.
|
|
8
|
+
* @returns {JSX.Element} The rendered two-column layout.
|
|
9
|
+
*/
|
|
10
|
+
export function AdjustableTwoColumnGrid({ children, gap, firstColumnWidth, classname }: any): JSX.Element;
|
|
7
11
|
export default AdjustableTwoColumnGrid;
|
|
@@ -1,9 +1,7 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
clickHandler?: null | undefined;
|
|
8
|
-
}): import("react/jsx-runtime").JSX.Element;
|
|
1
|
+
/**
|
|
2
|
+
* AnchorTag component for rendering anchor links with optional image support.
|
|
3
|
+
* @param {*} param0 - Component props.
|
|
4
|
+
* @returns {JSX.Element} The rendered anchor tag.
|
|
5
|
+
*/
|
|
6
|
+
export function AnchorTag({ href, classname, label, type, image, clickHandler }: any): JSX.Element;
|
|
9
7
|
export default AnchorTag;
|
|
@@ -1,10 +1,7 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
clipPathEnd?: string | undefined;
|
|
8
|
-
overlayAppendEl?: Element | null | undefined;
|
|
9
|
-
}): import("react/jsx-runtime").JSX.Element;
|
|
1
|
+
/**
|
|
2
|
+
* DrawerNavigation component for rendering a drawer-style navigation menu.
|
|
3
|
+
* @param {*} param0 - Component props.
|
|
4
|
+
* @returns {JSX.Element} The rendered drawer navigation.
|
|
5
|
+
*/
|
|
6
|
+
export function DrawerNavigation({ links, items, classname, logo, clipPathStart, clipPathEnd, overlayAppendEl }: any): JSX.Element;
|
|
10
7
|
export default DrawerNavigation;
|
|
@@ -1,20 +1,23 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
}
|
|
1
|
+
/**
|
|
2
|
+
* FindUs component for rendering the "Find Us" section.
|
|
3
|
+
* @param {*} param0 - Component props.
|
|
4
|
+
* @param {Object} param0.network - The network object containing platform information.
|
|
5
|
+
* @param {string} param0.baseApiUrl - The base API URL for fetching data.
|
|
6
|
+
* @param {string} [param0.platformsApiUrl='https://api.scrippscloud.com/viewing-platforms/v1'] - The API URL for fetching viewing platforms.
|
|
7
|
+
* @param {string} [param0.authApiUrl=''] - The API URL for authentication.
|
|
8
|
+
* @param {boolean} [param0.allowStateSearch=true] - Whether to allow state search.
|
|
9
|
+
* @param {boolean} [param0.allowZipcodeSearch=true] - Whether to allow zipcode search.
|
|
10
|
+
* @param {boolean} [param0.allowAutoScroll=true] - Whether to allow auto-scrolling.
|
|
11
|
+
* @param {number} [param0.autoScrollOffset=25] - The offset for auto-scrolling.
|
|
12
|
+
* @param {boolean} [param0.compactLayout=true] - Whether to use a compact layout.
|
|
13
|
+
* @param {boolean} [param0.showChannelSearchAndRescan=true] - Whether to show the channel search and rescan section.
|
|
14
|
+
* @param {number} [param0.numberOfColumns] - The number of columns for the device and platform lists.
|
|
15
|
+
* @param {Object} [param0.ad] - The ad object containing campaign, source, medium, and content.
|
|
16
|
+
* @param {string} [param0.ad.campaign=''] - The ad campaign.
|
|
17
|
+
* @param {string} [param0.ad.source=''] - The ad source.
|
|
18
|
+
* @param {string} [param0.ad.medium='referral'] - The ad medium.
|
|
19
|
+
* @param {string} [param0.ad.content='learn_more'] - The ad content.
|
|
20
|
+
* @returns {JSX.Element} The rendered "Find Us" section.
|
|
21
|
+
*/
|
|
22
|
+
export function FindUs({ network, baseApiUrl, platformsApiUrl, authApiUrl, allowStateSearch, allowZipcodeSearch, allowAutoScroll, autoScrollOffset, compactLayout, showChannelSearchAndRescan, numberOfColumns, ad }: any): JSX.Element;
|
|
20
23
|
export default FindUs;
|
|
@@ -1,4 +1,10 @@
|
|
|
1
1
|
export default useSourcePointPrivacyTrigger;
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
}
|
|
2
|
+
/**
|
|
3
|
+
* Custom hook to trigger the Sourcepoint privacy manager modal.
|
|
4
|
+
* @param {*} param0 - Configuration object.
|
|
5
|
+
* @param {number} param0.messageId - The message ID to load in the privacy manager modal.
|
|
6
|
+
* Defaults to 1192723.
|
|
7
|
+
*
|
|
8
|
+
* @returns void
|
|
9
|
+
*/
|
|
10
|
+
declare function useSourcePointPrivacyTrigger({ messageId }: any): null;
|
package/dist/settings.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
export const slideLayoutsMap: Map<string, import('react').LazyExoticComponent<typeof import('.').FigureSlide>>;
|
|
2
2
|
export const pageHeroLayoutsMap: Map<string, import('react').LazyExoticComponent<typeof import('./components/PageHero/page-hero-layouts').IONShowHero>>;
|
|
3
|
-
export const blockLayoutsMap: Map<string, import('react').LazyExoticComponent<typeof import('.').
|
|
3
|
+
export const blockLayoutsMap: Map<string, import('react').LazyExoticComponent<typeof import('.').CtaBlock>>;
|
package/package.json
CHANGED
|
File without changes
|