@contentstack/live-preview-utils/dist/modern/visualBuilder/generators/generateAddInstanceButtons.cjs.map

Contentstack provides the Live Preview SDK to establish a communication channel between the various Contentstack SDKs and your website, transmitting live changes to the preview pane.

{"version":3,"sources":["../../../../src/visualBuilder/generators/generateAddInstanceButtons.tsx"],"sourcesContent":["import React from \"preact/compat\";\nimport { render } from \"preact\";\nimport AddInstanceButtonComponent from \"../components/addInstanceButton\";\nimport { ISchemaFieldMap } from \"../utils/types/index.types\";\nimport { CslpData } from \"../../cslp/types/cslp.types\";\nimport { Signal } from \"@preact/signals\";\n\n/**\n * Generates a button element, when clicked, sends the add instance message and\n * then calls the provided callback function.\n * @param onClickCallback - The function to be called when the button is clicked.\n * @returns The generated button element.\n */\nexport function generateAddInstanceButton({\n    value,\n    fieldSchema,\n    fieldMetadata,\n    index,\n    loading,\n    onClick,\n    label,\n}: {\n    fieldSchema: ISchemaFieldMap | undefined;\n    value: any;\n    fieldMetadata: CslpData;\n    index: number;\n    loading: Signal<boolean>;\n    onClick: (event: MouseEvent) => void;\n    label?: string | undefined;\n}): HTMLButtonElement {\n    const wrapper = document.createDocumentFragment();\n\n    render(\n        <AddInstanceButtonComponent\n            loading={loading}\n            index={index}\n            value={value}\n            label={label}\n            onClick={onClick}\n            fieldSchema={fieldSchema}\n            fieldMetadata={fieldMetadata}\n        />,\n        wrapper\n    );\n\n    const button = wrapper.children[0] as HTMLButtonElement;\n    return button;\n}\n\n/**\n * Returns an array of HTMLButtonElement instances that can be used to add new instances to the visual builder.\n * @param visualBuilderContainer - The HTMLDivElement that contains the visual builder.\n * @param getAllButtons - If true, returns all add instance buttons. If false, returns only the previous and next buttons.\n * @returns An array of HTMLButtonElement instances or null if there are less than 2 buttons.\n */\nexport function getAddInstanceButtons(\n    visualBuilderContainer: HTMLDivElement,\n    getAllButtons = false\n): HTMLButtonElement[] | [HTMLButtonElement, HTMLButtonElement] | null {\n    const buttons = visualBuilderContainer.getElementsByClassName(\n        \"visual-builder__add-button\"\n    );\n\n    if (getAllButtons) {\n        return Array.from(buttons) as HTMLButtonElement[];\n    }\n\n    if (buttons.length < 2) {\n        return null;\n    }\n\n    const previousButton = buttons[0] as HTMLButtonElement;\n    const nextButton = buttons[1] as HTMLButtonElement;\n\n    return [previousButton, nextButton];\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,oBAAuB;AACvB,+BAAuC;AA+B/B;AApBD,SAAS,0BAA0B;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,GAQsB;AAClB,QAAM,UAAU,SAAS,uBAAuB;AAEhD;AAAA,IACI;AAAA,MAAC,yBAAAA;AAAA,MAAA;AAAA,QACG;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACJ;AAAA,IACA;AAAA,EACJ;AAEA,QAAM,SAAS,QAAQ,SAAS,CAAC;AACjC,SAAO;AACX;AAQO,SAAS,sBACZ,wBACA,gBAAgB,OACmD;AACnE,QAAM,UAAU,uBAAuB;AAAA,IACnC;AAAA,EACJ;AAEA,MAAI,eAAe;AACf,WAAO,MAAM,KAAK,OAAO;AAAA,EAC7B;AAEA,MAAI,QAAQ,SAAS,GAAG;AACpB,WAAO;AAAA,EACX;AAEA,QAAM,iBAAiB,QAAQ,CAAC;AAChC,QAAM,aAAa,QAAQ,CAAC;AAE5B,SAAO,CAAC,gBAAgB,UAAU;AACtC;","names":["AddInstanceButtonComponent"]}