@city-of-helsinki/react-helsinki-headless-cms 3.0.0-rc.1 → 3.0.0-rc.2

package/dist/cjs/src/apollo/apollo.stories.d.ts

@@ -0,0 +1,24 @@
+import type { Meta } from '@storybook/react-webpack5';
+import { Page } from './page/Page';
+declare const _default: Meta<typeof Page>;
+export default _default;
+export declare const ExampleUsingEventsDataSource: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("../core").PageProps & {
+    uri?: string;
+    pageTemplate?: import("../core").TemplateEnum;
+}>;
+export declare const ExampleUsingHobbiesDataSource: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("../core").PageProps & {
+    uri?: string;
+    pageTemplate?: import("../core").TemplateEnum;
+}>;
+export declare const ExampleUsingSportsDataSource: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("../core").PageProps & {
+    uri?: string;
+    pageTemplate?: import("../core").TemplateEnum;
+}>;
+export declare const ExampleUsingKultusDataSource: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("../core").PageProps & {
+    uri?: string;
+    pageTemplate?: import("../core").TemplateEnum;
+}>;
+export declare const ExampleUsingKukkuuDataSource: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("../core").PageProps & {
+    uri?: string;
+    pageTemplate?: import("../core").TemplateEnum;
+}>;

package/dist/cjs/src/apollo/index.d.ts

@@ -0,0 +1,17 @@
+export { Navigation } from './navigation/Navigation';
+export { Notification } from './notification/Notification';
+export { Page } from './page/Page';
+export { PageContent } from './pageContent/PageContent';
+export { PageWithTemplateContent } from './pageWithTemplateContent/PageWithTemplateContent';
+export * from '../common/headlessService/page';
+export * from '../common/headlessService/pages';
+export * from '../common/headlessService/article';
+export * from '../common/headlessService/articles';
+export * from '../common/headlessService/category';
+export * from '../common/headlessService/categories';
+export * from '../common/headlessService/tag';
+export * from '../common/headlessService/tags';
+export * from '../common/headlessService/landingPage';
+export * from '../common/headlessService/pageByTemplate';
+export * from '../common/headlessService/menu';
+export * from '../common/headlessService/languages';

package/dist/cjs/src/apollo/navigation/Navigation.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import type { NavigationProps as NavigationPropsWithoutData } from '../../core/navigation/Navigation';
+export type NavigationProps = Omit<NavigationPropsWithoutData, 'menu' | 'languages' | 'getPathnameForLanguage'> & {
+    /**
+     * The name of the menu in Wordpress headless CMS.
+     */
+    menuName: string;
+    /**
+     * Gets language specific path for navigation item.
+     */
+    getPathnameForLanguage: NavigationPropsWithoutData['getPathnameForLanguage'];
+};
+export declare function Navigation({ menuName, getPathnameForLanguage, ...delegatedProps }: NavigationProps): React.JSX.Element;

package/dist/cjs/src/apollo/navigation/__tests__/Navigation.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/cjs/src/apollo/notification/Notification.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { NotificationProps } from '../../core/notification/Notification';
+export type Props = Exclude<NotificationProps, 'notification'>;
+export declare function Notification(props: Props): React.JSX.Element;

package/dist/cjs/src/apollo/notification/__tests__/Notification.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/cjs/src/apollo/page/ApolloPageContextProvider.d.ts

@@ -0,0 +1,5 @@
+declare const _default: import("react").Provider<{
+    uri?: string;
+    template?: import("../../core").TemplateEnum;
+}>;
+export default _default;

package/dist/cjs/src/apollo/page/Page.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { TemplateEnum } from '../../core';
+import type { PageProps as PagePropsWithoutData } from '../../core/page/Page';
+export type PageProps = PagePropsWithoutData & {
+    /**
+     * Uri of the page.
+     */
+    uri?: string;
+    /**
+     * Page template value.
+     */
+    pageTemplate?: TemplateEnum;
+};
+export declare function Page({ uri, pageTemplate, ...delegatedProps }: PageProps): React.JSX.Element;

package/dist/cjs/src/apollo/page/apolloPageContext.d.ts

@@ -0,0 +1,13 @@
+import type { TemplateEnum } from '../../core';
+type ApolloPageContext = {
+    /**
+     * Uri of the page.
+     */
+    uri?: string;
+    /**
+     * Page tyoe template.
+     */
+    template?: TemplateEnum;
+};
+declare const apolloPageContext: import("react").Context<ApolloPageContext>;
+export default apolloPageContext;

package/dist/cjs/src/apollo/page/useApolloPageContext.d.ts

