@viamedici-spc/configurator-framer 0.1.0-alpha0000

package/dist/index.d.ts

@@ -0,0 +1,391 @@
+import { ChoiceValue } from '@viamedici-spc/configurator-ts';
+import { ChoiceValueId } from '@viamedici-spc/configurator-ts';
+import { ComponentType } from 'react';
+import { CSSProperties } from 'react';
+import { GlobalAttributeId } from '@viamedici-spc/configurator-ts';
+import { JSX as JSX_2 } from 'react/jsx-runtime';
+import NumericFormat from 'react-number-format';
+import { PropsWithChildren } from 'react';
+import { PropsWithoutRef } from 'react';
+import { default as React_2 } from 'react';
+import { ReactNode } from 'react';
+import { RefAttributes } from 'react';
+
+declare type AttributeIdProps = {
+    attributeId: string;
+    componentPath: string;
+    sharedConfigurationModel: string;
+};
+
+/**
+ * @framerIntrinsicWidth 300
+ * @framerIntrinsicHeight 35
+ *
+ * @framerSupportedLayoutWidth any
+ * @framerSupportedLayoutHeight fixed
+ */
+export declare const BooleanSelect: ComponentType<Omit<Omit<Omit<AttributeIdProps & PaddingProps & BorderProps & {
+    fill: string;
+} & TextProps & ExplainProps & {
+    style: CSSProperties;
+    implicitLabelPrefix: string;
+    unsatisfiedColors: InputStateColors;
+    implicitSelectedColors: InputStateColors;
+} & {
+    resetLabel: string;
+    appearance: "none" | "auto";
+    textAlign: "center" | "end" | "start" | "initial";
+} & {
+    trueLabel?: string;
+    falseLabel?: string;
+} & RefAttributes<HTMLSelectElement>, "ref"> & RefAttributes<unknown>, "ref"> & RefAttributes<unknown>, "ref"> & RefAttributes<unknown>>;
+
+declare type BorderProps = {
+    radius: number;
+    border: {
+        color: string;
+        width: number;
+        isMixedWidth: boolean;
+        widthTop: number;
+        widthRight: number;
+        widthBottom: number;
+        widthLeft: number;
+    };
+};
+
+/**
+ * @framerIntrinsicWidth 300
+ * @framerIntrinsicHeight 35
+ *
+ * @framerSupportedLayoutWidth any
+ * @framerSupportedLayoutHeight fixed
+ */
+export declare const ChoiceSelect: ComponentType<Omit<Omit<Omit<AttributeIdProps & PaddingProps & BorderProps & {
+    fill: string;
+} & TextProps & ExplainProps & {
+    style: CSSProperties;
+    implicitLabelPrefix: string;
+    unsatisfiedColors: InputStateColors;
+    implicitSelectedColors: InputStateColors;
+} & {
+    resetLabel: string;
+    appearance: "none" | "auto";
+    textAlign: "center" | "end" | "start" | "initial";
+} & {
+    noOptionsAvailableColors: InputStateColors;
+} & RefAttributes<HTMLSelectElement>, "ref"> & RefAttributes<unknown>, "ref"> & RefAttributes<unknown>, "ref"> & RefAttributes<unknown>>;
+
+declare type ChoiceValueIdProps = {
+    choiceValueId: string;
+};
+
+/**
+ * @framerSupportedLayoutWidth any
+ * @framerSupportedLayoutHeight any
+ */
+export declare const ChoiceValueListRenderer: React_2.ComponentType<Omit<AttributeIdProps & {
+    itemTemplate: ReactNode;
+    style: CSSProperties;
+} & React_2.RefAttributes<unknown>, "ref"> & React_2.RefAttributes<unknown>>;
+
+declare type ChoiceValueSorting = {
+    defaultRules: SortingRule[];
+    attributes: Array<AttributeIdProps & {
+        choiceValues: ChoiceValueId[];
+        rules: SortingRule[];
+    }>;
+};
+
+declare type ChoiceValueSortingProps = {
+    choiceValueSorting: ChoiceValueSorting & {
+        jsonDefinition: string;
+    };
+};
+
+/**
+ * @framerSupportedLayoutWidth any
+ * @framerSupportedLayoutHeight any
+ */
+export declare const Colorize: ComponentType<Props_2 & {
+    children?: ReactNode;
+} & RefAttributes<unknown>>;
+
+/**
+ * @framerIntrinsicWidth 300
+ * @framerIntrinsicHeight 35
+ *
+ * @framerSupportedLayoutWidth any
+ * @framerSupportedLayoutHeight fixed
+ */
+export declare const ComponentSelect: ComponentType<Omit<Omit<Omit<AttributeIdProps & PaddingProps & BorderProps & {
+    fill: string;
+} & TextProps & ExplainProps & {
+    style: CSSProperties;
+    implicitLabelPrefix: string;
+    unsatisfiedColors: InputStateColors;
+    implicitSelectedColors: InputStateColors;
+} & {
+    resetLabel: string;
+    appearance: "none" | "auto";
+    textAlign: "center" | "end" | "start" | "initial";
+} & {
+    includedLabel?: string;
+    excludedLabel?: string;
+} & RefAttributes<HTMLSelectElement>, "ref"> & RefAttributes<unknown>, "ref"> & RefAttributes<unknown>, "ref"> & RefAttributes<unknown>>;
+
+declare type Condition = "none" | "explicit" | "implicit" | "blocked";
+
+/**
+ * These annotations control how your component sizes
+ * Learn more: https://www.framer.com/developers/#code-components-auto-sizing
+ *
+ * @framerSupportedLayoutWidth any
+ * @framerSupportedLayoutHeight any
+ */
+export declare const Configuration: ComponentType<{
+    configurationModelNotFoundContent?: ReactNode;
+    accessTokenInvalidContent?: ReactNode;
+    accessTokenRestrictionContent?: ReactNode;
+    errorContent?: ReactNode;
+} & ChoiceValueSortingProps & {
+    hcaBaseUrl: string;
+    sessionCreation: "client-side" | "server-side";
+    accessToken?: string;
+    sessionCreateUrl?: string;
+    sessionDeleteUrl?: string;
+    deploymentName: string;
+    channel: string;
+    explainDialogProps: ExplainDialogProps;
+    explainPopoverProps: ExplainPopoverProps;
+    explainConstraints: boolean;
+    attributeRelations: {
+        jsonDefinition: string;
+    };
+} & {
+    children?: ReactNode;
+} & RefAttributes<unknown>>;
+
+declare type DisplayMode = "dialog" | "popover";
+
+declare type ExplainDialogProps = {
+    attributeValueFill: string;
+    attributeValueAddFill: string;
+    attributeValueAddColor: string;
+    attributeValueRemoveFill: string;
+    attributeValueRemoveColor: string;
+    headerValueColor: string;
+    fill: string;
+    color: string;
+    closeButtonOutline: string;
+    applySolutionButtonFill: string;
+    applySolutionButtonColor: string;
+    applySolutionButtonOutline: string;
+    explanationCard: string;
+    scrollShadowBorder: string;
+    backdropFilter: string;
+};
+
+declare type ExplainPopoverProps = {
+    attributeValueFill: string;
+    attributeValueAddFill: string;
+    attributeValueAddColor: string;
+    attributeValueRemoveFill: string;
+    attributeValueRemoveColor: string;
+    headerValueColor: string;
+    fill: string;
+    color: string;
+    closeButtonOutline: string;
+    listSeparator: string;
+    applySolutionButtonFill: string;
+    applySolutionButtonColor: string;
+    applySolutionButtonOutline: string;
+    showMoreButtonOutline: string;
+};
+
+declare type ExplainProps = {
+    explain: DisplayMode | "disabled";
+};
+
+/**
+ * @framerSupportedLayoutWidth any
+ * @framerSupportedLayoutHeight any
+ */
+export declare const InitializationRetry: ComponentType<{
+    children?: ReactNode;
+} & RefAttributes<unknown>>;
+
+declare type InputStateColors = {
+    fill: string;
+    color: string;
+    borderColor: string;
+};
+
+/**
+ * @framerIntrinsicWidth 300
+ * @framerIntrinsicHeight 35
+ *
+ * @framerSupportedLayoutWidth any
+ * @framerSupportedLayoutHeight fixed
+ */
+export declare const NumericInput: ComponentType<Omit<Omit<Omit<AttributeIdProps & PaddingProps & BorderProps & {
+    fill: string;
+} & TextProps & ExplainProps & {
+    style: CSSProperties;
+    implicitLabelPrefix: string;
+    unsatisfiedColors: InputStateColors;
+    implicitSelectedColors: InputStateColors;
+} & {
+    wait: number;
+    decimalSeparator: string;
+    thousandSeparator: string;
+    placeholder: string;
+} & RefAttributes<NumericFormat<unknown>>, "ref"> & RefAttributes<unknown>, "ref"> & RefAttributes<unknown>, "ref"> & RefAttributes<unknown>>;
+
+declare type PaddingProps = {
+    padding: number;
+    paddingTop: number;
+    paddingRight: number;
+    paddingBottom: number;
+    paddingLeft: number;
+    isMixedPadding: boolean;
+};
+
+declare type Props = {
+    enabledChildren: ReactNode;
+    disabledChildren: ReactNode;
+};
+
+declare type Props_2 = {
+    color: string;
+    style?: CSSProperties;
+};
+
+declare type Props_3 = {
+    delay: number;
+};
+
+/**
+ * @framerSupportedLayoutWidth any
+ * @framerSupportedLayoutHeight any
+ */
+export declare const ResetConfiguration: ComponentType<Props & RefAttributes<unknown>>;
+
+/**
+ * @framerSupportedLayoutWidth any
+ * @framerSupportedLayoutHeight any
+ */
+export declare const SatisfactionIndicator: ComponentType<Omit<Omit<Omit<AttributeIdProps & ExplainProps & {
+    satisfiedChildren: ReactNode;
+    unsatisfiedChildren: ReactNode;
+    attributes: AttributeIdProps[];
+} & {
+    children?: ReactNode;
+} & RefAttributes<HTMLElement>, "ref"> & RefAttributes<unknown>, "ref"> & RefAttributes<unknown>, "ref"> & RefAttributes<unknown>>;
+
+/**
+ * @framerSupportedLayoutWidth any
+ * @framerSupportedLayoutHeight any
+ */
+export declare function ScrollIntoView(props: Props_3): JSX_2.Element;
+
+/**
+ * @framerSupportedLayoutWidth any
+ * @framerSupportedLayoutHeight any
+ */
+export declare const SelectionIndicator: ComponentType<Omit<AttributeIdProps & ChoiceValueIdProps & {
+    variants: Variant[];
+    content1: ReactNode;
+    content2: ReactNode;
+    content3: ReactNode;
+    content4: ReactNode;
+    content5: ReactNode;
+    content6: ReactNode;
+    content7: ReactNode;
+    content8: ReactNode;
+    content9: ReactNode;
+    content10: ReactNode;
+} & RefAttributes<HTMLElement>, "ref"> & RefAttributes<unknown>>;
+
+declare type SelectionState = "undefined" | "included" | "excluded" | "true" | "false";
+
+declare type SelectionState_2 = "undefined" | "included" | "excluded" | "true" | "false" | "numeric";
+
+declare type SelectionState_3 = "undefined" | "included" | "excluded" | "true" | "false" | "numeric";
+
+declare type SelectionState_4 = "undefined" | "included" | "excluded" | "true" | "false" | "numeric";
+
+/**
+ * @framerSupportedLayoutWidth any
+ * @framerSupportedLayoutHeight any
+ */
+export declare const SelectionToggle: ComponentType<Omit<Omit<Omit<AttributeIdProps & ChoiceValueIdProps & ExplainProps & {
+    toggleFrom: SelectionState;
+    toggleTo: SelectionState;
+} & {
+    children?: ReactNode;
+} & RefAttributes<HTMLElement>, "ref"> & RefAttributes<unknown>, "ref"> & RefAttributes<unknown>, "ref"> & RefAttributes<unknown>>;
+
+/**
+ * @framerSupportedLayoutWidth any
+ * @framerSupportedLayoutHeight any
+ */
+export declare const SetSelection: ComponentType<Omit<Omit<Omit<AttributeIdProps & ChoiceValueIdProps & ExplainProps & {
+    setSelection: SelectionState_2;
+    numericValue: number;
+    attributeIds: [];
+} & {
+    children?: ReactNode;
+} & RefAttributes<HTMLElement>, "ref"> & RefAttributes<unknown>, "ref"> & RefAttributes<unknown>, "ref"> & RefAttributes<unknown>>;
+
+/**
+ * @framerSupportedLayoutWidth any
+ * @framerSupportedLayoutHeight any
+ */
+export declare const SetSelections: ComponentType<Omit<Omit<Omit<ExplainProps & {
+    attributes: (AttributeIdProps & ChoiceValueIdProps & {
+        setSelection: SelectionState_3;
+        numericValue: number;
+    })[];
+    existingSelections: "keep" | "drop";
+    autoResolveConflicts: boolean;
+    trigger: "click" | "auto";
+} & {
+    children?: ReactNode;
+} & RefAttributes<HTMLElement>, "ref"> & RefAttributes<unknown>, "ref"> & RefAttributes<unknown>, "ref"> & RefAttributes<unknown>>;
+
+export declare function Singleton(props: PropsWithChildren<{
+    singletonId: string;
+}>): JSX_2.Element;
+
+declare type SortingRule = {
+    regex: string;
+    direction: "asc" | "desc";
+    mode: "isMatch" | "string" | "numeric";
+    description?: string;
+};
+
+declare type TextProps = {
+    color: string;
+    fontSize: number;
+};
+
+export declare function useDebounceValue<TValue>(sourceValue: TValue, setSourceValue: (value: TValue) => void, inputValue: TValue, setInputValue: (value: TValue) => void, wait?: number): {
+    flush: () => void;
+};
+
+export declare function useRenderPlaceholder(): boolean;
+
+export declare function useSortedChoiceValues(attributeId: GlobalAttributeId, choiceValues?: ReadonlyArray<ChoiceValue>): ReadonlyArray<ChoiceValue>;
+
+declare type Variant = {
+    selection: SelectionState_4;
+    condition: Condition;
+    content: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10;
+    useInDesignTime: boolean;
+};
+
+export declare function withFullSize<T, TProps extends {
+    style?: CSSProperties;
+}>(Component: ComponentType<TProps>): ComponentType<PropsWithoutRef<TProps> & RefAttributes<T>>;
+
+export { }