@enableai-base/form 1.0.0

package/dist/form.css

@@ -0,0 +1,70 @@
+.date-panel-popover-root {
+  background: transparent !important;
+}
+
+  .date-panel-popover-root .ant-popover-inner {
+    background: transparent !important;
+    box-shadow: none !important;
+  }
+
+  .date-panel-popover-root .ant-picker {
+    box-shadow: none !important;
+    border: none !important;
+    outline: none !important;
+    padding: 0 !important ;
+  }
+
+  .date-panel-popover-root .ant-picker-input {
+    display: none;
+    border: none !important;
+    outline: none !important;
+  }
+
+.column-setting-form {
+  --cs-gap-8: 8px;
+  --cs-gap-14: 14px;
+  --cs-gap-24: 24px;
+}
+
+.column-setting-form .custom-form-divider {
+    margin-top: -5px;
+    margin-bottom: var(--cs-gap-14);
+  }
+
+.column-setting-form .custom-form-item {
+    margin: 0 0 var(--cs-gap-8);
+    height: 22px;
+  }
+
+.column-setting-form .custom-options-container {
+    background: var(--ant-color-bg-layout);
+    border-radius: 6px;
+    padding: var(--cs-gap-8);
+    margin: 0 0 var(--cs-gap-24);
+  }
+
+.column-setting-form .custom-form-container {
+    margin: 0 0 var(--cs-gap-24);
+  }
+
+.column-setting-form .form-button-container {
+    margin-bottom: 0;
+  }
+
+.column-setting-form .form-button-container .ant-btn > span {
+      padding: 4px 8px;
+    }
+
+.column-setting-modal .draggable-modal {
+    box-shadow:
+      0 9px 28px 8px rgba(0, 0, 0, 0.05),
+      0 6px 16px 0 rgba(0, 0, 0, 0.05),
+      0 3px 6px -4px rgba(0, 0, 0, 0.05);
+  }
+  .column-setting-modal .header {
+    display: none;
+  }
+  .column-setting-modal .field-form-container {
+    flex: 1;
+    padding: 12px;
+  }

package/dist/form.d.ts

@@ -0,0 +1,144 @@
+/// <reference types="react" />
+import { SelectProps } from 'antd';
+import { ToolConfig, FeatureValues, TableConfig, Feature, DateFormatType } from '@enableai-base/core';
+import { Dayjs } from 'dayjs';
+import { SetStateAction } from 'react';
+
+export interface ColumnFieldFromRef {
+    checkChange: () => boolean;
+}
+export type ColumnFieldFromProps = {
+    formRef: React.Ref<ColumnFieldFromRef>;
+    columnId: string;
+    tools: ToolConfig[];
+    initValues: FeatureValues;
+    onFinish: (values: FeatureValues) => Promise<boolean>;
+    onCancel?: () => void;
+    selectProps?: SelectProps;
+    freeze?: boolean;
+    bodyRef?: React.Ref<HTMLDivElement>;
+};
+export declare const ColumnFieldFrom: FC<ColumnFieldFromProps>;
+
+type FeatureCustomOptionsProps = {
+    features: FeatureValues;
+    onChange: (changed: FeatureValues) => void;
+    freeze?: boolean;
+};
+export declare const FeatureCustomOptions: FC<FeatureCustomOptionsProps>;
+
+type FeatureDateFormatProps = {
+    features: FeatureValues;
+    onChange: (changed: FeatureValues) => void;
+};
+export declare const FeatureDateFormat: FC<FeatureDateFormatProps>;
+
+type FeatureDefaultFieldProps = {
+    tableConfig: TableConfig;
+    features: FeatureValues;
+    onChange: (changed: FeatureValues) => void;
+};
+export declare const FeatureDefaultField: FC<FeatureDefaultFieldProps>;
+
+export type FeatureFieldProps = {
+    features: FeatureValues;
+    tools?: ToolConfig[];
+    onChange: (changed: FeatureValues) => void;
+    selectProps?: SelectProps;
+    freeze?: boolean;
+};
+export declare const FeatureField: FC<FeatureFieldProps>;
+
+type FeatureFileFormatProps = {
+    features: FeatureValues;
+    onChange: (changed: FeatureValues) => void;
+    freeze?: boolean;
+    type?: 'update' | 'insert';
+};
+export declare const FeatureFileFormat: FC<FeatureFileFormatProps>;
+
+type FeatureInputProps = {
+    feature: Feature<any>;
+    freeze?: boolean;
+};
+export declare const FeatureInput: FC<FeatureInputProps>;
+
+type FeatureNumberFormatProps = {
+    features: FeatureValues;
+    onChange: (changed: FeatureValues) => void;
+};
+export declare const FeatureNumberFormat: FC<FeatureNumberFormatProps>;
+
+type FeaturePeopleProps = {
+    features: FeatureValues;
+    onChange: (changed: FeatureValues) => void;
+};
+export declare const FeaturePeople: FC<FeaturePeopleProps>;
+
+type TFeatureTypeProps = {
+    feature: Feature<any>;
+    tools?: ToolConfig[];
+    selectProps?: SelectProps;
+};
+export declare const FeatureTypeSelect: FC<TFeatureTypeProps>;
+
+type CustomDatePickerProps$1 = {
+    formatType?: DateFormatType;
+    onChangeDate: (date: string) => void;
+};
+export declare const CustomDatePicker: FC<CustomDatePickerProps$1>;
+
+type CustomDatePickerProps = {
+    formatType?: string;
+    onChangeDate: (date: Dayjs) => void;
+};
+export declare const CustomDatePickerV2: FC<CustomDatePickerProps>;
+
+export type FeatureDefaultValueProps = {
+    tableConfig: TableConfig;
+    features: FeatureValues;
+    onChange: (changed: FeatureValues) => void;
+};
+
+export declare const FeatureDefaultDate: FC<FeatureDefaultValueProps>;
+
+export declare const FeatureDefaultDateV2: FC<FeatureDefaultValueProps>;
+
+export declare const FeatureDefaultInput: FC<FeatureDefaultValueProps>;
+
+export declare const FeatureDefaultJson: FC<FeatureDefaultValueProps>;
+
+export declare const FeatureDefaultNumber: FC<FeatureDefaultValueProps>;
+
+export declare const FeatureDefaultSelect: FC<FeatureDefaultValueProps>;
+
+export declare const getCurrentGMTLabel: () => string;
+
+type PointData = {
+    x: number;
+    y: number;
+};
+export interface ColumnSettingModalRef {
+    formRef: ColumnFieldFromRef | null;
+}
+export type ColumnSettingModalProps = {
+    ref?: React.Ref<ColumnSettingModalRef>;
+    contentRef?: React.Ref<HTMLDivElement>;
+    bodyRef?: React.Ref<HTMLDivElement>;
+    selectProps?: SelectProps;
+    offsetParent: HTMLElement | null;
+    position: PointData;
+    columnId: string;
+    initValues: FeatureValues;
+    tools: ToolConfig[];
+    className?: string;
+    isOpen?: boolean;
+    width?: number;
+    freeze?: boolean;
+    onClose?: () => void;
+    onFinish: (values: FeatureValues) => Promise<boolean>;
+    onPositionChange: (data: SetStateAction<PointData>) => void;
+};
+export declare const ColumnSettingModal: FC<ColumnSettingModalProps>;
+
+