@@ -0,0 +1,4 @@
+export default function useApolloPageContext(): {
+    uri?: string;
+    template?: import("../../core").TemplateEnum;
+};

package/dist/cjs/src/apollo/pageContent/PageContent.d.ts

@@ -0,0 +1,9 @@
+import type { PageContentProps as PageContentPropsWithoutData } from '../../core/pageContent/types';
+export type PageProps = Omit<PageContentPropsWithoutData, 'page'> & {
+    /**
+     * Page content if data not found or missing from cms.
+     */
+    notFoundPageContent?: JSX.Element;
+    [x: string]: any;
+};
+export declare function PageContent({ notFoundPageContent, ...delegatedProps }: PageProps): JSX.Element;

package/dist/cjs/src/apollo/pageWithTemplateContent/PageWithTemplateContent.d.ts

@@ -0,0 +1,14 @@
+import type { PageContentProps as PageContentPropsWithoutData } from '../../core/pageContent/types';
+import type { LanguageCodeEnum } from '../../core';
+export type PageProps = Omit<PageContentPropsWithoutData, 'page'> & {
+    /**
+     * The language of the page.
+     */
+    language: LanguageCodeEnum;
+    /**
+     * Page content if data not found or missing from cms.
+     */
+    notFoundPageContent?: JSX.Element;
+    [x: string]: any;
+};
+export declare function PageWithTemplateContent({ language, notFoundPageContent, ...delegatedProps }: PageProps): JSX.Element;

package/dist/cjs/src/common/components/container/Container.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+type ContainerProps = {
+    /**
+     * Additional children to render inside the container.
+     */
+    children: JSX.Element | string;
+    /**
+     * Optional wrapper element for the container.
+     */
+    wrapper?: JSX.Element;
+};
+export default function Container({ wrapper, children }: ContainerProps): React.JSX.Element;
+export {};

package/dist/cjs/src/common/components/grid/Grid.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+export interface GridProps {
+    /**
+     * Additional children to render inside the grid.
+     */
+    children: React.ReactNode;
+    /**
+     * Number of grid columns.
+     */
+    colsCount?: number;
+    /**
+     * Additional classname for grid container.
+     */
+    className?: string;
+}
+export default function Grid({ colsCount, children, className, }: GridProps): React.JSX.Element;

package/dist/cjs/src/common/components/grid/Grid.stories.d.ts

@@ -0,0 +1,8 @@
+import type { Meta } from '@storybook/react-webpack5';
+import Grid from './Grid';
+declare const _default: Meta<typeof Grid>;
+export default _default;
+export declare const GridDefault: {
+    render: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./Grid").GridProps>;
+    args: {};
+};

package/dist/cjs/src/common/components/htmlToReact/HtmlToReact.d.ts

@@ -0,0 +1,38 @@
+import React from 'react';
+import type { Config } from 'isomorphic-dompurify';
+export declare const TABLE_VARIANTS: readonly ["dark", "dense", "light", "with-vertical-lines", "zebra"];
+export type TableVariant = (typeof TABLE_VARIANTS)[number];
+export declare const DEFAULT_TABLE_VARIANTS: TableVariant[];
+type Components = {
+    p?: React.ComponentType<{
+        children: React.ReactNode;
+    }>;
+    h2?: React.ComponentType<{
+        children: React.ReactNode;
+    }>;
+    a?: React.ComponentType<React.AnchorHTMLAttributes<HTMLAnchorElement>> | string;
+    table?: React.ComponentType<React.TableHTMLAttributes<HTMLTableElement>> | string;
+    tableVariants?: TableVariant[];
+    img?: React.ComponentType<React.ImgHTMLAttributes<HTMLImageElement>> | string;
+    iframe?: React.ComponentType<React.IframeHTMLAttributes<HTMLIFrameElement>>;
+};
+export type HtmlToReactProps = {
+    /**
+     * Additional children to render inside the grid.
+     */
+    children: string;
+    /**
+     * React components for custom html elements transformation.
+     */
+    components?: Components;
+    /**
+     * Option to allow unsafe tags, otherwise cleared and not rendered.
+     */
+    allowedUnsafeTags?: Config['ALLOWED_TAGS'];
+    /**
+     * Trusted origins for url properties and attributes, for elements such as iframes and scripts.
+     */
+    trustedOrigins?: string[];
+};
+export declare function HtmlToReact({ children: dirty, components, allowedUnsafeTags, trustedOrigins, }: HtmlToReactProps): React.JSX.Element;
+export {};

package/dist/cjs/src/common/components/htmlToReact/HtmlToReact.stories.d.ts

@@ -0,0 +1,13 @@
+import type { Meta } from '@storybook/react-webpack5';
+import type { HtmlToReactProps } from './HtmlToReact';
+import { HtmlToReact } from './HtmlToReact';
+declare const _default: Meta<typeof HtmlToReact>;
+export default _default;
+export declare const HtmlToReactMedia: {
+    render: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, HtmlToReactProps>;
+    args: {
+        children: string;
+        allowedUnsafeTags: string[];
+        trustedOrigins: string[];
+    };
+};

package/dist/cjs/src/common/components/htmlToReact/__tests__/HtmlToReact.tests.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/cjs/src/common/components/htmlToReact/replaceComponents/DefaultH2.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export default function DefaultH2({ children }: {
+    children: React.ReactNode;
+}): React.JSX.Element;

package/dist/cjs/src/common/components/htmlToReact/replaceComponents/DefaultP.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export default function DefaultP({ children }: {
+    children: React.ReactNode;
+}): React.JSX.Element;

package/dist/cjs/src/common/components/htmlToReact/replaceComponents/IframeForEmbeddedMedia.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+/**
+ * An iframe HTML-element to securely render
+ * a sandboxed version of an embedded video media player, e.g. from the CMS.
+ * */
+export default function IframeForEmbeddedMedia(props: React.PropsWithChildren<React.IframeHTMLAttributes<HTMLIFrameElement>>): React.JSX.Element;

package/dist/cjs/src/common/components/htmlToReact/replaceComponents/index.d.ts

@@ -0,0 +1,3 @@
+export { default as DefaultH2 } from './DefaultH2';
+export { default as DefaultP } from './DefaultP';
+export { default as IframeForEmbeddedMedia } from './IframeForEmbeddedMedia';

package/dist/cjs/src/common/components/icons/index.d.ts

@@ -0,0 +1,5 @@
+export { IconAlertCircle, IconAlertCircleFill, IconAngleDown, IconAngleLeft, IconAngleRight, IconAngleUp, IconArrowBottomLeft, IconArrowBottomRight, IconArrowDown, IconArrowLeft, IconArrowRedo, IconArrowRight, IconArrowRightDashed, IconArrowTopLeft, IconArrowTopRight, IconArrowUndo, IconArrowUp, IconAtSign as IconGlyphAt, // @deprecated Use IconAtSign instead
+IconAtSign, IconBagCogwheel, IconBell, IconBellCrossed, IconBinoculars, IconCake, IconCalendar, IconCalendarClock, IconCalendarCross, IconCalendarEvent as IconEvent, // @deprecated Use IconCalendarEvent instead
+IconCalendarEvent, IconCalendarPlus, IconCalendarRecurring, IconCamera, IconCheck, IconCheckCircle, IconCheckCircleFill, IconChildren, IconClock, IconClockCross, IconClockPlus, IconCoffeeCupSaucer, IconCogwheel, IconCogwheels, IconCollapse, IconCompany, IconCopy, IconCross, IconCrossCircle, IconCrossCircleFill, IconCustomerBotNegative, IconCustomerBotNeutral, IconCustomerBotPositive, IconDiscord, IconDisplay, IconDocument, IconDownload, IconDownloadCloud, IconDrag, IconEntrepreneur, IconEnvelope, IconError, IconErrorFill, IconEuroSign as IconGlyphEuro, // @deprecated Use IconEuroSign instead
+IconEuroSign, IconEye, IconEyeCrossed, IconFacebook, IconFaceNeutral, IconFaceSad, IconFaceSmile, IconFamily, IconGlobe, IconGoogle, IconGraphColumns, IconGroup, IconHammers, IconHeadphones, IconHeart, IconHeartFill, IconHistory, IconHome, IconHomeSmoke, IconInfoCircle, IconInfoCircleFill, IconInstagram, IconKey, IconLayers, IconLightbulb, IconLink, IconLinkedin, IconLinkExternal, IconLocate, IconLocation, IconLock, IconLockOpen, IconMap, IconMenuDots, IconMenuHamburger, IconMicrophone, IconMicrophoneCrossed, IconMinus, IconMinusCircle, IconMinusCircleFill, IconMobile, IconMoneyBag, IconMoneyBagFill, IconMover, IconOccupation, IconPaperclip, IconPen, IconPenLine, IconPersonFemale, IconPersonGenderless, IconPersonMale, IconPersonWheelchair, IconPhone, IconPhoto, IconPhotoPlus, IconPlaybackFastforward, IconPlaybackNext, IconPlaybackPause, IconPlaybackPlay, IconPlaybackPrevious, IconPlaybackRecord, IconPlaybackRewind, IconPlaybackStop, IconPlus, IconPlusCircle, IconPlusCircleFill, IconPodcast, IconPrinter, IconQuestionCircle, IconQuestionCircleFill, IconRefresh, IconRestaurant, IconRss, IconSaveDiskette, IconSaveDisketteFill, IconScroll, IconScrollCogwheel, IconScrollContent, IconScrollGroup, IconSearch, IconSenior, IconShare, IconShield, IconShoppingCart, IconSignin, IconSignout, IconSitemap, IconSliders, IconSnapchat, IconSort, IconSortAlphabeticalAscending, IconSortAlphabeticalDescending, IconSortAscending, IconSortDescending, IconSpeechbubble, IconSpeechbubbleText, IconStar, IconStarFill, IconSwapUser, IconTextBold, IconTextItalic, IconTextTool, IconThumbsDown, IconThumbsDownFill, IconThumbsUp, IconThumbsUpFill, IconTicket, IconTiktok, IconTrash, IconTraveler, IconTwitch, IconTwitter, IconUpload, IconUploadCloud, IconUser, IconVaccine, IconVideocamera, IconVideocameraCrossed, IconVimeo, IconVirus, IconVolumeHigh, IconVolumeLow, IconVolumeMinus, IconVolumeMute, IconVolumePlus, IconWhatsapp as IconWhatsApp, // @deprecated Use IconWhatsapp instead
+IconWhatsapp, IconWifi, IconWifiCrossed, IconX, IconYle, IconYouth, IconYoutube, IconZoomIn, IconZoomOut, IconZoomText, } from 'hds-react';

package/dist/cjs/src/common/components/list/List.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+type ListProps = {
+    /**
+     * List item elements.
+     */
+    items?: (JSX.Element | JSX.Element[] | null | false)[];
+    /**
+     * List item variant options.
+     */
+    variant?: 'spacing-4-xs' | 'spacing-3-xs' | 'spacing-2-xs' | 'spacing-xs' | 'spacing-s' | 'spacing-m' | 'spacing-l' | 'spacing-xl' | 'spacing-2-xl' | 'spacing-3-xl' | 'spacing-4-xl' | 'spacing-5-xl' | 'spacing-layout-2-xs' | 'spacing-layout-xs' | 'spacing-layout-s' | 'spacing-layout-m' | 'spacing-layout-l' | 'spacing-layout-xl' | 'spacing-layout-2-xl';
+};
+export default function List({ items, variant }: ListProps): React.JSX.Element;
+export {};

package/dist/cjs/src/common/components/list/List.stories.d.ts

@@ -0,0 +1,13 @@
+import type { Meta } from '@storybook/react-webpack5';
+import List from './List';
+declare const _default: Meta<typeof List>;
+export default _default;
+export declare const ListDefault: {
+    render: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, {
+        items?: (JSX.Element | JSX.Element[] | null | false)[];
+        variant?: "spacing-4-xs" | "spacing-3-xs" | "spacing-2-xs" | "spacing-xs" | "spacing-s" | "spacing-m" | "spacing-l" | "spacing-xl" | "spacing-2-xl" | "spacing-3-xl" | "spacing-4-xl" | "spacing-5-xl" | "spacing-layout-2-xs" | "spacing-layout-xs" | "spacing-layout-s" | "spacing-layout-m" | "spacing-layout-l" | "spacing-layout-xl" | "spacing-layout-2-xl";
+    }>;
+    args: {
+        items: string[];
+    };
+};

package/dist/cjs/src/common/components/tag/Tag.d.ts

@@ -0,0 +1,26 @@
+import * as React from 'react';
+import type { TagProps as HDSTagProps } from 'hds-react';
+type Props = {
+    /**
+     *  Boolean indicating whether the tag has a featured style variant.
+     */
+    featured?: boolean;
+    /**
+     *  Boolean indicating whether the tag has a white-only style variant.
+     */
+    whiteOnly?: boolean;
+    /**
+     * Boolean indicating whether the tag has a selected style variant.
+     */
+    selected?: boolean;
+    /**
+     * White-space wrapping (Enabled by default in HDS v4, but disabled in this lib).
+     */
+    noTextWrap?: boolean;
+    /**
+     * onClick handler.
+     */
+    onClick?: () => void;
+} & Pick<HDSTagProps, 'children' | 'className' | 'id' | 'role' | 'size'>;
+export declare function Tag({ className, children, featured, selected, whiteOnly, noTextWrap, onClick, id, ...hdsTagProps }: Props): React.JSX.Element;
+export {};

package/dist/cjs/src/common/components/tag/Tag.stories.d.ts

@@ -0,0 +1,80 @@
+import type { Meta } from '@storybook/react-webpack5';
+import { Tag } from './Tag';
+declare const _default: Meta<typeof Tag>;
+export default _default;
+export declare const TagDefault: {
+    render: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, {
+        featured?: boolean;
+        whiteOnly?: boolean;
+        selected?: boolean;
+        noTextWrap?: boolean;
+        onClick?: () => void;
+    } & Pick<import("hds-react").TagProps, "id" | "children" | "className" | "role" | "size">>;
+    args: {
+        onClick: undefined;
+    };
+};
+export declare const TagFeatured: {
+    render: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, {
+        featured?: boolean;
+        whiteOnly?: boolean;
+        selected?: boolean;
+        noTextWrap?: boolean;
+        onClick?: () => void;
+    } & Pick<import("hds-react").TagProps, "id" | "children" | "className" | "role" | "size">>;
+    args: {
+        featured: boolean;
+        onClick: undefined;
+    };
+};
+export declare const TagSelected: {
+    render: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, {
+        featured?: boolean;
+        whiteOnly?: boolean;
+        selected?: boolean;
+        noTextWrap?: boolean;
+        onClick?: () => void;
+    } & Pick<import("hds-react").TagProps, "id" | "children" | "className" | "role" | "size">>;
+    args: {
+        selected: boolean;
+        onClick: undefined;
+    };
+};
+export declare const TagWhiteOnly: {
+    render: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, {
+        featured?: boolean;
+        whiteOnly?: boolean;
+        selected?: boolean;
+        noTextWrap?: boolean;
+        onClick?: () => void;
+    } & Pick<import("hds-react").TagProps, "id" | "children" | "className" | "role" | "size">>;
+    args: {
+        whiteOnly: boolean;
+        onClick: undefined;
+    };
+};
+export declare const TagNoTextWrap: {
+    render: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, {
+        featured?: boolean;
+        whiteOnly?: boolean;
+        selected?: boolean;
+        noTextWrap?: boolean;
+        onClick?: () => void;
+    } & Pick<import("hds-react").TagProps, "id" | "children" | "className" | "role" | "size">>;
+    args: {
+        noTextWrap: boolean;
+        onClick: undefined;
+    };
+};
+export declare const TagWithOnclickHandler: {
+    render: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, {
+        featured?: boolean;
+        whiteOnly?: boolean;
+        selected?: boolean;
+        noTextWrap?: boolean;
+        onClick?: () => void;
+    } & Pick<import("hds-react").TagProps, "id" | "children" | "className" | "role" | "size">>;
+    args: {
+        onClick: () => void;
+    };
+};

package/dist/cjs/src/common/components/tag/__tests__/Tag.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/cjs/src/common/components/tag/tagThemes.d.ts

@@ -0,0 +1,3 @@
+import type { TagTheme } from 'hds-react';
+export declare const theme1: TagTheme;
+export declare const theme2: TagTheme;

package/dist/cjs/src/common/components/text/Text.d.ts

@@ -0,0 +1,27 @@
+import type { ReactNode, HTMLAttributes } from 'react';
+import React from 'react';
+type TextVariant = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'body' | 'body-l' | 'body-xl';
+type TextVariantProps = {
+    /**
+     * The render html element type for the text.
+     */
+    as?: string | React.ComponentType<HTMLAttributes<HTMLElement>>;
+    /**
+     * Text variant option.
+     */
+    variant?: TextVariant;
+    /**
+     * Additional classname for the text.
+     */
+    children: ReactNode;
+    /**
+     * Additional classname for the text.
+     */
+    className?: string;
+    /**
+     * Deprecated
+     */
+    role?: string;
+};
+declare function Text({ as: elementType, variant, children, className, ...rest }: TextVariantProps): React.ReactElement<HTMLAttributes<HTMLElement>, string | React.JSXElementConstructor<any>>;
+export default Text;

package/dist/cjs/src/common/components/text/Text.stories.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import type { Meta } from '@storybook/react-webpack5';
+import Text from './Text';
+declare const _default: Meta<typeof Text>;
+export default _default;
+export declare const TextDefault: {
+    render: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, {
+        as?: string | React.ComponentType<React.HTMLAttributes<HTMLElement>>;
+        variant?: "body" | "h1" | "h2" | "h3" | "h4" | "h5" | "body-l" | "body-xl";
+        children: React.ReactNode;
+        className?: string;
+        role?: string;
+    }>;
+};

package/dist/cjs/src/common/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const MAIN_CONTENT_ID = "main-content";
+export declare const TOP_LEVEL_MENU_ITEM_PARENT_ID: "null_parent_id";