npm - @erpsquad/common - Versions diffs - 1.8.44 → 1.8.46 - Mend

@erpsquad/common 1.8.44 → 1.8.46

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.

Files changed (1448) hide show

package/dist/components/form-control/form-parser/form-section/index.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.esm.js","sources":["../../../../../src/components/form-control/form-parser/form-section.tsx"],"sourcesContent":["/* eslint-disable react-hooks/exhaustive-deps */\nimport React, { memo, useMemo, useCallback } from 'react';\nimport { Grid, Divider, FormControlLabel, Radio } from '@mui/material';\nimport DynamicInput from '../form-builder/form-builder-element/text';\nimport DynamicDate from '../form-builder/form-builder-element/date';\nimport DynamicTime from '../form-builder/form-builder-element/time';\nimport DynamicPhone from '../form-builder/form-builder-element/phone';\nimport DynamicSearchSelect from '../form-builder/form-builder-element/dynamic-select';\nimport DynamicMedia from '../form-builder/form-builder-element/media';\nimport DynamicInfo from '../form-builder/form-builder-element/info';\nimport DynamicToggleButton from '../form-builder/form-builder-element/toggle-button';\nimport DynamicCheckBox from '../form-builder/form-builder-element/checkbox';\nimport DynamicTable from '../form-builder/form-builder-element/table';\nimport DynamicRadioButton from '../form-builder/form-builder-element/radio-button';\nimport DynamicTagsInput from '../form-builder/form-builder-element/dynamic-tags-input';\nimport DynamicCurrency from '../form-builder/form-builder-element/dynamic-currency-input';\nimport DynamicInputSelect from '../form-builder/form-builder-element/dynamic-input-select';\nimport ChipGenerator from '../../chip-generator/chip-generator';\nimport { LocationSearchSelect } from '../../location-select';\nimport FormSwitcher from './form-switcher';\nimport Typography from '../../typography/typography';\nimport Accordion from '../../accordion/accordion';\n\n// Types for better type safety\ninterface Field {\n name?: string;\n label: string;\n field_type: string;\n is_fullwidth?: boolean;\n custom_width?: number;\n is_hidden?: boolean;\n is_required?: boolean;\n disabled?: boolean;\n placeholder?: string;\n value?: any;\n default_value?: any;\n title?: string;\n title_position?: string;\n table_columns?: any[];\n table_rows?: any[];\n component?: React.ReactNode;\n field_properties?: {\n apiType?: string;\n customeFilter?: any;\n attributes?: any;\n disabledIds?: any[];\n sortOrder?: string;\n maxChips?: number;\n allowDuplicates?: boolean;\n };\n validation?: any;\n filterField?: string;\n}\n\ninterface Section {\n label?: string;\n is_accordion?: boolean;\n disabled?: boolean;\n form_switcher_label?: string;\n}\n\ninterface FormSectionProps {\n section: Section;\n index: number;\n members?: Field[];\n switchForms?: any[];\n isFormSwitcher: boolean;\n control: any;\n fieldArrayName: string;\n formSwitcherName: string;\n displayAvtar?: boolean;\n isButton?: boolean;\n currencyOption?: any;\n values: any;\n onBlur?: (e: any, fieldName?: string) => void;\n setValue: (name: string, value: any) => void;\n onSelectFooterClick?: (field: Field) => void;\n getSelectedData?: (row: any, key: any) => void;\n setCurrencyOptions: (options: any) => void;\n refreshOptions: any;\n handleFieldCleanUp: (forms: any[]) => void;\n handleSetCountryCodeField: (country: any, field: Field, fieldArrayName: string, values: any) => void;\n handleTableAddClick: (field: Field) => void;\n onTableCellChange?: (data: any) => void;\n // setDetailsData: (data: any) => void;\n t: (key: string) => string;\n images: any;\n}\n\n// Memoized field component to prevent unnecessary re-renders\nconst MemoizedField = memo(({ \n field, \n fieldName, \n sectionLabel, \n index, \n ...props \n}: { \n field: Field; \n fieldName: string; \n sectionLabel?: string; \n index: number; \n [key: string]: any;\n}) => {\n const gridSize = useMemo(() => \n field.is_fullwidth ? 12 : (field.custom_width ?? 6),\n [field.is_fullwidth, field.custom_width]\n );\n\n const fieldKey = useMemo(() => \n `${sectionLabel}-${fieldName}-${index}`,\n [sectionLabel, fieldName, index]\n );\n\n const commonProps = useMemo(() => ({\n ...field,\n key: fieldKey,\n name: fieldName,\n position: index,\n formControl: props.control,\n fieldArrayName: props.fieldArrayName,\n required: field.is_required,\n label: props.t(field.label),\n placeholder: props.t(field.placeholder),\n defaultValue: field.value \|\| field.default_value,\n disabled: field.disabled\n }), [field, fieldName, index, fieldKey, props.control, props.fieldArrayName, props.t]);\n\n const handleBlur = useCallback((e: any) => {\n if (props.onBlur && typeof props.onBlur === 'function') {\n props.onBlur(e, fieldName);\n }\n }, [props.onBlur, fieldName]);\n\n const endIcon = useMemo(() => {\n const iconMap: Record<string, string> = {\n email: props.images.sms,\n url: props.images.url,\n currency: props.images.dollar,\n geoLocation: props.images.location\n };\n \n const iconSrc = iconMap[field.field_type];\n return iconSrc ? <img src={iconSrc} alt={field.field_type} /> : null;\n }, [field.field_type, props.images]);\n\n const relationLabel = useMemo(() => (\n field.field_type === \"relation\" ? (\n <span className=\"formSection--Relation\">\n {props.t(field.label)}\n <img src={props.images.relation} alt=\"relation\" />\n </span>\n ) : props.t(field.label)\n ), [field.field_type, field.label, props.t, props.images.relation]);\n\n // Render field based on type\n const renderField = () => {\n switch (field.field_type) {\n case \"text\":\n case \"email\":\n case \"url\":\n case \"currency\":\n case \"number\":\n case \"geoLocation\":\n case \"relation\":\n return (\n <DynamicInput\n {...commonProps}\n key={commonProps.key}\n label={relationLabel}\n onBlur={handleBlur}\n type={field.field_type}\n endIcon={endIcon}\n disabled={field.disabled \|\| field.field_type === \"relation\"}\n />\n );\n\n case \"date\":\n return <DynamicDate {...commonProps} key={commonProps.key}/>;\n\n case \"time\":\n return <DynamicTime {...commonProps} key={commonProps.key}/>;\n\n case \"phone\":\n return (\n <DynamicPhone\n {...commonProps}\n key={commonProps.key}\n setCountryCodeField={(country: any) =>\n props.handleSetCountryCodeField(country, field, props.fieldArrayName, props.values)\n }\n />\n );\n\n case \"select\":\n return (\n <DynamicSearchSelect\n {...commonProps}\n key={commonProps.key}\n apiType={field.field_properties?.apiType}\n customeFilter={field.field_properties?.customeFilter}\n attributes={field.field_properties?.attributes}\n disabledIds={field.field_properties?.disabledIds}\n onChipRemove={() => props.setValue(`${props.fieldArrayName}.${fieldName}`, [])}\n onFooterClick={() => props.onSelectFooterClick?.(field)}\n handleOptions={props.setCurrencyOptions}\n getSelectedData={props.getSelectedData}\n refresh={props.refreshOptions}\n sortOrder={field.field_properties?.sortOrder}\n />\n );\n\n case \"file\":\n case \"image\":\n return <DynamicMedia {...commonProps} key={commonProps.key}/>;\n\n case \"info\":\n return <DynamicInfo {...commonProps} key={commonProps.key}/>;\n\n case \"toggleButton\":\n return (\n <DynamicToggleButton\n {...commonProps}\n key={commonProps.key}\n titlePosition={field.title_position}\n title={props.t(field.title)}\n />\n );\n\n case \"checkbox\":\n return (\n <DynamicCheckBox\n {...commonProps}\n key={commonProps.key}\n titlePosition={field.title_position}\n title={props.t(field.title)}\n />\n );\n\n case \"table\":\n return (\n <DynamicTable\n {...commonProps}\n key={commonProps.key}\n columns={field.table_columns}\n rows={field.table_rows}\n onAddClick={() => props.handleTableAddClick(field)}\n disableTableAddButton={Boolean(field.disableTableAddButton)}\n is_button={props.isButton}\n onTableCellChange={props.onTableCellChange}\n />\n );\n\n case \"radioButton\":\n return (\n <DynamicRadioButton\n {...commonProps}\n key={commonProps.key}\n titlePosition={field.title_position}\n title={props.t(field.title)}\n />\n );\n\n case \"customComponent\":\n return field.component;\n\n case \"tagsInput\":\n return (\n <DynamicTagsInput\n {...commonProps}\n key={commonProps.key}\n label={relationLabel}\n type={field.field_type}\n endIcon={endIcon}\n />\n );\n\n case \"currency_with_amount\":\n return (\n <DynamicCurrency\n {...commonProps}\n key={commonProps.key}\n currencyType={props.currencyOption}\n />\n );\n\n case \"select_with_input\":\n return (\n <DynamicInputSelect\n {...commonProps}\n currencyType={props.currencyOption}\n />\n );\n\n case \"chipInput\":\n return (\n <ChipGenerator\n {...commonProps}\n key={commonProps.key}\n maxChips={field.field_properties?.maxChips}\n allowDuplicates={field.field_properties?.allowDuplicates}\n validation={field.validation}\n endIcon={endIcon}\n onChipAdd={(chip: any) => console.log('Chip added:', chip)}\n onChipRemove={(chip: any, index: number) => console.log('Chip removed:', chip, 'at index:', index)}\n />\n );\n\n case \"location_select\":\n return (\n <LocationSearchSelect\n fieldArrayName={props.fieldArrayName}\n filterField={field.filterField}\n getSelectedData={(row: any[]) => props.getSelectedData(row)}\n locationFieldName={field.name}\n addType=\"location\"\n enable_footer={true}\n />\n );\n\n default:\n return null;\n }\n };\n\n // For table fields, use full width\n if (field.field_type === \"table\" \|\| field.field_type === \"customComponent\") {\n return (\n <Grid item xs={12}>\n {renderField()}\n </Grid>\n );\n }\n\n return (\n <Grid item xs={gridSize}>\n {renderField()}\n </Grid>\n );\n});\n\nMemoizedField.displayName = 'MemoizedField';\n\n// Memoized FormSwitcher component\nconst MemoizedFormSwitcher = memo(({ \n section, \n switchForms, \n isFormSwitcher, \n control, \n fieldArrayName, \n formSwitcherName, \n handleFieldCleanUp, \n t \n}: {\n section: Section;\n switchForms?: any[];\n isFormSwitcher: boolean;\n control: any;\n fieldArrayName: string;\n formSwitcherName: string;\n handleFieldCleanUp: (forms: any[]) => void;\n t: (key: string) => string;\n}) => {\n const resetForm = useCallback(() => {\n handleFieldCleanUp(switchForms \|\| []);\n }, [handleFieldCleanUp, switchForms]);\n\n if (!isFormSwitcher \|\| !switchForms?.length) return null;\n\n return (\n <FormSwitcher\n {...section}\n isFormSwitcher={isFormSwitcher}\n control={control}\n fieldArrayName={fieldArrayName}\n formSwitcherName={formSwitcherName}\n label={t(section.form_switcher_label \|\| '')}\n resetForm={resetForm}\n >\n {switchForms.map((forms: any) => (\n <FormControlLabel\n key={forms.id}\n value={forms.value \|\| forms.name}\n control={<Radio />}\n slotProps={{ typography: { variant: \"body2\" } }}\n label={t(forms.name)}\n disabled={Boolean(section.disabled)}\n />\n ))}\n </FormSwitcher>\n );\n});\n\nMemoizedFormSwitcher.displayName = 'MemoizedFormSwitcher';\n\n// Main component\nconst FormSection = memo<FormSectionProps>(({\n section,\n index,\n members,\n switchForms,\n isFormSwitcher,\n control,\n fieldArrayName,\n formSwitcherName,\n displayAvtar,\n isButton,\n currencyOption,\n values,\n onBlur,\n setValue,\n onSelectFooterClick,\n getSelectedData,\n setCurrencyOptions,\n refreshOptions,\n handleFieldCleanUp,\n handleSetCountryCodeField,\n handleTableAddClick,\n onTableCellChange,\n setDetailsData,\n t,\n images\n}) => {\n // Memoize visible members to prevent recalculation\n const visibleMembers = useMemo(() => \n members?.filter(f => !f.is_hidden) \|\| [],\n [members]\n );\n\n // Memoize field names to prevent recalculation\n const fieldsWithNames = useMemo(() => \n visibleMembers.map(field => ({\n ...field,\n fieldName: field.name \|\| field.label.toLowerCase().split(\" \").join(\"_\")\n })),\n [visibleMembers]\n );\n\n // Memoize section header\n const sectionHeader = useMemo(() => {\n if (!section.label) return null;\n \n return (\n <div style={{ minHeight: \"16px\" }}>\n {index !== 0 && <Divider className='formParser--Section--SectionDivider' />}\n <Typography\n type=\"s3\"\n weight=\"medium\"\n mb={2}\n mt={4}\n color=\"theme.secondary.1000\"\n className='formParser--Section--SectionTitle'\n >\n {t(section.label)}\n </Typography>\n </div>\n );\n }, [section.label, index, t]);\n\n // Avatar component\n const avatarDisplay = useMemo(() => \n displayAvtar ? <div className='avtarDisplay'>ERP</div> : null,\n [displayAvtar]\n );\n\n // Common props for field rendering\n const fieldProps = useMemo(() => ({\n control,\n fieldArrayName,\n isButton,\n currencyOption,\n values,\n onBlur,\n setValue,\n onSelectFooterClick,\n getSelectedData,\n setCurrencyOptions,\n refreshOptions,\n handleSetCountryCodeField,\n handleTableAddClick,\n onTableCellChange,\n setDetailsData,\n t,\n images\n }), [\n control, fieldArrayName, isButton, currencyOption, values,\n onBlur, setValue, onSelectFooterClick, getSelectedData,\n setCurrencyOptions, refreshOptions, handleSetCountryCodeField,\n handleTableAddClick, onTableCellChange, setDetailsData, t, images\n ]);\n\n if (section.is_accordion) {\n return (\n <section key={index} className='formParser--Section'>\n <div style={{ marginTop: '20px' }}>\n <Accordion title={t(section.label \|\| '')}>\n <div className=\"formParser--Grid formParser--Accordion\">\n <MemoizedFormSwitcher\n section={section}\n switchForms={switchForms}\n isFormSwitcher={isFormSwitcher}\n control={control}\n fieldArrayName={fieldArrayName}\n formSwitcherName={formSwitcherName}\n handleFieldCleanUp={handleFieldCleanUp}\n t={t}\n />\n {fieldsWithNames.map((field, fieldIndex) => (\n <MemoizedField\n key={`${section.label}-${field.fieldName}-${fieldIndex}`}\n field={field}\n fieldName={field.fieldName}\n sectionLabel={section.label}\n index={fieldIndex}\n {...fieldProps}\n />\n ))}\n </div>\n </Accordion>\n </div>\n </section>\n );\n }\n\n return (\n <section key={index} className='formParser--Section'>\n {sectionHeader}\n \n <MemoizedFormSwitcher\n section={section}\n switchForms={switchForms}\n isFormSwitcher={isFormSwitcher}\n control={control}\n fieldArrayName={fieldArrayName}\n formSwitcherName={formSwitcherName}\n handleFieldCleanUp={handleFieldCleanUp}\n t={t}\n />\n\n <Grid container spacing={2}>\n {avatarDisplay}\n {fieldsWithNames.map((field, fieldIndex) => (\n <MemoizedField\n key={`${section.label}-${field.fieldName}-${fieldIndex}`}\n field={field}\n fieldName={field.fieldName}\n sectionLabel={section.label}\n index={fieldIndex}\n {...fieldProps}\n />\n ))}\n </Grid>\n </section>\n );\n});\n\nFormSection.displayName = 'FormSection';\n\nexport default FormSection;"],"names":["_a","index"],"mappings":"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"}
1	+ {"version":3,"file":"index.esm.js","sources":["../../../../../src/components/form-control/form-parser/form-section.tsx"],"sourcesContent":["/* eslint-disable react-hooks/exhaustive-deps */\nimport React, { memo, useMemo, useCallback } from 'react';\nimport { Grid, Divider, FormControlLabel, Radio } from '@mui/material';\nimport DynamicInput from '../form-builder/form-builder-element/text';\nimport DynamicDate from '../form-builder/form-builder-element/date';\nimport DynamicTime from '../form-builder/form-builder-element/time';\nimport DynamicPhone from '../form-builder/form-builder-element/phone';\nimport DynamicSearchSelect from '../form-builder/form-builder-element/dynamic-select';\nimport DynamicMedia from '../form-builder/form-builder-element/media';\nimport DynamicInfo from '../form-builder/form-builder-element/info';\nimport DynamicToggleButton from '../form-builder/form-builder-element/toggle-button';\nimport DynamicCheckBox from '../form-builder/form-builder-element/checkbox';\nimport DynamicTable from '../form-builder/form-builder-element/table';\nimport DynamicRadioButton from '../form-builder/form-builder-element/radio-button';\nimport DynamicTagsInput from '../form-builder/form-builder-element/dynamic-tags-input';\nimport DynamicCurrency from '../form-builder/form-builder-element/dynamic-currency-input';\nimport DynamicInputSelect from '../form-builder/form-builder-element/dynamic-input-select';\nimport ChipGenerator from '../../chip-generator/chip-generator';\nimport { LocationSearchSelect } from '../../location-select';\nimport FormSwitcher from './form-switcher';\nimport Typography from '../../typography/typography';\nimport Accordion from '../../accordion/accordion';\n\n// Types for better type safety\ninterface Field {\n name?: string;\n label: string;\n field_type: string;\n is_fullwidth?: boolean;\n custom_width?: number;\n is_hidden?: boolean;\n is_required?: boolean;\n disabled?: boolean;\n placeholder?: string;\n value?: any;\n default_value?: any;\n title?: string;\n title_position?: string;\n table_columns?: any[];\n table_rows?: any[];\n component?: React.ReactNode;\n field_properties?: {\n apiType?: string;\n customeFilter?: any;\n attributes?: any;\n disabledIds?: any[];\n sortOrder?: string;\n maxChips?: number;\n allowDuplicates?: boolean;\n };\n validation?: any;\n filterField?: string;\n}\n\ninterface Section {\n label?: string;\n is_accordion?: boolean;\n disabled?: boolean;\n form_switcher_label?: string;\n}\n\ninterface FormSectionProps {\n section: Section;\n index: number;\n members?: Field[];\n switchForms?: any[];\n isFormSwitcher: boolean;\n control: any;\n fieldArrayName: string;\n formSwitcherName: string;\n displayAvtar?: boolean;\n isButton?: boolean;\n currencyOption?: any;\n values: any;\n onBlur?: (e: any, fieldName?: string) => void;\n setValue: (name: string, value: any) => void;\n onSelectFooterClick?: (field: Field) => void;\n getSelectedData?: (row: any, key: any) => void;\n setCurrencyOptions: (options: any) => void;\n refreshOptions: any;\n handleFieldCleanUp: (forms: any[]) => void;\n handleSetCountryCodeField: (country: any, field: Field, fieldArrayName: string, values: any) => void;\n handleTableAddClick: (field: Field) => void;\n onTableCellChange?: (data: any) => void;\n // setDetailsData: (data: any) => void;\n t: (key: string) => string;\n images: any;\n}\n\n// Memoized field component to prevent unnecessary re-renders\nconst MemoizedField = memo(({ \n field, \n fieldName, \n sectionLabel, \n index, \n ...props \n}: { \n field: Field; \n fieldName: string; \n sectionLabel?: string; \n index: number; \n [key: string]: any;\n}) => {\n const gridSize = useMemo(() => \n field.is_fullwidth ? 12 : (field.custom_width ?? 6),\n [field.is_fullwidth, field.custom_width]\n );\n\n const fieldKey = useMemo(() => \n `${sectionLabel}-${fieldName}-${index}`,\n [sectionLabel, fieldName, index]\n );\n\n const commonProps = useMemo(() => ({\n ...field,\n key: fieldKey,\n name: fieldName,\n position: index,\n formControl: props.control,\n fieldArrayName: props.fieldArrayName,\n required: field.is_required,\n label: props.t(field.label),\n placeholder: props.t(field.placeholder),\n defaultValue: field.value \|\| field.default_value,\n disabled: field.disabled\n }), [field, fieldName, index, fieldKey, props.control, props.fieldArrayName, props.t]);\n\n const handleBlur = useCallback((e: any) => {\n if (props.onBlur && typeof props.onBlur === 'function') {\n props.onBlur(e, fieldName);\n }\n }, [props.onBlur, fieldName]);\n\n const endIcon = useMemo(() => {\n const iconMap: Record<string, string> = {\n email: props.images.sms,\n url: props.images.url,\n currency: props.images.dollar,\n geoLocation: props.images.location\n };\n \n const iconSrc = iconMap[field.field_type];\n return iconSrc ? <img src={iconSrc} alt={field.field_type} /> : null;\n }, [field.field_type, props.images]);\n\n const relationLabel = useMemo(() => (\n field.field_type === \"relation\" ? (\n <span className=\"formSection--Relation\">\n {props.t(field.label)}\n <img src={props.images.relation} alt=\"relation\" />\n </span>\n ) : props.t(field.label)\n ), [field.field_type, field.label, props.t, props.images.relation]);\n\n // Render field based on type\n const renderField = () => {\n switch (field.field_type) {\n case \"text\":\n case \"email\":\n case \"url\":\n case \"currency\":\n case \"number\":\n case \"geoLocation\":\n case \"relation\":\n return (\n <DynamicInput\n {...commonProps}\n key={commonProps.key}\n label={relationLabel}\n onBlur={handleBlur}\n type={field.field_type}\n endIcon={endIcon}\n disabled={field.disabled \|\| field.field_type === \"relation\"}\n />\n );\n\n case \"date\":\n return <DynamicDate {...commonProps} key={commonProps.key}/>;\n\n case \"time\":\n return <DynamicTime {...commonProps} key={commonProps.key}/>;\n\n case \"phone\":\n return (\n <DynamicPhone\n {...commonProps}\n key={commonProps.key}\n setCountryCodeField={(country: any) =>\n props.handleSetCountryCodeField(country, field, props.fieldArrayName, props.values)\n }\n />\n );\n\n case \"select\":\n return (\n <DynamicSearchSelect\n {...commonProps}\n key={commonProps.key}\n apiType={field.field_properties?.apiType}\n customeFilter={field.field_properties?.customeFilter}\n attributes={field.field_properties?.attributes}\n disabledIds={field.field_properties?.disabledIds}\n onChipRemove={() => props.setValue(`${props.fieldArrayName}.${fieldName}`, [])}\n onFooterClick={() => props.onSelectFooterClick?.(field)}\n handleOptions={props.setCurrencyOptions}\n getSelectedData={props.getSelectedData}\n refresh={props.refreshOptions}\n sortOrder={field.field_properties?.sortOrder}\n />\n );\n\n case \"file\":\n case \"image\":\n return <DynamicMedia {...commonProps} key={commonProps.key}/>;\n\n case \"info\":\n return <DynamicInfo {...commonProps} key={commonProps.key}/>;\n\n case \"toggleButton\":\n return (\n <DynamicToggleButton\n {...commonProps}\n key={commonProps.key}\n titlePosition={field.title_position}\n title={props.t(field.title)}\n />\n );\n\n case \"checkbox\":\n return (\n <DynamicCheckBox\n {...commonProps}\n key={commonProps.key}\n titlePosition={field.title_position}\n title={props.t(field.title)}\n />\n );\n\n case \"table\":\n return (\n <DynamicTable\n {...commonProps}\n key={commonProps.key}\n columns={field.table_columns}\n rows={field.table_rows}\n onAddClick={() => props.handleTableAddClick(field)}\n disableTableAddButton={Boolean(field.disableTableAddButton)}\n is_button={props.isButton}\n onTableCellChange={props.onTableCellChange}\n />\n );\n\n case \"radioButton\":\n return (\n <DynamicRadioButton\n {...commonProps}\n key={commonProps.key}\n titlePosition={field.title_position}\n title={props.t(field.title)}\n />\n );\n\n case \"customComponent\":\n return field.component;\n\n case \"tagsInput\":\n return (\n <DynamicTagsInput\n {...commonProps}\n key={commonProps.key}\n label={relationLabel}\n type={field.field_type}\n endIcon={endIcon}\n />\n );\n\n case \"currency_with_amount\":\n return (\n <DynamicCurrency\n {...commonProps}\n key={commonProps.key}\n currencyType={props.currencyOption}\n />\n );\n\n case \"select_with_input\":\n return (\n <DynamicInputSelect\n {...commonProps}\n currencyType={props.currencyOption}\n />\n );\n\n case \"chipInput\":\n return (\n <ChipGenerator\n {...commonProps}\n key={commonProps.key}\n maxChips={field.field_properties?.maxChips}\n allowDuplicates={field.field_properties?.allowDuplicates}\n validation={field.validation}\n endIcon={endIcon}\n onChipAdd={(chip: any) => console.log('Chip added:', chip)}\n onChipRemove={(chip: any, index: number) => console.log('Chip removed:', chip, 'at index:', index)}\n />\n );\n\n case \"location_select\":\n return (\n <LocationSearchSelect\n fieldArrayName={props.fieldArrayName}\n filterField={field.filterField}\n getSelectedData={(row: any[]) => props.getSelectedData(row)}\n locationFieldName={field.name}\n addType=\"location\"\n enable_footer={true}\n />\n );\n\n default:\n return null;\n }\n };\n\n // For table fields, use full width\n if (field.field_type === \"table\" \|\| field.field_type === \"customComponent\") {\n return (\n <Grid item xs={12}>\n {renderField()}\n </Grid>\n );\n }\n\n return (\n <Grid item xs={gridSize}>\n {renderField()}\n </Grid>\n );\n});\n\nMemoizedField.displayName = 'MemoizedField';\n\n// Memoized FormSwitcher component\nconst MemoizedFormSwitcher = memo(({ \n section, \n switchForms, \n isFormSwitcher, \n control, \n fieldArrayName, \n formSwitcherName, \n handleFieldCleanUp, \n t \n}: {\n section: Section;\n switchForms?: any[];\n isFormSwitcher: boolean;\n control: any;\n fieldArrayName: string;\n formSwitcherName: string;\n handleFieldCleanUp: (forms: any[]) => void;\n t: (key: string) => string;\n}) => {\n const resetForm = useCallback(() => {\n handleFieldCleanUp(switchForms \|\| []);\n }, [handleFieldCleanUp, switchForms]);\n\n if (!isFormSwitcher \|\| !switchForms?.length) return null;\n\n return (\n <FormSwitcher\n {...section}\n isFormSwitcher={isFormSwitcher}\n control={control}\n fieldArrayName={fieldArrayName}\n formSwitcherName={formSwitcherName}\n label={t(section.form_switcher_label \|\| '')}\n resetForm={resetForm}\n >\n {switchForms.map((forms: any) => (\n <FormControlLabel\n key={forms.id}\n value={forms.value \|\| forms.name}\n control={<Radio />}\n slotProps={{ typography: { variant: \"body2\" } }}\n label={t(forms.name)}\n disabled={Boolean(section.disabled)}\n />\n ))}\n </FormSwitcher>\n );\n});\n\nMemoizedFormSwitcher.displayName = 'MemoizedFormSwitcher';\n\n// Main component\nconst FormSection = memo<FormSectionProps>(({\n section,\n index,\n members,\n switchForms,\n isFormSwitcher,\n control,\n fieldArrayName,\n formSwitcherName,\n displayAvtar,\n isButton,\n currencyOption,\n values,\n onBlur,\n setValue,\n onSelectFooterClick,\n getSelectedData,\n setCurrencyOptions,\n refreshOptions,\n handleFieldCleanUp,\n handleSetCountryCodeField,\n handleTableAddClick,\n onTableCellChange,\n setDetailsData,\n t,\n images\n}) => {\n // Memoize visible members to prevent recalculation\n const visibleMembers = useMemo(() => \n members?.filter(f => !f.is_hidden) \|\| [],\n [members]\n );\n\n // Memoize field names to prevent recalculation\n const fieldsWithNames = useMemo(() => \n visibleMembers.map(field => ({\n ...field,\n fieldName: field.name \|\| field.label.toLowerCase().split(\" \").join(\"_\")\n })),\n [visibleMembers]\n );\n\n // Memoize section header\n const sectionHeader = useMemo(() => {\n if (!section.label) return null;\n \n return (\n <div style={{ minHeight: \"16px\" }}>\n {index !== 0 && <Divider className='formParser--Section--SectionDivider' />}\n <Typography\n type=\"s3\"\n weight=\"medium\"\n mb={2}\n mt={4}\n color=\"theme.secondary.1000\"\n className='formParser--Section--SectionTitle'\n >\n {t(section.label)}\n </Typography>\n </div>\n );\n }, [section.label, index, t]);\n\n // Avatar component\n const avatarDisplay = useMemo(() => \n displayAvtar ? <div className='avtarDisplay'>ERP</div> : null,\n [displayAvtar]\n );\n\n // Common props for field rendering\n const fieldProps = useMemo(() => ({\n control,\n fieldArrayName,\n isButton,\n currencyOption,\n values,\n onBlur,\n setValue,\n onSelectFooterClick,\n getSelectedData,\n setCurrencyOptions,\n refreshOptions,\n handleSetCountryCodeField,\n handleTableAddClick,\n onTableCellChange,\n setDetailsData,\n t,\n images\n }), [\n control, fieldArrayName, isButton, currencyOption, values,\n onBlur, setValue, onSelectFooterClick, getSelectedData,\n setCurrencyOptions, refreshOptions, handleSetCountryCodeField,\n handleTableAddClick, onTableCellChange, setDetailsData, t, images\n ]);\n\n if (section.is_accordion) {\n return (\n <section key={index} className='formParser--Section'>\n <div style={{ marginTop: '20px' }}>\n <Accordion title={t(section.label \|\| '')}>\n <div className=\"formParser--Grid formParser--Accordion\">\n <MemoizedFormSwitcher\n section={section}\n switchForms={switchForms}\n isFormSwitcher={isFormSwitcher}\n control={control}\n fieldArrayName={fieldArrayName}\n formSwitcherName={formSwitcherName}\n handleFieldCleanUp={handleFieldCleanUp}\n t={t}\n />\n {fieldsWithNames.map((field, fieldIndex) => (\n <MemoizedField\n key={`${section.label}-${field.fieldName}-${fieldIndex}`}\n field={field}\n fieldName={field.fieldName}\n sectionLabel={section.label}\n index={fieldIndex}\n {...fieldProps}\n />\n ))}\n </div>\n </Accordion>\n </div>\n </section>\n );\n }\n\n return (\n <section key={index} className='formParser--Section'>\n {sectionHeader}\n \n <MemoizedFormSwitcher\n section={section}\n switchForms={switchForms}\n isFormSwitcher={isFormSwitcher}\n control={control}\n fieldArrayName={fieldArrayName}\n formSwitcherName={formSwitcherName}\n handleFieldCleanUp={handleFieldCleanUp}\n t={t}\n />\n\n <Grid container spacing={2}>\n {avatarDisplay}\n {fieldsWithNames.map((field, fieldIndex) => (\n <MemoizedField\n key={`${section.label}-${field.fieldName}-${fieldIndex}`}\n field={field}\n fieldName={field.fieldName}\n sectionLabel={section.label}\n index={fieldIndex}\n {...fieldProps}\n />\n ))}\n </Grid>\n </section>\n );\n});\n\nFormSection.displayName = 'FormSection';\n\nexport { FormSection };\nexport default FormSection;"],"names":["_a","index"],"mappings":"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"}

package/dist/components/form-control/form-parser/form-section/index.js CHANGED Viewed

@@ -1,23 +1,23 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=require("react"),r=require("../../form-builder/form-builder-element/text/index.js"),t=require("../../form-builder/form-builder-element/date/index.js"),i=require("../../form-builder/form-builder-element/time/index.js"),a=require("../../form-builder/form-builder-element/phone/index.js"),o=require("../../form-builder/form-builder-element/dynamic-select/index.js"),n=require("../../form-builder/form-builder-element/media/index.js"),d=require("../../form-builder/form-builder-element/info/index.js"),s=require("../../form-builder/form-builder-element/toggle-button/index.js"),u=require("../../form-builder/form-builder-element/checkbox/index.js"),c=require("../../form-builder/form-builder-element/table/index.js"),m=require("../../form-builder/form-builder-element/radio-button/index.js"),f=require("../../form-builder/form-builder-element/dynamic-tags-input/index.js"),p=require("../../form-builder/form-builder-element/dynamic-currency-input/index.js"),y=require("../../form-builder/form-builder-element/dynamic-input-select/index.js"),b=require("../../../chip-generator/chip-generator/index.js"),h=require("../../../location-select/index.js"),x=require("../form-switcher/index.js"),j=require("../../../typography/typography/index.js"),_=require("../../../accordion/accordion/index.js"),C=require("../../../../node_modules/@mui/material/Divider/Divider/index.js"),g=require("../../../../node_modules/@mui/material/Grid/Grid/index.js"),k=require("../../../../node_modules/@mui/material/FormControlLabel/FormControlLabel/index.js"),N=require("../../../../node_modules/@mui/material/Radio/Radio/index.js");const v=l.memo(({field:x,fieldName:j,sectionLabel:_,index:C,...k})=>{const N=l.useMemo(()=>x.is_fullwidth?12:x.custom_width??6,[x.is_fullwidth,x.custom_width]),v=l.useMemo(()=>`${_}-${j}-${C}`,[_,j,C]),S=l.useMemo(()=>({...x,key:v,name:j,position:C,formControl:k.control,fieldArrayName:k.fieldArrayName,required:x.is_required,label:k.t(x.label),placeholder:k.t(x.placeholder),defaultValue:x.value||x.default_value,disabled:x.disabled}),[x,j,C,v,k.control,k.fieldArrayName,k.t]),F=l.useCallback(e=>{k.onBlur&&"function"==typeof k.onBlur&&k.onBlur(e,j)},[k.onBlur,j]),w=l.useMemo(()=>{const l={email:k.images.sms,url:k.images.url,currency:k.images.dollar,geoLocation:k.images.location}[x.field_type];return l?/* @__PURE__ */e.jsx("img",{src:l,alt:x.field_type}):null},[x.field_type,k.images]),q=l.useMemo(()=>"relation"===x.field_type?/* @__PURE__ */e.jsxs("span",{className:"formSection--Relation",children:[k.t(x.label),
-/* @__PURE__ */e.jsx("img",{src:k.images.relation,alt:"relation"})]}):k.t(x.label),[x.field_type,x.label,k.t,k.images.relation]),A=()=>{var _,C,g,N,v,A,T;switch(x.field_type){case"text":case"email":case"url":case"currency":case"number":case"geoLocation":case"relation":/* @__PURE__ */
-return l.createElement(r.default,{...S,key:S.key,label:q,onBlur:F,type:x.field_type,endIcon:w,disabled:x.disabled||"relation"===x.field_type});case"date":/* @__PURE__ */
-return l.createElement(t.default,{...S,key:S.key});case"time":/* @__PURE__ */
-return l.createElement(i.default,{...S,key:S.key});case"phone":/* @__PURE__ */
-return l.createElement(a.default,{...S,key:S.key,setCountryCodeField:e=>k.handleSetCountryCodeField(e,x,k.fieldArrayName,k.values)});case"select":/* @__PURE__ */
-return l.createElement(o.default,{...S,key:S.key,apiType:null==(_=x.field_properties)?void 0:_.apiType,customeFilter:null==(C=x.field_properties)?void 0:C.customeFilter,attributes:null==(g=x.field_properties)?void 0:g.attributes,disabledIds:null==(N=x.field_properties)?void 0:N.disabledIds,onChipRemove:()=>k.setValue(`${k.fieldArrayName}.${j}`,[]),onFooterClick:()=>{var e;return null==(e=k.onSelectFooterClick)?void 0:e.call(k,x)},handleOptions:k.setCurrencyOptions,getSelectedData:k.getSelectedData,refresh:k.refreshOptions,sortOrder:null==(v=x.field_properties)?void 0:v.sortOrder});case"file":case"image":/* @__PURE__ */
-return l.createElement(n.default,{...S,key:S.key});case"info":/* @__PURE__ */
-return l.createElement(d.default,{...S,key:S.key});case"toggleButton":/* @__PURE__ */
-return l.createElement(s.default,{...S,key:S.key,titlePosition:x.title_position,title:k.t(x.title)});case"checkbox":/* @__PURE__ */
-return l.createElement(u.default,{...S,key:S.key,titlePosition:x.title_position,title:k.t(x.title)});case"table":/* @__PURE__ */
-return l.createElement(c.default,{...S,key:S.key,columns:x.table_columns,rows:x.table_rows,onAddClick:()=>k.handleTableAddClick(x),disableTableAddButton:Boolean(x.disableTableAddButton),is_button:k.isButton,onTableCellChange:k.onTableCellChange});case"radioButton":/* @__PURE__ */
-return l.createElement(m.default,{...S,key:S.key,titlePosition:x.title_position,title:k.t(x.title)});case"customComponent":return x.component;case"tagsInput":/* @__PURE__ */
-return l.createElement(f.default,{...S,key:S.key,label:q,type:x.field_type,endIcon:w});case"currency_with_amount":/* @__PURE__ */
-return l.createElement(p.default,{...S,key:S.key,currencyType:k.currencyOption});case"select_with_input":/* @__PURE__ */
-return e.jsx(y.default,{...S,currencyType:k.currencyOption});case"chipInput":/* @__PURE__ */
-return l.createElement(b.default,{...S,key:S.key,maxChips:null==(A=x.field_properties)?void 0:A.maxChips,allowDuplicates:null==(T=x.field_properties)?void 0:T.allowDuplicates,validation:x.validation,endIcon:w,onChipAdd:e=>{},onChipRemove:(e,l)=>{}});case"location_select":/* @__PURE__ */
-return e.jsx(h.LocationSearchSelect,{fieldArrayName:k.fieldArrayName,filterField:x.filterField,getSelectedData:e=>k.getSelectedData(e),locationFieldName:x.name,addType:"location",enable_footer:!0});default:return null}};return"table"===x.field_type||"customComponent"===x.field_type?/* @__PURE__ */e.jsx(g.default,{item:!0,xs:12,children:A()}):/* @__PURE__ */e.jsx(g.default,{item:!0,xs:N,children:A()})});v.displayName="MemoizedField";const S=l.memo(({section:r,switchForms:t,isFormSwitcher:i,control:a,fieldArrayName:o,formSwitcherName:n,handleFieldCleanUp:d,t:s})=>{const u=l.useCallback(()=>{d(t||[])},[d,t]);return i&&(null==t?void 0:t.length)?/* @__PURE__ */e.jsx(x.default,{...r,isFormSwitcher:i,control:a,fieldArrayName:o,formSwitcherName:n,label:s(r.form_switcher_label||""),resetForm:u,children:t.map(l=>/* @__PURE__ */e.jsx(k.default,{value:l.value||l.name,control:/* @__PURE__ */e.jsx(N.default,{}),slotProps:{typography:{variant:"body2"}},label:s(l.name),disabled:Boolean(r.disabled)},l.id))}):null});S.displayName="MemoizedFormSwitcher";const F=l.memo(({section:r,index:t,members:i,switchForms:a,isFormSwitcher:o,control:n,fieldArrayName:d,formSwitcherName:s,displayAvtar:u,isButton:c,currencyOption:m,values:f,onBlur:p,setValue:y,onSelectFooterClick:b,getSelectedData:h,setCurrencyOptions:x,refreshOptions:k,handleFieldCleanUp:N,handleSetCountryCodeField:F,handleTableAddClick:w,onTableCellChange:q,setDetailsData:A,t:T,images:B})=>{const D=l.useMemo(()=>(null==i?void 0:i.filter(e=>!e.is_hidden))||[],[i]),E=l.useMemo(()=>D.map(e=>({...e,fieldName:e.name||e.label.toLowerCase().split(" ").join("_")})),[D]),O=l.useMemo(()=>r.label?/* @__PURE__ */e.jsxs("div",{style:{minHeight:"16px"},children:[0!==t&&/* @__PURE__ */e.jsx(C.default,{className:"formParser--Section--SectionDivider"}),
-/* @__PURE__ */e.jsx(j.Typography,{type:"s3",weight:"medium",mb:2,mt:4,color:"theme.secondary.1000",className:"formParser--Section--SectionTitle",children:T(r.label)})]}):null,[r.label,t,T]),M=l.useMemo(()=>u?/* @__PURE__ */e.jsx("div",{className:"avtarDisplay",children:"ERP"}):null,[u]),P=l.useMemo(()=>({control:n,fieldArrayName:d,isButton:c,currencyOption:m,values:f,onBlur:p,setValue:y,onSelectFooterClick:b,getSelectedData:h,setCurrencyOptions:x,refreshOptions:k,handleSetCountryCodeField:F,handleTableAddClick:w,onTableCellChange:q,setDetailsData:A,t:T,images:B}),[n,d,c,m,f,p,y,b,h,x,k,F,w,q,A,T,B]);return r.is_accordion?/* @__PURE__ */e.jsx("section",{className:"formParser--Section",children:/* @__PURE__ */e.jsx("div",{style:{marginTop:"20px"},children:/* @__PURE__ */e.jsx(_.default,{title:T(r.label||""),children:/* @__PURE__ */e.jsxs("div",{className:"formParser--Grid formParser--Accordion",children:[
-/* @__PURE__ */e.jsx(S,{section:r,switchForms:a,isFormSwitcher:o,control:n,fieldArrayName:d,formSwitcherName:s,handleFieldCleanUp:N,t:T}),E.map((l,t)=>/* @__PURE__ */e.jsx(v,{field:l,fieldName:l.fieldName,sectionLabel:r.label,index:t,...P},`${r.label}-${l.fieldName}-${t}`))]})})})},t):/* @__PURE__ */e.jsxs("section",{className:"formParser--Section",children:[O,
-/* @__PURE__ */e.jsx(S,{section:r,switchForms:a,isFormSwitcher:o,control:n,fieldArrayName:d,formSwitcherName:s,handleFieldCleanUp:N,t:T}),
-/* @__PURE__ */e.jsxs(g.default,{container:!0,spacing:2,children:[M,E.map((l,t)=>/* @__PURE__ */e.jsx(v,{field:l,fieldName:l.fieldName,sectionLabel:r.label,index:t,...P},`${r.label}-${l.fieldName}-${t}`))]})]},t)});F.displayName="FormSection",exports.default=F;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),i=require("../../form-builder/form-builder-element/text/index.js"),l=require("../../form-builder/form-builder-element/date/index.js"),t=require("../../form-builder/form-builder-element/time/index.js"),a=require("../../form-builder/form-builder-element/phone/index.js"),o=require("../../form-builder/form-builder-element/dynamic-select/index.js"),n=require("../../form-builder/form-builder-element/media/index.js"),d=require("../../form-builder/form-builder-element/info/index.js"),s=require("../../form-builder/form-builder-element/toggle-button/index.js"),c=require("../../form-builder/form-builder-element/checkbox/index.js"),m=require("../../form-builder/form-builder-element/table/index.js"),u=require("../../form-builder/form-builder-element/radio-button/index.js"),f=require("../../form-builder/form-builder-element/dynamic-tags-input/index.js"),y=require("../../form-builder/form-builder-element/dynamic-currency-input/index.js"),p=require("../../form-builder/form-builder-element/dynamic-input-select/index.js"),b=require("../../../chip-generator/chip-generator/index.js"),h=require("../../../location-select/index.js"),x=require("../form-switcher/index.js"),j=require("../../../typography/typography/index.js"),_=require("../../../accordion/accordion/index.js"),C=require("../../../../node_modules/@mui/material/Divider/Divider/index.js"),g=require("../../../../node_modules/@mui/material/Grid/Grid/index.js"),k=require("../../../../node_modules/@mui/material/FormControlLabel/FormControlLabel/index.js"),N=require("../../../../node_modules/@mui/material/Radio/Radio/index.js");const S=r.memo(({field:x,fieldName:j,sectionLabel:_,index:C,...k})=>{const N=r.useMemo(()=>x.is_fullwidth?12:x.custom_width??6,[x.is_fullwidth,x.custom_width]),S=r.useMemo(()=>`${_}-${j}-${C}`,[_,j,C]),v=r.useMemo(()=>({...x,key:S,name:j,position:C,formControl:k.control,fieldArrayName:k.fieldArrayName,required:x.is_required,label:k.t(x.label),placeholder:k.t(x.placeholder),defaultValue:x.value||x.default_value,disabled:x.disabled}),[x,j,C,S,k.control,k.fieldArrayName,k.t]),F=r.useCallback(e=>{k.onBlur&&"function"==typeof k.onBlur&&k.onBlur(e,j)},[k.onBlur,j]),w=r.useMemo(()=>{const r={email:k.images.sms,url:k.images.url,currency:k.images.dollar,geoLocation:k.images.location}[x.field_type];return r?/* @__PURE__ */e.jsx("img",{src:r,alt:x.field_type}):null},[x.field_type,k.images]),q=r.useMemo(()=>"relation"===x.field_type?/* @__PURE__ */e.jsxs("span",{className:"formSection--Relation",children:[k.t(x.label),
+/* @__PURE__ */e.jsx("img",{src:k.images.relation,alt:"relation"})]}):k.t(x.label),[x.field_type,x.label,k.t,k.images.relation]),D=()=>{var _,C,g,N,S,D,A;switch(x.field_type){case"text":case"email":case"url":case"currency":case"number":case"geoLocation":case"relation":/* @__PURE__ */
+return r.createElement(i.DynamicInput,{...v,key:v.key,label:q,onBlur:F,type:x.field_type,endIcon:w,disabled:x.disabled||"relation"===x.field_type});case"date":/* @__PURE__ */
+return r.createElement(l.DynamicDate,{...v,key:v.key});case"time":/* @__PURE__ */
+return r.createElement(t.DynamicTime,{...v,key:v.key});case"phone":/* @__PURE__ */
+return r.createElement(a.DynamicPhone,{...v,key:v.key,setCountryCodeField:e=>k.handleSetCountryCodeField(e,x,k.fieldArrayName,k.values)});case"select":/* @__PURE__ */
+return r.createElement(o.default,{...v,key:v.key,apiType:null==(_=x.field_properties)?void 0:_.apiType,customeFilter:null==(C=x.field_properties)?void 0:C.customeFilter,attributes:null==(g=x.field_properties)?void 0:g.attributes,disabledIds:null==(N=x.field_properties)?void 0:N.disabledIds,onChipRemove:()=>k.setValue(`${k.fieldArrayName}.${j}`,[]),onFooterClick:()=>{var e;return null==(e=k.onSelectFooterClick)?void 0:e.call(k,x)},handleOptions:k.setCurrencyOptions,getSelectedData:k.getSelectedData,refresh:k.refreshOptions,sortOrder:null==(S=x.field_properties)?void 0:S.sortOrder});case"file":case"image":/* @__PURE__ */
+return r.createElement(n.DynamicMedia,{...v,key:v.key});case"info":/* @__PURE__ */
+return r.createElement(d.DynamicInfo,{...v,key:v.key});case"toggleButton":/* @__PURE__ */
+return r.createElement(s.default,{...v,key:v.key,titlePosition:x.title_position,title:k.t(x.title)});case"checkbox":/* @__PURE__ */
+return r.createElement(c.default,{...v,key:v.key,titlePosition:x.title_position,title:k.t(x.title)});case"table":/* @__PURE__ */
+return r.createElement(m.default,{...v,key:v.key,columns:x.table_columns,rows:x.table_rows,onAddClick:()=>k.handleTableAddClick(x),disableTableAddButton:Boolean(x.disableTableAddButton),is_button:k.isButton,onTableCellChange:k.onTableCellChange});case"radioButton":/* @__PURE__ */
+return r.createElement(u.default,{...v,key:v.key,titlePosition:x.title_position,title:k.t(x.title)});case"customComponent":return x.component;case"tagsInput":/* @__PURE__ */
+return r.createElement(f.DynamicTagsInput,{...v,key:v.key,label:q,type:x.field_type,endIcon:w});case"currency_with_amount":/* @__PURE__ */
+return r.createElement(y.DynamicCurrency,{...v,key:v.key,currencyType:k.currencyOption});case"select_with_input":/* @__PURE__ */
+return e.jsx(p.DynamicInputSelect,{...v,currencyType:k.currencyOption});case"chipInput":/* @__PURE__ */
+return r.createElement(b.default,{...v,key:v.key,maxChips:null==(D=x.field_properties)?void 0:D.maxChips,allowDuplicates:null==(A=x.field_properties)?void 0:A.allowDuplicates,validation:x.validation,endIcon:w,onChipAdd:e=>{},onChipRemove:(e,r)=>{}});case"location_select":/* @__PURE__ */
+return e.jsx(h.LocationSearchSelect,{fieldArrayName:k.fieldArrayName,filterField:x.filterField,getSelectedData:e=>k.getSelectedData(e),locationFieldName:x.name,addType:"location",enable_footer:!0});default:return null}};return"table"===x.field_type||"customComponent"===x.field_type?/* @__PURE__ */e.jsx(g.default,{item:!0,xs:12,children:D()}):/* @__PURE__ */e.jsx(g.default,{item:!0,xs:N,children:D()})});S.displayName="MemoizedField";const v=r.memo(({section:i,switchForms:l,isFormSwitcher:t,control:a,fieldArrayName:o,formSwitcherName:n,handleFieldCleanUp:d,t:s})=>{const c=r.useCallback(()=>{d(l||[])},[d,l]);return t&&(null==l?void 0:l.length)?/* @__PURE__ */e.jsx(x.FormSwitcher,{...i,isFormSwitcher:t,control:a,fieldArrayName:o,formSwitcherName:n,label:s(i.form_switcher_label||""),resetForm:c,children:l.map(r=>/* @__PURE__ */e.jsx(k.default,{value:r.value||r.name,control:/* @__PURE__ */e.jsx(N.default,{}),slotProps:{typography:{variant:"body2"}},label:s(r.name),disabled:Boolean(i.disabled)},r.id))}):null});v.displayName="MemoizedFormSwitcher";const F=r.memo(({section:i,index:l,members:t,switchForms:a,isFormSwitcher:o,control:n,fieldArrayName:d,formSwitcherName:s,displayAvtar:c,isButton:m,currencyOption:u,values:f,onBlur:y,setValue:p,onSelectFooterClick:b,getSelectedData:h,setCurrencyOptions:x,refreshOptions:k,handleFieldCleanUp:N,handleSetCountryCodeField:F,handleTableAddClick:w,onTableCellChange:q,setDetailsData:D,t:A,images:T})=>{const B=r.useMemo(()=>(null==t?void 0:t.filter(e=>!e.is_hidden))||[],[t]),E=r.useMemo(()=>B.map(e=>({...e,fieldName:e.name||e.label.toLowerCase().split(" ").join("_")})),[B]),M=r.useMemo(()=>i.label?/* @__PURE__ */e.jsxs("div",{style:{minHeight:"16px"},children:[0!==l&&/* @__PURE__ */e.jsx(C.default,{className:"formParser--Section--SectionDivider"}),
+/* @__PURE__ */e.jsx(j.Typography,{type:"s3",weight:"medium",mb:2,mt:4,color:"theme.secondary.1000",className:"formParser--Section--SectionTitle",children:A(i.label)})]}):null,[i.label,l,A]),O=r.useMemo(()=>c?/* @__PURE__ */e.jsx("div",{className:"avtarDisplay",children:"ERP"}):null,[c]),P=r.useMemo(()=>({control:n,fieldArrayName:d,isButton:m,currencyOption:u,values:f,onBlur:y,setValue:p,onSelectFooterClick:b,getSelectedData:h,setCurrencyOptions:x,refreshOptions:k,handleSetCountryCodeField:F,handleTableAddClick:w,onTableCellChange:q,setDetailsData:D,t:A,images:T}),[n,d,m,u,f,y,p,b,h,x,k,F,w,q,D,A,T]);return i.is_accordion?/* @__PURE__ */e.jsx("section",{className:"formParser--Section",children:/* @__PURE__ */e.jsx("div",{style:{marginTop:"20px"},children:/* @__PURE__ */e.jsx(_.Accordion,{title:A(i.label||""),children:/* @__PURE__ */e.jsxs("div",{className:"formParser--Grid formParser--Accordion",children:[
+/* @__PURE__ */e.jsx(v,{section:i,switchForms:a,isFormSwitcher:o,control:n,fieldArrayName:d,formSwitcherName:s,handleFieldCleanUp:N,t:A}),E.map((r,l)=>/* @__PURE__ */e.jsx(S,{field:r,fieldName:r.fieldName,sectionLabel:i.label,index:l,...P},`${i.label}-${r.fieldName}-${l}`))]})})})},l):/* @__PURE__ */e.jsxs("section",{className:"formParser--Section",children:[M,
+/* @__PURE__ */e.jsx(v,{section:i,switchForms:a,isFormSwitcher:o,control:n,fieldArrayName:d,formSwitcherName:s,handleFieldCleanUp:N,t:A}),
+/* @__PURE__ */e.jsxs(g.default,{container:!0,spacing:2,children:[O,E.map((r,l)=>/* @__PURE__ */e.jsx(S,{field:r,fieldName:r.fieldName,sectionLabel:i.label,index:l,...P},`${i.label}-${r.fieldName}-${l}`))]})]},l)});F.displayName="FormSection",exports.FormSection=F,exports.default=F;
 //# sourceMappingURL=index.js.map

package/dist/components/form-control/form-parser/form-section/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../../src/components/form-control/form-parser/form-section.tsx"],"sourcesContent":["/* eslint-disable react-hooks/exhaustive-deps */\nimport React, { memo, useMemo, useCallback } from 'react';\nimport { Grid, Divider, FormControlLabel, Radio } from '@mui/material';\nimport DynamicInput from '../form-builder/form-builder-element/text';\nimport DynamicDate from '../form-builder/form-builder-element/date';\nimport DynamicTime from '../form-builder/form-builder-element/time';\nimport DynamicPhone from '../form-builder/form-builder-element/phone';\nimport DynamicSearchSelect from '../form-builder/form-builder-element/dynamic-select';\nimport DynamicMedia from '../form-builder/form-builder-element/media';\nimport DynamicInfo from '../form-builder/form-builder-element/info';\nimport DynamicToggleButton from '../form-builder/form-builder-element/toggle-button';\nimport DynamicCheckBox from '../form-builder/form-builder-element/checkbox';\nimport DynamicTable from '../form-builder/form-builder-element/table';\nimport DynamicRadioButton from '../form-builder/form-builder-element/radio-button';\nimport DynamicTagsInput from '../form-builder/form-builder-element/dynamic-tags-input';\nimport DynamicCurrency from '../form-builder/form-builder-element/dynamic-currency-input';\nimport DynamicInputSelect from '../form-builder/form-builder-element/dynamic-input-select';\nimport ChipGenerator from '../../chip-generator/chip-generator';\nimport { LocationSearchSelect } from '../../location-select';\nimport FormSwitcher from './form-switcher';\nimport Typography from '../../typography/typography';\nimport Accordion from '../../accordion/accordion';\n\n// Types for better type safety\ninterface Field {\n name?: string;\n label: string;\n field_type: string;\n is_fullwidth?: boolean;\n custom_width?: number;\n is_hidden?: boolean;\n is_required?: boolean;\n disabled?: boolean;\n placeholder?: string;\n value?: any;\n default_value?: any;\n title?: string;\n title_position?: string;\n table_columns?: any[];\n table_rows?: any[];\n component?: React.ReactNode;\n field_properties?: {\n apiType?: string;\n customeFilter?: any;\n attributes?: any;\n disabledIds?: any[];\n sortOrder?: string;\n maxChips?: number;\n allowDuplicates?: boolean;\n };\n validation?: any;\n filterField?: string;\n}\n\ninterface Section {\n label?: string;\n is_accordion?: boolean;\n disabled?: boolean;\n form_switcher_label?: string;\n}\n\ninterface FormSectionProps {\n section: Section;\n index: number;\n members?: Field[];\n switchForms?: any[];\n isFormSwitcher: boolean;\n control: any;\n fieldArrayName: string;\n formSwitcherName: string;\n displayAvtar?: boolean;\n isButton?: boolean;\n currencyOption?: any;\n values: any;\n onBlur?: (e: any, fieldName?: string) => void;\n setValue: (name: string, value: any) => void;\n onSelectFooterClick?: (field: Field) => void;\n getSelectedData?: (row: any, key: any) => void;\n setCurrencyOptions: (options: any) => void;\n refreshOptions: any;\n handleFieldCleanUp: (forms: any[]) => void;\n handleSetCountryCodeField: (country: any, field: Field, fieldArrayName: string, values: any) => void;\n handleTableAddClick: (field: Field) => void;\n onTableCellChange?: (data: any) => void;\n // setDetailsData: (data: any) => void;\n t: (key: string) => string;\n images: any;\n}\n\n// Memoized field component to prevent unnecessary re-renders\nconst MemoizedField = memo(({ \n field, \n fieldName, \n sectionLabel, \n index, \n ...props \n}: { \n field: Field; \n fieldName: string; \n sectionLabel?: string; \n index: number; \n [key: string]: any;\n}) => {\n const gridSize = useMemo(() => \n field.is_fullwidth ? 12 : (field.custom_width ?? 6),\n [field.is_fullwidth, field.custom_width]\n );\n\n const fieldKey = useMemo(() => \n `${sectionLabel}-${fieldName}-${index}`,\n [sectionLabel, fieldName, index]\n );\n\n const commonProps = useMemo(() => ({\n ...field,\n key: fieldKey,\n name: fieldName,\n position: index,\n formControl: props.control,\n fieldArrayName: props.fieldArrayName,\n required: field.is_required,\n label: props.t(field.label),\n placeholder: props.t(field.placeholder),\n defaultValue: field.value \|\| field.default_value,\n disabled: field.disabled\n }), [field, fieldName, index, fieldKey, props.control, props.fieldArrayName, props.t]);\n\n const handleBlur = useCallback((e: any) => {\n if (props.onBlur && typeof props.onBlur === 'function') {\n props.onBlur(e, fieldName);\n }\n }, [props.onBlur, fieldName]);\n\n const endIcon = useMemo(() => {\n const iconMap: Record<string, string> = {\n email: props.images.sms,\n url: props.images.url,\n currency: props.images.dollar,\n geoLocation: props.images.location\n };\n \n const iconSrc = iconMap[field.field_type];\n return iconSrc ? <img src={iconSrc} alt={field.field_type} /> : null;\n }, [field.field_type, props.images]);\n\n const relationLabel = useMemo(() => (\n field.field_type === \"relation\" ? (\n <span className=\"formSection--Relation\">\n {props.t(field.label)}\n <img src={props.images.relation} alt=\"relation\" />\n </span>\n ) : props.t(field.label)\n ), [field.field_type, field.label, props.t, props.images.relation]);\n\n // Render field based on type\n const renderField = () => {\n switch (field.field_type) {\n case \"text\":\n case \"email\":\n case \"url\":\n case \"currency\":\n case \"number\":\n case \"geoLocation\":\n case \"relation\":\n return (\n <DynamicInput\n {...commonProps}\n key={commonProps.key}\n label={relationLabel}\n onBlur={handleBlur}\n type={field.field_type}\n endIcon={endIcon}\n disabled={field.disabled \|\| field.field_type === \"relation\"}\n />\n );\n\n case \"date\":\n return <DynamicDate {...commonProps} key={commonProps.key}/>;\n\n case \"time\":\n return <DynamicTime {...commonProps} key={commonProps.key}/>;\n\n case \"phone\":\n return (\n <DynamicPhone\n {...commonProps}\n key={commonProps.key}\n setCountryCodeField={(country: any) =>\n props.handleSetCountryCodeField(country, field, props.fieldArrayName, props.values)\n }\n />\n );\n\n case \"select\":\n return (\n <DynamicSearchSelect\n {...commonProps}\n key={commonProps.key}\n apiType={field.field_properties?.apiType}\n customeFilter={field.field_properties?.customeFilter}\n attributes={field.field_properties?.attributes}\n disabledIds={field.field_properties?.disabledIds}\n onChipRemove={() => props.setValue(`${props.fieldArrayName}.${fieldName}`, [])}\n onFooterClick={() => props.onSelectFooterClick?.(field)}\n handleOptions={props.setCurrencyOptions}\n getSelectedData={props.getSelectedData}\n refresh={props.refreshOptions}\n sortOrder={field.field_properties?.sortOrder}\n />\n );\n\n case \"file\":\n case \"image\":\n return <DynamicMedia {...commonProps} key={commonProps.key}/>;\n\n case \"info\":\n return <DynamicInfo {...commonProps} key={commonProps.key}/>;\n\n case \"toggleButton\":\n return (\n <DynamicToggleButton\n {...commonProps}\n key={commonProps.key}\n titlePosition={field.title_position}\n title={props.t(field.title)}\n />\n );\n\n case \"checkbox\":\n return (\n <DynamicCheckBox\n {...commonProps}\n key={commonProps.key}\n titlePosition={field.title_position}\n title={props.t(field.title)}\n />\n );\n\n case \"table\":\n return (\n <DynamicTable\n {...commonProps}\n key={commonProps.key}\n columns={field.table_columns}\n rows={field.table_rows}\n onAddClick={() => props.handleTableAddClick(field)}\n disableTableAddButton={Boolean(field.disableTableAddButton)}\n is_button={props.isButton}\n onTableCellChange={props.onTableCellChange}\n />\n );\n\n case \"radioButton\":\n return (\n <DynamicRadioButton\n {...commonProps}\n key={commonProps.key}\n titlePosition={field.title_position}\n title={props.t(field.title)}\n />\n );\n\n case \"customComponent\":\n return field.component;\n\n case \"tagsInput\":\n return (\n <DynamicTagsInput\n {...commonProps}\n key={commonProps.key}\n label={relationLabel}\n type={field.field_type}\n endIcon={endIcon}\n />\n );\n\n case \"currency_with_amount\":\n return (\n <DynamicCurrency\n {...commonProps}\n key={commonProps.key}\n currencyType={props.currencyOption}\n />\n );\n\n case \"select_with_input\":\n return (\n <DynamicInputSelect\n {...commonProps}\n currencyType={props.currencyOption}\n />\n );\n\n case \"chipInput\":\n return (\n <ChipGenerator\n {...commonProps}\n key={commonProps.key}\n maxChips={field.field_properties?.maxChips}\n allowDuplicates={field.field_properties?.allowDuplicates}\n validation={field.validation}\n endIcon={endIcon}\n onChipAdd={(chip: any) => console.log('Chip added:', chip)}\n onChipRemove={(chip: any, index: number) => console.log('Chip removed:', chip, 'at index:', index)}\n />\n );\n\n case \"location_select\":\n return (\n <LocationSearchSelect\n fieldArrayName={props.fieldArrayName}\n filterField={field.filterField}\n getSelectedData={(row: any[]) => props.getSelectedData(row)}\n locationFieldName={field.name}\n addType=\"location\"\n enable_footer={true}\n />\n );\n\n default:\n return null;\n }\n };\n\n // For table fields, use full width\n if (field.field_type === \"table\" \|\| field.field_type === \"customComponent\") {\n return (\n <Grid item xs={12}>\n {renderField()}\n </Grid>\n );\n }\n\n return (\n <Grid item xs={gridSize}>\n {renderField()}\n </Grid>\n );\n});\n\nMemoizedField.displayName = 'MemoizedField';\n\n// Memoized FormSwitcher component\nconst MemoizedFormSwitcher = memo(({ \n section, \n switchForms, \n isFormSwitcher, \n control, \n fieldArrayName, \n formSwitcherName, \n handleFieldCleanUp, \n t \n}: {\n section: Section;\n switchForms?: any[];\n isFormSwitcher: boolean;\n control: any;\n fieldArrayName: string;\n formSwitcherName: string;\n handleFieldCleanUp: (forms: any[]) => void;\n t: (key: string) => string;\n}) => {\n const resetForm = useCallback(() => {\n handleFieldCleanUp(switchForms \|\| []);\n }, [handleFieldCleanUp, switchForms]);\n\n if (!isFormSwitcher \|\| !switchForms?.length) return null;\n\n return (\n <FormSwitcher\n {...section}\n isFormSwitcher={isFormSwitcher}\n control={control}\n fieldArrayName={fieldArrayName}\n formSwitcherName={formSwitcherName}\n label={t(section.form_switcher_label \|\| '')}\n resetForm={resetForm}\n >\n {switchForms.map((forms: any) => (\n <FormControlLabel\n key={forms.id}\n value={forms.value \|\| forms.name}\n control={<Radio />}\n slotProps={{ typography: { variant: \"body2\" } }}\n label={t(forms.name)}\n disabled={Boolean(section.disabled)}\n />\n ))}\n </FormSwitcher>\n );\n});\n\nMemoizedFormSwitcher.displayName = 'MemoizedFormSwitcher';\n\n// Main component\nconst FormSection = memo<FormSectionProps>(({\n section,\n index,\n members,\n switchForms,\n isFormSwitcher,\n control,\n fieldArrayName,\n formSwitcherName,\n displayAvtar,\n isButton,\n currencyOption,\n values,\n onBlur,\n setValue,\n onSelectFooterClick,\n getSelectedData,\n setCurrencyOptions,\n refreshOptions,\n handleFieldCleanUp,\n handleSetCountryCodeField,\n handleTableAddClick,\n onTableCellChange,\n setDetailsData,\n t,\n images\n}) => {\n // Memoize visible members to prevent recalculation\n const visibleMembers = useMemo(() => \n members?.filter(f => !f.is_hidden) \|\| [],\n [members]\n );\n\n // Memoize field names to prevent recalculation\n const fieldsWithNames = useMemo(() => \n visibleMembers.map(field => ({\n ...field,\n fieldName: field.name \|\| field.label.toLowerCase().split(\" \").join(\"_\")\n })),\n [visibleMembers]\n );\n\n // Memoize section header\n const sectionHeader = useMemo(() => {\n if (!section.label) return null;\n \n return (\n <div style={{ minHeight: \"16px\" }}>\n {index !== 0 && <Divider className='formParser--Section--SectionDivider' />}\n <Typography\n type=\"s3\"\n weight=\"medium\"\n mb={2}\n mt={4}\n color=\"theme.secondary.1000\"\n className='formParser--Section--SectionTitle'\n >\n {t(section.label)}\n </Typography>\n </div>\n );\n }, [section.label, index, t]);\n\n // Avatar component\n const avatarDisplay = useMemo(() => \n displayAvtar ? <div className='avtarDisplay'>ERP</div> : null,\n [displayAvtar]\n );\n\n // Common props for field rendering\n const fieldProps = useMemo(() => ({\n control,\n fieldArrayName,\n isButton,\n currencyOption,\n values,\n onBlur,\n setValue,\n onSelectFooterClick,\n getSelectedData,\n setCurrencyOptions,\n refreshOptions,\n handleSetCountryCodeField,\n handleTableAddClick,\n onTableCellChange,\n setDetailsData,\n t,\n images\n }), [\n control, fieldArrayName, isButton, currencyOption, values,\n onBlur, setValue, onSelectFooterClick, getSelectedData,\n setCurrencyOptions, refreshOptions, handleSetCountryCodeField,\n handleTableAddClick, onTableCellChange, setDetailsData, t, images\n ]);\n\n if (section.is_accordion) {\n return (\n <section key={index} className='formParser--Section'>\n <div style={{ marginTop: '20px' }}>\n <Accordion title={t(section.label \|\| '')}>\n <div className=\"formParser--Grid formParser--Accordion\">\n <MemoizedFormSwitcher\n section={section}\n switchForms={switchForms}\n isFormSwitcher={isFormSwitcher}\n control={control}\n fieldArrayName={fieldArrayName}\n formSwitcherName={formSwitcherName}\n handleFieldCleanUp={handleFieldCleanUp}\n t={t}\n />\n {fieldsWithNames.map((field, fieldIndex) => (\n <MemoizedField\n key={`${section.label}-${field.fieldName}-${fieldIndex}`}\n field={field}\n fieldName={field.fieldName}\n sectionLabel={section.label}\n index={fieldIndex}\n {...fieldProps}\n />\n ))}\n </div>\n </Accordion>\n </div>\n </section>\n );\n }\n\n return (\n <section key={index} className='formParser--Section'>\n {sectionHeader}\n \n <MemoizedFormSwitcher\n section={section}\n switchForms={switchForms}\n isFormSwitcher={isFormSwitcher}\n control={control}\n fieldArrayName={fieldArrayName}\n formSwitcherName={formSwitcherName}\n handleFieldCleanUp={handleFieldCleanUp}\n t={t}\n />\n\n <Grid container spacing={2}>\n {avatarDisplay}\n {fieldsWithNames.map((field, fieldIndex) => (\n <MemoizedField\n key={`${section.label}-${field.fieldName}-${fieldIndex}`}\n field={field}\n fieldName={field.fieldName}\n sectionLabel={section.label}\n index={fieldIndex}\n {...fieldProps}\n />\n ))}\n </Grid>\n </section>\n );\n});\n\nFormSection.displayName = 'FormSection';\n\nexport default FormSection;"],"names":["MemoizedField","memo","field","fieldName","sectionLabel","index","props","gridSize","useMemo","is_fullwidth","custom_width","fieldKey","commonProps","key","name","position","formControl","control","fieldArrayName","required","is_required","label","t","placeholder","defaultValue","value","default_value","disabled","handleBlur","useCallback","e","onBlur","endIcon","iconSrc","email","images","sms","url","currency","dollar","geoLocation","location","field_type","src","alt","relationLabel","jsxs","className","children","relation","renderField","createElement","DynamicInput","type","DynamicDate","DynamicTime","DynamicPhone","setCountryCodeField","country","handleSetCountryCodeField","values","DynamicSearchSelect","apiType","_a","field_properties","customeFilter","_b","attributes","_c","disabledIds","_d","onChipRemove","setValue","onFooterClick","onSelectFooterClick","call","handleOptions","setCurrencyOptions","getSelectedData","refresh","refreshOptions","sortOrder","_e","DynamicMedia","DynamicInfo","DynamicToggleButton","titlePosition","title_position","title","DynamicCheckBox","DynamicTable","columns","table_columns","rows","table_rows","onAddClick","handleTableAddClick","disableTableAddButton","Boolean","is_button","isButton","onTableCellChange","DynamicRadioButton","component","DynamicTagsInput","DynamicCurrency","currencyType","currencyOption","jsx","DynamicInputSelect","ChipGenerator","maxChips","_f","allowDuplicates","_g","validation","onChipAdd","chip","LocationSearchSelect","filterField","row","locationFieldName","addType","enable_footer","Grid","item","xs","displayName","MemoizedFormSwitcher","section","switchForms","isFormSwitcher","formSwitcherName","handleFieldCleanUp","resetForm","length","FormSwitcher","form_switcher_label","map","forms","FormControlLabel","Radio","slotProps","typography","variant","id","FormSection","members","displayAvtar","setDetailsData","visibleMembers","filter","f","is_hidden","fieldsWithNames","toLowerCase","split","join","sectionHeader","style","minHeight","Divider","Typography","weight","mb","mt","color","avatarDisplay","fieldProps","is_accordion","marginTop","Accordion","fieldIndex","container","spacing"],"mappings":"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"}
1	+ {"version":3,"file":"index.js","sources":["../../../../../src/components/form-control/form-parser/form-section.tsx"],"sourcesContent":["/* eslint-disable react-hooks/exhaustive-deps */\nimport React, { memo, useMemo, useCallback } from 'react';\nimport { Grid, Divider, FormControlLabel, Radio } from '@mui/material';\nimport DynamicInput from '../form-builder/form-builder-element/text';\nimport DynamicDate from '../form-builder/form-builder-element/date';\nimport DynamicTime from '../form-builder/form-builder-element/time';\nimport DynamicPhone from '../form-builder/form-builder-element/phone';\nimport DynamicSearchSelect from '../form-builder/form-builder-element/dynamic-select';\nimport DynamicMedia from '../form-builder/form-builder-element/media';\nimport DynamicInfo from '../form-builder/form-builder-element/info';\nimport DynamicToggleButton from '../form-builder/form-builder-element/toggle-button';\nimport DynamicCheckBox from '../form-builder/form-builder-element/checkbox';\nimport DynamicTable from '../form-builder/form-builder-element/table';\nimport DynamicRadioButton from '../form-builder/form-builder-element/radio-button';\nimport DynamicTagsInput from '../form-builder/form-builder-element/dynamic-tags-input';\nimport DynamicCurrency from '../form-builder/form-builder-element/dynamic-currency-input';\nimport DynamicInputSelect from '../form-builder/form-builder-element/dynamic-input-select';\nimport ChipGenerator from '../../chip-generator/chip-generator';\nimport { LocationSearchSelect } from '../../location-select';\nimport FormSwitcher from './form-switcher';\nimport Typography from '../../typography/typography';\nimport Accordion from '../../accordion/accordion';\n\n// Types for better type safety\ninterface Field {\n name?: string;\n label: string;\n field_type: string;\n is_fullwidth?: boolean;\n custom_width?: number;\n is_hidden?: boolean;\n is_required?: boolean;\n disabled?: boolean;\n placeholder?: string;\n value?: any;\n default_value?: any;\n title?: string;\n title_position?: string;\n table_columns?: any[];\n table_rows?: any[];\n component?: React.ReactNode;\n field_properties?: {\n apiType?: string;\n customeFilter?: any;\n attributes?: any;\n disabledIds?: any[];\n sortOrder?: string;\n maxChips?: number;\n allowDuplicates?: boolean;\n };\n validation?: any;\n filterField?: string;\n}\n\ninterface Section {\n label?: string;\n is_accordion?: boolean;\n disabled?: boolean;\n form_switcher_label?: string;\n}\n\ninterface FormSectionProps {\n section: Section;\n index: number;\n members?: Field[];\n switchForms?: any[];\n isFormSwitcher: boolean;\n control: any;\n fieldArrayName: string;\n formSwitcherName: string;\n displayAvtar?: boolean;\n isButton?: boolean;\n currencyOption?: any;\n values: any;\n onBlur?: (e: any, fieldName?: string) => void;\n setValue: (name: string, value: any) => void;\n onSelectFooterClick?: (field: Field) => void;\n getSelectedData?: (row: any, key: any) => void;\n setCurrencyOptions: (options: any) => void;\n refreshOptions: any;\n handleFieldCleanUp: (forms: any[]) => void;\n handleSetCountryCodeField: (country: any, field: Field, fieldArrayName: string, values: any) => void;\n handleTableAddClick: (field: Field) => void;\n onTableCellChange?: (data: any) => void;\n // setDetailsData: (data: any) => void;\n t: (key: string) => string;\n images: any;\n}\n\n// Memoized field component to prevent unnecessary re-renders\nconst MemoizedField = memo(({ \n field, \n fieldName, \n sectionLabel, \n index, \n ...props \n}: { \n field: Field; \n fieldName: string; \n sectionLabel?: string; \n index: number; \n [key: string]: any;\n}) => {\n const gridSize = useMemo(() => \n field.is_fullwidth ? 12 : (field.custom_width ?? 6),\n [field.is_fullwidth, field.custom_width]\n );\n\n const fieldKey = useMemo(() => \n `${sectionLabel}-${fieldName}-${index}`,\n [sectionLabel, fieldName, index]\n );\n\n const commonProps = useMemo(() => ({\n ...field,\n key: fieldKey,\n name: fieldName,\n position: index,\n formControl: props.control,\n fieldArrayName: props.fieldArrayName,\n required: field.is_required,\n label: props.t(field.label),\n placeholder: props.t(field.placeholder),\n defaultValue: field.value \|\| field.default_value,\n disabled: field.disabled\n }), [field, fieldName, index, fieldKey, props.control, props.fieldArrayName, props.t]);\n\n const handleBlur = useCallback((e: any) => {\n if (props.onBlur && typeof props.onBlur === 'function') {\n props.onBlur(e, fieldName);\n }\n }, [props.onBlur, fieldName]);\n\n const endIcon = useMemo(() => {\n const iconMap: Record<string, string> = {\n email: props.images.sms,\n url: props.images.url,\n currency: props.images.dollar,\n geoLocation: props.images.location\n };\n \n const iconSrc = iconMap[field.field_type];\n return iconSrc ? <img src={iconSrc} alt={field.field_type} /> : null;\n }, [field.field_type, props.images]);\n\n const relationLabel = useMemo(() => (\n field.field_type === \"relation\" ? (\n <span className=\"formSection--Relation\">\n {props.t(field.label)}\n <img src={props.images.relation} alt=\"relation\" />\n </span>\n ) : props.t(field.label)\n ), [field.field_type, field.label, props.t, props.images.relation]);\n\n // Render field based on type\n const renderField = () => {\n switch (field.field_type) {\n case \"text\":\n case \"email\":\n case \"url\":\n case \"currency\":\n case \"number\":\n case \"geoLocation\":\n case \"relation\":\n return (\n <DynamicInput\n {...commonProps}\n key={commonProps.key}\n label={relationLabel}\n onBlur={handleBlur}\n type={field.field_type}\n endIcon={endIcon}\n disabled={field.disabled \|\| field.field_type === \"relation\"}\n />\n );\n\n case \"date\":\n return <DynamicDate {...commonProps} key={commonProps.key}/>;\n\n case \"time\":\n return <DynamicTime {...commonProps} key={commonProps.key}/>;\n\n case \"phone\":\n return (\n <DynamicPhone\n {...commonProps}\n key={commonProps.key}\n setCountryCodeField={(country: any) =>\n props.handleSetCountryCodeField(country, field, props.fieldArrayName, props.values)\n }\n />\n );\n\n case \"select\":\n return (\n <DynamicSearchSelect\n {...commonProps}\n key={commonProps.key}\n apiType={field.field_properties?.apiType}\n customeFilter={field.field_properties?.customeFilter}\n attributes={field.field_properties?.attributes}\n disabledIds={field.field_properties?.disabledIds}\n onChipRemove={() => props.setValue(`${props.fieldArrayName}.${fieldName}`, [])}\n onFooterClick={() => props.onSelectFooterClick?.(field)}\n handleOptions={props.setCurrencyOptions}\n getSelectedData={props.getSelectedData}\n refresh={props.refreshOptions}\n sortOrder={field.field_properties?.sortOrder}\n />\n );\n\n case \"file\":\n case \"image\":\n return <DynamicMedia {...commonProps} key={commonProps.key}/>;\n\n case \"info\":\n return <DynamicInfo {...commonProps} key={commonProps.key}/>;\n\n case \"toggleButton\":\n return (\n <DynamicToggleButton\n {...commonProps}\n key={commonProps.key}\n titlePosition={field.title_position}\n title={props.t(field.title)}\n />\n );\n\n case \"checkbox\":\n return (\n <DynamicCheckBox\n {...commonProps}\n key={commonProps.key}\n titlePosition={field.title_position}\n title={props.t(field.title)}\n />\n );\n\n case \"table\":\n return (\n <DynamicTable\n {...commonProps}\n key={commonProps.key}\n columns={field.table_columns}\n rows={field.table_rows}\n onAddClick={() => props.handleTableAddClick(field)}\n disableTableAddButton={Boolean(field.disableTableAddButton)}\n is_button={props.isButton}\n onTableCellChange={props.onTableCellChange}\n />\n );\n\n case \"radioButton\":\n return (\n <DynamicRadioButton\n {...commonProps}\n key={commonProps.key}\n titlePosition={field.title_position}\n title={props.t(field.title)}\n />\n );\n\n case \"customComponent\":\n return field.component;\n\n case \"tagsInput\":\n return (\n <DynamicTagsInput\n {...commonProps}\n key={commonProps.key}\n label={relationLabel}\n type={field.field_type}\n endIcon={endIcon}\n />\n );\n\n case \"currency_with_amount\":\n return (\n <DynamicCurrency\n {...commonProps}\n key={commonProps.key}\n currencyType={props.currencyOption}\n />\n );\n\n case \"select_with_input\":\n return (\n <DynamicInputSelect\n {...commonProps}\n currencyType={props.currencyOption}\n />\n );\n\n case \"chipInput\":\n return (\n <ChipGenerator\n {...commonProps}\n key={commonProps.key}\n maxChips={field.field_properties?.maxChips}\n allowDuplicates={field.field_properties?.allowDuplicates}\n validation={field.validation}\n endIcon={endIcon}\n onChipAdd={(chip: any) => console.log('Chip added:', chip)}\n onChipRemove={(chip: any, index: number) => console.log('Chip removed:', chip, 'at index:', index)}\n />\n );\n\n case \"location_select\":\n return (\n <LocationSearchSelect\n fieldArrayName={props.fieldArrayName}\n filterField={field.filterField}\n getSelectedData={(row: any[]) => props.getSelectedData(row)}\n locationFieldName={field.name}\n addType=\"location\"\n enable_footer={true}\n />\n );\n\n default:\n return null;\n }\n };\n\n // For table fields, use full width\n if (field.field_type === \"table\" \|\| field.field_type === \"customComponent\") {\n return (\n <Grid item xs={12}>\n {renderField()}\n </Grid>\n );\n }\n\n return (\n <Grid item xs={gridSize}>\n {renderField()}\n </Grid>\n );\n});\n\nMemoizedField.displayName = 'MemoizedField';\n\n// Memoized FormSwitcher component\nconst MemoizedFormSwitcher = memo(({ \n section, \n switchForms, \n isFormSwitcher, \n control, \n fieldArrayName, \n formSwitcherName, \n handleFieldCleanUp, \n t \n}: {\n section: Section;\n switchForms?: any[];\n isFormSwitcher: boolean;\n control: any;\n fieldArrayName: string;\n formSwitcherName: string;\n handleFieldCleanUp: (forms: any[]) => void;\n t: (key: string) => string;\n}) => {\n const resetForm = useCallback(() => {\n handleFieldCleanUp(switchForms \|\| []);\n }, [handleFieldCleanUp, switchForms]);\n\n if (!isFormSwitcher \|\| !switchForms?.length) return null;\n\n return (\n <FormSwitcher\n {...section}\n isFormSwitcher={isFormSwitcher}\n control={control}\n fieldArrayName={fieldArrayName}\n formSwitcherName={formSwitcherName}\n label={t(section.form_switcher_label \|\| '')}\n resetForm={resetForm}\n >\n {switchForms.map((forms: any) => (\n <FormControlLabel\n key={forms.id}\n value={forms.value \|\| forms.name}\n control={<Radio />}\n slotProps={{ typography: { variant: \"body2\" } }}\n label={t(forms.name)}\n disabled={Boolean(section.disabled)}\n />\n ))}\n </FormSwitcher>\n );\n});\n\nMemoizedFormSwitcher.displayName = 'MemoizedFormSwitcher';\n\n// Main component\nconst FormSection = memo<FormSectionProps>(({\n section,\n index,\n members,\n switchForms,\n isFormSwitcher,\n control,\n fieldArrayName,\n formSwitcherName,\n displayAvtar,\n isButton,\n currencyOption,\n values,\n onBlur,\n setValue,\n onSelectFooterClick,\n getSelectedData,\n setCurrencyOptions,\n refreshOptions,\n handleFieldCleanUp,\n handleSetCountryCodeField,\n handleTableAddClick,\n onTableCellChange,\n setDetailsData,\n t,\n images\n}) => {\n // Memoize visible members to prevent recalculation\n const visibleMembers = useMemo(() => \n members?.filter(f => !f.is_hidden) \|\| [],\n [members]\n );\n\n // Memoize field names to prevent recalculation\n const fieldsWithNames = useMemo(() => \n visibleMembers.map(field => ({\n ...field,\n fieldName: field.name \|\| field.label.toLowerCase().split(\" \").join(\"_\")\n })),\n [visibleMembers]\n );\n\n // Memoize section header\n const sectionHeader = useMemo(() => {\n if (!section.label) return null;\n \n return (\n <div style={{ minHeight: \"16px\" }}>\n {index !== 0 && <Divider className='formParser--Section--SectionDivider' />}\n <Typography\n type=\"s3\"\n weight=\"medium\"\n mb={2}\n mt={4}\n color=\"theme.secondary.1000\"\n className='formParser--Section--SectionTitle'\n >\n {t(section.label)}\n </Typography>\n </div>\n );\n }, [section.label, index, t]);\n\n // Avatar component\n const avatarDisplay = useMemo(() => \n displayAvtar ? <div className='avtarDisplay'>ERP</div> : null,\n [displayAvtar]\n );\n\n // Common props for field rendering\n const fieldProps = useMemo(() => ({\n control,\n fieldArrayName,\n isButton,\n currencyOption,\n values,\n onBlur,\n setValue,\n onSelectFooterClick,\n getSelectedData,\n setCurrencyOptions,\n refreshOptions,\n handleSetCountryCodeField,\n handleTableAddClick,\n onTableCellChange,\n setDetailsData,\n t,\n images\n }), [\n control, fieldArrayName, isButton, currencyOption, values,\n onBlur, setValue, onSelectFooterClick, getSelectedData,\n setCurrencyOptions, refreshOptions, handleSetCountryCodeField,\n handleTableAddClick, onTableCellChange, setDetailsData, t, images\n ]);\n\n if (section.is_accordion) {\n return (\n <section key={index} className='formParser--Section'>\n <div style={{ marginTop: '20px' }}>\n <Accordion title={t(section.label \|\| '')}>\n <div className=\"formParser--Grid formParser--Accordion\">\n <MemoizedFormSwitcher\n section={section}\n switchForms={switchForms}\n isFormSwitcher={isFormSwitcher}\n control={control}\n fieldArrayName={fieldArrayName}\n formSwitcherName={formSwitcherName}\n handleFieldCleanUp={handleFieldCleanUp}\n t={t}\n />\n {fieldsWithNames.map((field, fieldIndex) => (\n <MemoizedField\n key={`${section.label}-${field.fieldName}-${fieldIndex}`}\n field={field}\n fieldName={field.fieldName}\n sectionLabel={section.label}\n index={fieldIndex}\n {...fieldProps}\n />\n ))}\n </div>\n </Accordion>\n </div>\n </section>\n );\n }\n\n return (\n <section key={index} className='formParser--Section'>\n {sectionHeader}\n \n <MemoizedFormSwitcher\n section={section}\n switchForms={switchForms}\n isFormSwitcher={isFormSwitcher}\n control={control}\n fieldArrayName={fieldArrayName}\n formSwitcherName={formSwitcherName}\n handleFieldCleanUp={handleFieldCleanUp}\n t={t}\n />\n\n <Grid container spacing={2}>\n {avatarDisplay}\n {fieldsWithNames.map((field, fieldIndex) => (\n <MemoizedField\n key={`${section.label}-${field.fieldName}-${fieldIndex}`}\n field={field}\n fieldName={field.fieldName}\n sectionLabel={section.label}\n index={fieldIndex}\n {...fieldProps}\n />\n ))}\n </Grid>\n </section>\n );\n});\n\nFormSection.displayName = 'FormSection';\n\nexport { FormSection };\nexport default FormSection;"],"names":["MemoizedField","memo","field","fieldName","sectionLabel","index","props","gridSize","useMemo","is_fullwidth","custom_width","fieldKey","commonProps","key","name","position","formControl","control","fieldArrayName","required","is_required","label","t","placeholder","defaultValue","value","default_value","disabled","handleBlur","useCallback","e","onBlur","endIcon","iconSrc","email","images","sms","url","currency","dollar","geoLocation","location","field_type","src","alt","relationLabel","jsxs","className","children","relation","renderField","createElement","DynamicInput","type","DynamicDate","DynamicTime","DynamicPhone","setCountryCodeField","country","handleSetCountryCodeField","values","DynamicSearchSelect","apiType","_a","field_properties","customeFilter","_b","attributes","_c","disabledIds","_d","onChipRemove","setValue","onFooterClick","onSelectFooterClick","call","handleOptions","setCurrencyOptions","getSelectedData","refresh","refreshOptions","sortOrder","_e","DynamicMedia","DynamicInfo","DynamicToggleButton","titlePosition","title_position","title","DynamicCheckBox","DynamicTable","columns","table_columns","rows","table_rows","onAddClick","handleTableAddClick","disableTableAddButton","Boolean","is_button","isButton","onTableCellChange","DynamicRadioButton","component","DynamicTagsInput","DynamicCurrency","currencyType","currencyOption","jsx","DynamicInputSelect","ChipGenerator","maxChips","_f","allowDuplicates","_g","validation","onChipAdd","chip","LocationSearchSelect","filterField","row","locationFieldName","addType","enable_footer","Grid","item","xs","displayName","MemoizedFormSwitcher","section","switchForms","isFormSwitcher","formSwitcherName","handleFieldCleanUp","resetForm","length","FormSwitcher","form_switcher_label","map","forms","FormControlLabel","Radio","slotProps","typography","variant","id","FormSection","members","displayAvtar","setDetailsData","visibleMembers","filter","f","is_hidden","fieldsWithNames","toLowerCase","split","join","sectionHeader","style","minHeight","Divider","Typography","weight","mb","mt","color","avatarDisplay","fieldProps","is_accordion","marginTop","Accordion","fieldIndex","container","spacing"],"mappings":"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"}

package/dist/components/form-control/form-parser/form-section.d.ts CHANGED Viewed

@@ -62,4 +62,5 @@ interface FormSectionProps {
     images: any;
 }
 declare const FormSection: React.NamedExoticComponent<FormSectionProps>;
+export { FormSection };
 export default FormSection;

package/dist/components/form-control/form-parser/form-switcher/index.esm.js CHANGED Viewed

@@ -57,6 +57,7 @@ const FormSwitcher = memo(({
   return null;
 });
 export {
+  FormSwitcher,
   FormSwitcher as default
 };
 //# sourceMappingURL=index.esm.js.map

package/dist/components/form-control/form-parser/form-switcher/index.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.esm.js","sources":["../../../../../src/components/form-control/form-parser/form-switcher.tsx"],"sourcesContent":["// import React from \"react\";\nimport { Controller } from \"react-hook-form\";\nimport { RadioGroup } from \"@mui/material\";\nimport Typography from \"../../typography/typography\";\nimport { memo } from \"react\";\n\nconst FormSwitcher = memo(({\n children,\n isFormSwitcher,\n control,\n fieldArrayName,\n formSwitcherName,\n label,\n resetForm,\n}: any) => {\n if (isFormSwitcher) {\n return (\n <Controller\n control={control}\n name={`${fieldArrayName}.${formSwitcherName}`}\n render={({ field }) => (\n <div\n style={{\n display: \"flex\",\n alignItems: \"center\",\n gap: \"24px\",\n }}\n >\n {label ? (\n <Typography\n type=\"s5\"\n style={{ fontWeight: 500 }}\n color={\"theme.secondary.900\"}\n >\n {label}\n </Typography>\n ) : null}\n <RadioGroup\n value={field.value}\n onChange={(e) => {\n resetForm(e.target.value)\n field.onChange(e.target.value)\n }}\n row={true}\n >\n {children}\n </RadioGroup>\n </div>\n )}\n />\n );\n }\n return null;\n});\n\nexport default FormSwitcher;\n"],"names":[],"mappings":";;;;;AAMA,MAAM,eAAe,KAAK,CAAC;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAW;AACT,MAAI,gBAAgB;AAClB,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,MAAM,GAAG,cAAc,IAAI,gBAAgB;AAAA,QAC3C,QAAQ,CAAC,EAAE,MAAA,MACT;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAO;AAAA,cACL,SAAS;AAAA,cACT,YAAY;AAAA,cACZ,KAAK;AAAA,YAAA;AAAA,YAGN,UAAA;AAAA,cAAA,QACC;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,MAAK;AAAA,kBACL,OAAO,EAAE,YAAY,IAAA;AAAA,kBACrB,OAAO;AAAA,kBAEN,UAAA;AAAA,gBAAA;AAAA,cAAA,IAED;AAAA,cACJ;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,OAAO,MAAM;AAAA,kBACb,UAAU,CAAC,MAAM;AACf,8BAAU,EAAE,OAAO,KAAK;AACxB,0BAAM,SAAS,EAAE,OAAO,KAAK;AAAA,kBAC/B;AAAA,kBACA,KAAK;AAAA,kBAEJ;AAAA,gBAAA;AAAA,cAAA;AAAA,YACH;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAIR;AACA,SAAO;AACT,CAAC;"}
1	+ {"version":3,"file":"index.esm.js","sources":["../../../../../src/components/form-control/form-parser/form-switcher.tsx"],"sourcesContent":["// import React from \"react\";\nimport { Controller } from \"react-hook-form\";\nimport { RadioGroup } from \"@mui/material\";\nimport Typography from \"../../typography/typography\";\nimport { memo } from \"react\";\n\nconst FormSwitcher = memo(({\n children,\n isFormSwitcher,\n control,\n fieldArrayName,\n formSwitcherName,\n label,\n resetForm,\n}: any) => {\n if (isFormSwitcher) {\n return (\n <Controller\n control={control}\n name={`${fieldArrayName}.${formSwitcherName}`}\n render={({ field }) => (\n <div\n style={{\n display: \"flex\",\n alignItems: \"center\",\n gap: \"24px\",\n }}\n >\n {label ? (\n <Typography\n type=\"s5\"\n style={{ fontWeight: 500 }}\n color={\"theme.secondary.900\"}\n >\n {label}\n </Typography>\n ) : null}\n <RadioGroup\n value={field.value}\n onChange={(e) => {\n resetForm(e.target.value)\n field.onChange(e.target.value)\n }}\n row={true}\n >\n {children}\n </RadioGroup>\n </div>\n )}\n />\n );\n }\n return null;\n});\n\nexport { FormSwitcher };\nexport default FormSwitcher;\n"],"names":[],"mappings":";;;;;AAMA,MAAM,eAAe,KAAK,CAAC;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAW;AACT,MAAI,gBAAgB;AAClB,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,MAAM,GAAG,cAAc,IAAI,gBAAgB;AAAA,QAC3C,QAAQ,CAAC,EAAE,MAAA,MACT;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAO;AAAA,cACL,SAAS;AAAA,cACT,YAAY;AAAA,cACZ,KAAK;AAAA,YAAA;AAAA,YAGN,UAAA;AAAA,cAAA,QACC;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,MAAK;AAAA,kBACL,OAAO,EAAE,YAAY,IAAA;AAAA,kBACrB,OAAO;AAAA,kBAEN,UAAA;AAAA,gBAAA;AAAA,cAAA,IAED;AAAA,cACJ;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,OAAO,MAAM;AAAA,kBACb,UAAU,CAAC,MAAM;AACf,8BAAU,EAAE,OAAO,KAAK;AACxB,0BAAM,SAAS,EAAE,OAAO,KAAK;AAAA,kBAC/B;AAAA,kBACA,KAAK;AAAA,kBAEJ;AAAA,gBAAA;AAAA,cAAA;AAAA,YACH;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAIR;AACA,SAAO;AACT,CAAC;"}

package/dist/components/form-control/form-parser/form-switcher/index.js CHANGED Viewed

@@ -1,3 +1,3 @@
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react-hook-form"),o=require("../../../typography/typography/index.js"),t=require("react"),l=require("../../../../node_modules/@mui/material/RadioGroup/RadioGroup/index.js");const a=t.memo(({children:t,isFormSwitcher:a,control:i,fieldArrayName:n,formSwitcherName:s,label:u,resetForm:d})=>a?/* @__PURE__ */e.jsx(r.Controller,{control:i,name:`${n}.${s}`,render:({field:r})=>/* @__PURE__ */e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"24px"},children:[u?/* @__PURE__ */e.jsx(o.Typography,{type:"s5",style:{fontWeight:500},color:"theme.secondary.900",children:u}):null,
-/* @__PURE__ */e.jsx(l.default,{value:r.value,onChange:e=>{d(e.target.value),r.onChange(e.target.value)},row:!0,children:t})]})}):null);exports.default=a;
+/* @__PURE__ */e.jsx(l.default,{value:r.value,onChange:e=>{d(e.target.value),r.onChange(e.target.value)},row:!0,children:t})]})}):null);exports.FormSwitcher=a,exports.default=a;
 //# sourceMappingURL=index.js.map

package/dist/components/form-control/form-parser/form-switcher/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../../src/components/form-control/form-parser/form-switcher.tsx"],"sourcesContent":["// import React from \"react\";\nimport { Controller } from \"react-hook-form\";\nimport { RadioGroup } from \"@mui/material\";\nimport Typography from \"../../typography/typography\";\nimport { memo } from \"react\";\n\nconst FormSwitcher = memo(({\n children,\n isFormSwitcher,\n control,\n fieldArrayName,\n formSwitcherName,\n label,\n resetForm,\n}: any) => {\n if (isFormSwitcher) {\n return (\n <Controller\n control={control}\n name={`${fieldArrayName}.${formSwitcherName}`}\n render={({ field }) => (\n <div\n style={{\n display: \"flex\",\n alignItems: \"center\",\n gap: \"24px\",\n }}\n >\n {label ? (\n <Typography\n type=\"s5\"\n style={{ fontWeight: 500 }}\n color={\"theme.secondary.900\"}\n >\n {label}\n </Typography>\n ) : null}\n <RadioGroup\n value={field.value}\n onChange={(e) => {\n resetForm(e.target.value)\n field.onChange(e.target.value)\n }}\n row={true}\n >\n {children}\n </RadioGroup>\n </div>\n )}\n />\n );\n }\n return null;\n});\n\nexport default FormSwitcher;\n"],"names":["FormSwitcher","memo","children","isFormSwitcher","control","fieldArrayName","formSwitcherName","label","resetForm","jsx","Controller","name","render","field","jsxs","style","display","alignItems","gap","Typography","type","fontWeight","color","RadioGroup","value","onChange","e","target","row"],"mappings":"+RAMA,MAAMA,EAAeC,EAAAA,KAAK,EACxBC,WACAC,iBACAC,UACAC,iBACAC,mBACAC,QACAC,eAEIL,iBAEAM,EAAAA,IAACC,EAAAA,WAAA,CACCN,UACAO,KAAM,GAAGN,KAAkBC,IAC3BM,OAAQ,EAAGC,0BACTC,EAAAA,KAAC,MAAA,CACCC,MAAO,CACLC,QAAS,OACTC,WAAY,SACZC,IAAK,QAGNhB,SAAA,CAAAK,iBACCE,EAAAA,IAACU,EAAAA,WAAA,CACCC,KAAK,KACLL,MAAO,CAAEM,WAAY,KACrBC,MAAO,sBAENpB,SAAAK,IAED;eACJE,EAAAA,IAACc,EAAAA,QAAA,CACCC,MAAOX,EAAMW,MACbC,SAAWC,IACTlB,EAAUkB,EAAEC,OAAOH,OACnBX,EAAMY,SAASC,EAAEC,OAAOH,QAE1BI,KAAK,EAEJ1B,kBAON"}
1	+ {"version":3,"file":"index.js","sources":["../../../../../src/components/form-control/form-parser/form-switcher.tsx"],"sourcesContent":["// import React from \"react\";\nimport { Controller } from \"react-hook-form\";\nimport { RadioGroup } from \"@mui/material\";\nimport Typography from \"../../typography/typography\";\nimport { memo } from \"react\";\n\nconst FormSwitcher = memo(({\n children,\n isFormSwitcher,\n control,\n fieldArrayName,\n formSwitcherName,\n label,\n resetForm,\n}: any) => {\n if (isFormSwitcher) {\n return (\n <Controller\n control={control}\n name={`${fieldArrayName}.${formSwitcherName}`}\n render={({ field }) => (\n <div\n style={{\n display: \"flex\",\n alignItems: \"center\",\n gap: \"24px\",\n }}\n >\n {label ? (\n <Typography\n type=\"s5\"\n style={{ fontWeight: 500 }}\n color={\"theme.secondary.900\"}\n >\n {label}\n </Typography>\n ) : null}\n <RadioGroup\n value={field.value}\n onChange={(e) => {\n resetForm(e.target.value)\n field.onChange(e.target.value)\n }}\n row={true}\n >\n {children}\n </RadioGroup>\n </div>\n )}\n />\n );\n }\n return null;\n});\n\nexport { FormSwitcher };\nexport default FormSwitcher;\n"],"names":["FormSwitcher","memo","children","isFormSwitcher","control","fieldArrayName","formSwitcherName","label","resetForm","jsx","Controller","name","render","field","jsxs","style","display","alignItems","gap","Typography","type","fontWeight","color","RadioGroup","value","onChange","e","target","row"],"mappings":"+RAMA,MAAMA,EAAeC,EAAAA,KAAK,EACxBC,WACAC,iBACAC,UACAC,iBACAC,mBACAC,QACAC,eAEIL,iBAEAM,EAAAA,IAACC,EAAAA,WAAA,CACCN,UACAO,KAAM,GAAGN,KAAkBC,IAC3BM,OAAQ,EAAGC,0BACTC,EAAAA,KAAC,MAAA,CACCC,MAAO,CACLC,QAAS,OACTC,WAAY,SACZC,IAAK,QAGNhB,SAAA,CAAAK,iBACCE,EAAAA,IAACU,EAAAA,WAAA,CACCC,KAAK,KACLL,MAAO,CAAEM,WAAY,KACrBC,MAAO,sBAENpB,SAAAK,IAED;eACJE,EAAAA,IAACc,EAAAA,QAAA,CACCC,MAAOX,EAAMW,MACbC,SAAWC,IACTlB,EAAUkB,EAAEC,OAAOH,OACnBX,EAAMY,SAASC,EAAEC,OAAOH,QAE1BI,KAAK,EAEJ1B,kBAON"}

package/dist/components/form-control/form-parser/form-switcher.d.ts CHANGED Viewed

@@ -1,2 +1,3 @@
 declare const FormSwitcher: import('react').MemoExoticComponent<({ children, isFormSwitcher, control, fieldArrayName, formSwitcherName, label, resetForm, }: any) => import("react/jsx-runtime").JSX.Element>;
+export { FormSwitcher };
 export default FormSwitcher;

package/dist/components/form-header/form-header/index.esm.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import BreadCrumb from "../../bread-crumb/bread-crumb/index.esm.js";
+import { BreadCrumb } from "../../bread-crumb/bread-crumb/index.esm.js";
 /* empty css                            */
 const FormHeader = (props) => {
   const { breadCrumbPath, children, containerProps } = props;
@@ -9,6 +9,7 @@ const FormHeader = (props) => {
   ] });
 };
 export {
+  FormHeader,
   FormHeader as default
 };
 //# sourceMappingURL=index.esm.js.map

package/dist/components/form-header/form-header/index.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.esm.js","sources":["../../../../src/components/form-header/form-header.tsx"],"sourcesContent":["import React from \"react\";\nimport BreadCrumb from \"../bread-crumb/bread-crumb\";\nimport \"./form-header.scss\";\n\ninterface BreadCrumbSlot {\n link: string;\n label: string \| JSX.Element;\n linkState?: any;\n}\n\ninterface FormHeaderProps {\n breadCrumbPath: BreadCrumbSlot[];\n children?: React.ReactNode;\n containerProps?:any;\n}\nconst FormHeader = (props: FormHeaderProps) => {\n const { breadCrumbPath, children, containerProps } = props;\n return (\n <div className=\"formHeader--Header\" {...containerProps}>\n <BreadCrumb path={breadCrumbPath} />\n <div>{children}</div>\n </div>\n );\n};\n\nexport default FormHeader;\n"],"names":[],"mappings":";;;AAeA,MAAM,aAAa,CAAC,UAA2B;AAC7C,QAAM,EAAE,gBAAgB,UAAU,eAAA,IAAmB;AACrD,SACE,qBAAC,OAAA,EAAI,WAAU,sBAAsB,GAAG,gBACtC,UAAA;AAAA,IAAA,oBAAC,YAAA,EAAW,MAAM,eAAA,CAAgB;AAAA,IAClC,oBAAC,SAAK,SAAA,CAAS;AAAA,EAAA,GACjB;AAEJ;"}
1	+ {"version":3,"file":"index.esm.js","sources":["../../../../src/components/form-header/form-header.tsx"],"sourcesContent":["import React from \"react\";\nimport BreadCrumb from \"../bread-crumb/bread-crumb\";\nimport \"./form-header.scss\";\n\ninterface BreadCrumbSlot {\n link: string;\n label: string \| JSX.Element;\n linkState?: any;\n}\n\ninterface FormHeaderProps {\n breadCrumbPath: BreadCrumbSlot[];\n children?: React.ReactNode;\n containerProps?:any;\n}\nconst FormHeader = (props: FormHeaderProps) => {\n const { breadCrumbPath, children, containerProps } = props;\n return (\n <div className=\"formHeader--Header\" {...containerProps}>\n <BreadCrumb path={breadCrumbPath} />\n <div>{children}</div>\n </div>\n );\n};\n\nexport { FormHeader };\nexport default FormHeader;\n"],"names":[],"mappings":";;;AAeA,MAAM,aAAa,CAAC,UAA2B;AAC7C,QAAM,EAAE,gBAAgB,UAAU,eAAA,IAAmB;AACrD,SACE,qBAAC,OAAA,EAAI,WAAU,sBAAsB,GAAG,gBACtC,UAAA;AAAA,IAAA,oBAAC,YAAA,EAAW,MAAM,eAAA,CAAgB;AAAA,IAClC,oBAAC,SAAK,SAAA,CAAS;AAAA,EAAA,GACjB;AAEJ;"}

package/dist/components/form-header/form-header/index.js CHANGED Viewed

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=;/* empty css                                   */,/* empty css                         */exports.default=s=>{const{breadCrumbPath:d,children:a,containerProps:t}=s;/* @__PURE__ */
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=;/* empty css                                   */;/* empty css                         */const s=s=>{const{breadCrumbPath:d,children:a,containerProps:t}=s;/* @__PURE__ */
 return e.jsxs("div",{className:"formHeader--Header",...t,children:[
-/* @__PURE__ */e.jsx(r.default,{path:d}),
-/* @__PURE__ */e.jsx("div",{children:a})]})};
+/* @__PURE__ */e.jsx(r.BreadCrumb,{path:d}),
+/* @__PURE__ */e.jsx("div",{children:a})]})};exports.FormHeader=s,exports.default=s;
 //# sourceMappingURL=index.js.map

package/dist/components/form-header/form-header/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../src/components/form-header/form-header.tsx"],"sourcesContent":["import React from \"react\";\nimport BreadCrumb from \"../bread-crumb/bread-crumb\";\nimport \"./form-header.scss\";\n\ninterface BreadCrumbSlot {\n link: string;\n label: string \| JSX.Element;\n linkState?: any;\n}\n\ninterface FormHeaderProps {\n breadCrumbPath: BreadCrumbSlot[];\n children?: React.ReactNode;\n containerProps?:any;\n}\nconst FormHeader = (props: FormHeaderProps) => {\n const { breadCrumbPath, children, containerProps } = props;\n return (\n <div className=\"formHeader--Header\" {...containerProps}>\n <BreadCrumb path={breadCrumbPath} />\n <div>{children}</div>\n </div>\n );\n};\n\nexport default FormHeader;\n"],"names":["props","breadCrumbPath","children","containerProps","jsxs","className","jsx","BreadCrumb","path"],"mappings":"~~mNAeoBA~~,IAClB,MAAMC,eAAEA,EAAAC,SAAgBA,EAAAC,eAAUA,GAAmBH;AACrD,OACEI,EAAAA,KAAC,MAAA,CAAIC,UAAU,wBAAyBF,EACtCD,SAAA;iBAAAI,IAACC,EAAAA,~~QAAA~~,CAAWC,KAAMP;eAClBK,MAAC,OAAKJ"}
1	+ {"version":3,"file":"index.js","sources":["../../../../src/components/form-header/form-header.tsx"],"sourcesContent":["import React from \"react\";\nimport BreadCrumb from \"../bread-crumb/bread-crumb\";\nimport \"./form-header.scss\";\n\ninterface BreadCrumbSlot {\n link: string;\n label: string \| JSX.Element;\n linkState?: any;\n}\n\ninterface FormHeaderProps {\n breadCrumbPath: BreadCrumbSlot[];\n children?: React.ReactNode;\n containerProps?:any;\n}\nconst FormHeader = (props: FormHeaderProps) => {\n const { breadCrumbPath, children, containerProps } = props;\n return (\n <div className=\"formHeader--Header\" {...containerProps}>\n <BreadCrumb path={breadCrumbPath} />\n <div>{children}</div>\n </div>\n );\n};\n\nexport { FormHeader };\nexport default FormHeader;\n"],"names":["FormHeader","props","breadCrumbPath","children","containerProps","jsxs","className","jsx","BreadCrumb","path"],"mappings":"mMAeA,MAAMA,EAAcC,IAClB,MAAMC,eAAEA,EAAAC,SAAgBA,EAAAC,eAAUA,GAAmBH;AACrD,OACEI,EAAAA,KAAC,MAAA,CAAIC,UAAU,wBAAyBF,EACtCD,SAAA;iBAAAI,IAACC,EAAAA,WAAA,CAAWC,KAAMP;eAClBK,MAAC,OAAKJ"}

package/dist/components/form-header/form-header.d.ts CHANGED Viewed

@@ -11,4 +11,5 @@ interface FormHeaderProps {
     containerProps?: any;
 }
 declare const FormHeader: (props: FormHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export { FormHeader };
 export default FormHeader;

package/dist/components/gantt/gantt/index.esm.js CHANGED Viewed

@@ -67,6 +67,7 @@ const GanttChart = (props) => {
   );
 };
 export {
+  GanttChart,
   GanttChart as default
 };
 //# sourceMappingURL=index.esm.js.map

package/dist/components/gantt/gantt/index.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.esm.js","sources":["../../../../src/components/gantt/gantt.tsx"],"sourcesContent":["import { Gantt, Task, ViewMode } from \"gantt-task-react\";\nimport \"gantt-task-react/dist/index.css\";\nimport \"./gantt.scss\";\nimport { useState } from \"react\";\nimport useTheme from \"@mui/material/styles/useTheme\";\n\ninterface GanttDataProps {\n data: Task[];\n showList?: boolean;\n progressChange?: boolean;\n dateChange?: boolean;\n}\n\nconst GanttChart = (props: GanttDataProps) => {\n const { data, showList, progressChange, dateChange } = props;\n const theme = useTheme();\n const tasks: Task[] = data;\n const [task, setTask] = useState<Task[]>(tasks);\n\n const taskProgressColor = theme?.palette?.theme?.tertiary6[300];\n const taskBackgroundColor = theme?.palette?.theme?.tertiary6[200];\n const milestoneColor = theme?.palette?.theme?.tertiary4[700];\n const projectProgressColor = theme?.palette?.theme?.tertiary3[400];\n const projectBackgroundColor = theme?.palette?.theme?.tertiary3[300];\n const todayColor = theme?.palette?.theme?.tertiary5[400];\n\n const handleProgressChange = (updatedTask: Task) => {\n if (progressChange) {\n const taskIndex = tasks.findIndex((task) => task.id === updatedTask.id);\n\n const updatedTasks = [...tasks];\n updatedTasks[taskIndex] = updatedTask;\n\n setTask(updatedTasks);\n }\n };\n\n const handleDateChange = (updatedTask: Task) => {\n if (dateChange) {\n const taskIndex = tasks.findIndex((task) => task.id === updatedTask.id);\n\n const updatedTasks = [...tasks];\n updatedTasks[taskIndex] = updatedTask;\n\n setTask(updatedTasks);\n }\n };\n\n const handleExpanderClick = (clickedTask: Task) => {\n setTask((prevTasks: Task[]) =>\n prevTasks.map((task) =>\n task.id === clickedTask.id ? clickedTask : task,\n ),\n );\n };\n\n return (\n <Gantt\n tasks={task}\n viewMode={ViewMode.Day}\n listCellWidth={showList ? \"190px\" : \"\"}\n columnWidth={80}\n barCornerRadius={8}\n fontSize=\"12\"\n fontFamily=\"Inter\"\n onProgressChange={progressChange ? handleProgressChange : undefined}\n onDateChange={dateChange ? handleDateChange : undefined}\n barProgressColor={taskProgressColor}\n barProgressSelectedColor={taskProgressColor}\n barBackgroundColor={taskBackgroundColor}\n barBackgroundSelectedColor={taskBackgroundColor}\n milestoneBackgroundColor={milestoneColor}\n milestoneBackgroundSelectedColor={milestoneColor}\n projectBackgroundColor={projectBackgroundColor}\n projectBackgroundSelectedColor={projectBackgroundColor}\n projectProgressColor={projectProgressColor}\n projectProgressSelectedColor={projectProgressColor}\n todayColor={todayColor}\n onExpanderClick={handleExpanderClick}\n />\n );\n};\n\nexport default GanttChart;\n"],"names":["task"],"mappings":";;;;;;AAaA,MAAM,aAAa,CAAC,UAA0B;;AAC5C,QAAM,EAAE,MAAM,UAAU,gBAAgB,eAAe;AACvD,QAAM,QAAQ,SAAA;AACd,QAAM,QAAgB;AACtB,QAAM,CAAC,MAAM,OAAO,IAAI,SAAiB,KAAK;AAE9C,QAAM,qBAAoB,0CAAO,YAAP,mBAAgB,UAAhB,mBAAuB,UAAU;AAC3D,QAAM,uBAAsB,0CAAO,YAAP,mBAAgB,UAAhB,mBAAuB,UAAU;AAC7D,QAAM,kBAAiB,0CAAO,YAAP,mBAAgB,UAAhB,mBAAuB,UAAU;AACxD,QAAM,wBAAuB,0CAAO,YAAP,mBAAgB,UAAhB,mBAAuB,UAAU;AAC9D,QAAM,0BAAyB,0CAAO,YAAP,mBAAgB,UAAhB,mBAAuB,UAAU;AAChE,QAAM,cAAa,0CAAO,YAAP,mBAAgB,UAAhB,mBAAuB,UAAU;AAEpD,QAAM,uBAAuB,CAAC,gBAAsB;AAClD,QAAI,gBAAgB;AAClB,YAAM,YAAY,MAAM,UAAU,CAACA,UAASA,MAAK,OAAO,YAAY,EAAE;AAEtE,YAAM,eAAe,CAAC,GAAG,KAAK;AAC9B,mBAAa,SAAS,IAAI;AAE1B,cAAQ,YAAY;AAAA,IACtB;AAAA,EACF;AAEA,QAAM,mBAAmB,CAAC,gBAAsB;AAC9C,QAAI,YAAY;AACd,YAAM,YAAY,MAAM,UAAU,CAACA,UAASA,MAAK,OAAO,YAAY,EAAE;AAEtE,YAAM,eAAe,CAAC,GAAG,KAAK;AAC9B,mBAAa,SAAS,IAAI;AAE1B,cAAQ,YAAY;AAAA,IACtB;AAAA,EACF;AAEA,QAAM,sBAAsB,CAAC,gBAAsB;AACjD;AAAA,MAAQ,CAAC,cACP,UAAU;AAAA,QAAI,CAACA,UACbA,MAAK,OAAO,YAAY,KAAK,cAAcA;AAAAA,MAAA;AAAA,IAC7C;AAAA,EAEJ;AAEA,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,MACP,UAAU,SAAS;AAAA,MACnB,eAAe,WAAW,UAAU;AAAA,MACpC,aAAa;AAAA,MACb,iBAAiB;AAAA,MACjB,UAAS;AAAA,MACT,YAAW;AAAA,MACX,kBAAkB,iBAAiB,uBAAuB;AAAA,MAC1D,cAAc,aAAa,mBAAmB;AAAA,MAC9C,kBAAkB;AAAA,MAClB,0BAA0B;AAAA,MAC1B,oBAAoB;AAAA,MACpB,4BAA4B;AAAA,MAC5B,0BAA0B;AAAA,MAC1B,kCAAkC;AAAA,MAClC;AAAA,MACA,gCAAgC;AAAA,MAChC;AAAA,MACA,8BAA8B;AAAA,MAC9B;AAAA,MACA,iBAAiB;AAAA,IAAA;AAAA,EAAA;AAGvB;"}
1	+ {"version":3,"file":"index.esm.js","sources":["../../../../src/components/gantt/gantt.tsx"],"sourcesContent":["import { Gantt, Task, ViewMode } from \"gantt-task-react\";\nimport \"gantt-task-react/dist/index.css\";\nimport \"./gantt.scss\";\nimport { useState } from \"react\";\nimport useTheme from \"@mui/material/styles/useTheme\";\n\ninterface GanttDataProps {\n data: Task[];\n showList?: boolean;\n progressChange?: boolean;\n dateChange?: boolean;\n}\n\nconst GanttChart = (props: GanttDataProps) => {\n const { data, showList, progressChange, dateChange } = props;\n const theme = useTheme();\n const tasks: Task[] = data;\n const [task, setTask] = useState<Task[]>(tasks);\n\n const taskProgressColor = theme?.palette?.theme?.tertiary6[300];\n const taskBackgroundColor = theme?.palette?.theme?.tertiary6[200];\n const milestoneColor = theme?.palette?.theme?.tertiary4[700];\n const projectProgressColor = theme?.palette?.theme?.tertiary3[400];\n const projectBackgroundColor = theme?.palette?.theme?.tertiary3[300];\n const todayColor = theme?.palette?.theme?.tertiary5[400];\n\n const handleProgressChange = (updatedTask: Task) => {\n if (progressChange) {\n const taskIndex = tasks.findIndex((task) => task.id === updatedTask.id);\n\n const updatedTasks = [...tasks];\n updatedTasks[taskIndex] = updatedTask;\n\n setTask(updatedTasks);\n }\n };\n\n const handleDateChange = (updatedTask: Task) => {\n if (dateChange) {\n const taskIndex = tasks.findIndex((task) => task.id === updatedTask.id);\n\n const updatedTasks = [...tasks];\n updatedTasks[taskIndex] = updatedTask;\n\n setTask(updatedTasks);\n }\n };\n\n const handleExpanderClick = (clickedTask: Task) => {\n setTask((prevTasks: Task[]) =>\n prevTasks.map((task) =>\n task.id === clickedTask.id ? clickedTask : task,\n ),\n );\n };\n\n return (\n <Gantt\n tasks={task}\n viewMode={ViewMode.Day}\n listCellWidth={showList ? \"190px\" : \"\"}\n columnWidth={80}\n barCornerRadius={8}\n fontSize=\"12\"\n fontFamily=\"Inter\"\n onProgressChange={progressChange ? handleProgressChange : undefined}\n onDateChange={dateChange ? handleDateChange : undefined}\n barProgressColor={taskProgressColor}\n barProgressSelectedColor={taskProgressColor}\n barBackgroundColor={taskBackgroundColor}\n barBackgroundSelectedColor={taskBackgroundColor}\n milestoneBackgroundColor={milestoneColor}\n milestoneBackgroundSelectedColor={milestoneColor}\n projectBackgroundColor={projectBackgroundColor}\n projectBackgroundSelectedColor={projectBackgroundColor}\n projectProgressColor={projectProgressColor}\n projectProgressSelectedColor={projectProgressColor}\n todayColor={todayColor}\n onExpanderClick={handleExpanderClick}\n />\n );\n};\n\nexport { GanttChart };\nexport default GanttChart;\n"],"names":["task"],"mappings":";;;;;;AAaA,MAAM,aAAa,CAAC,UAA0B;;AAC5C,QAAM,EAAE,MAAM,UAAU,gBAAgB,eAAe;AACvD,QAAM,QAAQ,SAAA;AACd,QAAM,QAAgB;AACtB,QAAM,CAAC,MAAM,OAAO,IAAI,SAAiB,KAAK;AAE9C,QAAM,qBAAoB,0CAAO,YAAP,mBAAgB,UAAhB,mBAAuB,UAAU;AAC3D,QAAM,uBAAsB,0CAAO,YAAP,mBAAgB,UAAhB,mBAAuB,UAAU;AAC7D,QAAM,kBAAiB,0CAAO,YAAP,mBAAgB,UAAhB,mBAAuB,UAAU;AACxD,QAAM,wBAAuB,0CAAO,YAAP,mBAAgB,UAAhB,mBAAuB,UAAU;AAC9D,QAAM,0BAAyB,0CAAO,YAAP,mBAAgB,UAAhB,mBAAuB,UAAU;AAChE,QAAM,cAAa,0CAAO,YAAP,mBAAgB,UAAhB,mBAAuB,UAAU;AAEpD,QAAM,uBAAuB,CAAC,gBAAsB;AAClD,QAAI,gBAAgB;AAClB,YAAM,YAAY,MAAM,UAAU,CAACA,UAASA,MAAK,OAAO,YAAY,EAAE;AAEtE,YAAM,eAAe,CAAC,GAAG,KAAK;AAC9B,mBAAa,SAAS,IAAI;AAE1B,cAAQ,YAAY;AAAA,IACtB;AAAA,EACF;AAEA,QAAM,mBAAmB,CAAC,gBAAsB;AAC9C,QAAI,YAAY;AACd,YAAM,YAAY,MAAM,UAAU,CAACA,UAASA,MAAK,OAAO,YAAY,EAAE;AAEtE,YAAM,eAAe,CAAC,GAAG,KAAK;AAC9B,mBAAa,SAAS,IAAI;AAE1B,cAAQ,YAAY;AAAA,IACtB;AAAA,EACF;AAEA,QAAM,sBAAsB,CAAC,gBAAsB;AACjD;AAAA,MAAQ,CAAC,cACP,UAAU;AAAA,QAAI,CAACA,UACbA,MAAK,OAAO,YAAY,KAAK,cAAcA;AAAAA,MAAA;AAAA,IAC7C;AAAA,EAEJ;AAEA,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,MACP,UAAU,SAAS;AAAA,MACnB,eAAe,WAAW,UAAU;AAAA,MACpC,aAAa;AAAA,MACb,iBAAiB;AAAA,MACjB,UAAS;AAAA,MACT,YAAW;AAAA,MACX,kBAAkB,iBAAiB,uBAAuB;AAAA,MAC1D,cAAc,aAAa,mBAAmB;AAAA,MAC9C,kBAAkB;AAAA,MAClB,0BAA0B;AAAA,MAC1B,oBAAoB;AAAA,MACpB,4BAA4B;AAAA,MAC5B,0BAA0B;AAAA,MAC1B,kCAAkC;AAAA,MAClC;AAAA,MACA,gCAAgC;AAAA,MAChC;AAAA,MACA,8BAA8B;AAAA,MAC9B;AAAA,MACA,iBAAiB;AAAA,IAAA;AAAA,EAAA;AAGvB;"}

package/dist/components/gantt/gantt/index.js CHANGED Viewed

@@ -1,3 +1,3 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=;/* empty css                                                              */,/* empty css                                                           */;/* empty css                   */var o=require("react"),r=;/* empty css                                                         */exports.default=l=>{var d,i,n,a,s,u,c,v,g,m,C,p;const{data:h,showList:x,progressChange:j,dateChange:y}=l,k=r.default(),f=h,[S,b]=o.useState(f),q=null==(i=null==(d=null==k?void 0:k.palette)?void 0:d.theme)?void 0:i.tertiary6[300],B=null==(a=null==(n=null==k?void 0:k.palette)?void 0:n.theme)?void 0:a.tertiary6[200],P=null==(u=null==(s=null==k?void 0:k.palette)?void 0:s.theme)?void 0:u.tertiary4[700],_=null==(v=null==(c=null==k?void 0:k.palette)?void 0:c.theme)?void 0:v.tertiary3[400],w=null==(m=null==(g=null==k?void 0:k.palette)?void 0:g.theme)?void 0:m.tertiary3[300],I=null==(p=null==(C=null==k?void 0:k.palette)?void 0:C.theme)?void 0:p.tertiary5[400];/* @__PURE__ */
-return e.jsx(t.Gantt,{tasks:S,viewMode:t.ViewMode.Day,listCellWidth:x?"190px":"",columnWidth:80,barCornerRadius:8,fontSize:"12",fontFamily:"Inter",onProgressChange:j?e=>{if(j){const t=f.findIndex(t=>t.id===e.id),o=[...f];o[t]=e,b(o)}}:void 0,onDateChange:y?e=>{if(y){const t=f.findIndex(t=>t.id===e.id),o=[...f];o[t]=e,b(o)}}:void 0,barProgressColor:q,barProgressSelectedColor:q,barBackgroundColor:B,barBackgroundSelectedColor:B,milestoneBackgroundColor:P,milestoneBackgroundSelectedColor:P,projectBackgroundColor:w,projectBackgroundSelectedColor:w,projectProgressColor:_,projectProgressSelectedColor:_,todayColor:I,onExpanderClick:e=>{b(t=>t.map(t=>t.id===e.id?e:t))}})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=;/* empty css                                                              */,/* empty css                                                           */;/* empty css                   */var o=require("react"),r=;/* empty css                                                         */const l=l=>{var d,i,n,a,s,u,c,v,g,m,C,p;const{data:h,showList:x,progressChange:j,dateChange:y}=l,k=r.default(),f=h,[S,b]=o.useState(f),q=null==(i=null==(d=null==k?void 0:k.palette)?void 0:d.theme)?void 0:i.tertiary6[300],B=null==(a=null==(n=null==k?void 0:k.palette)?void 0:n.theme)?void 0:a.tertiary6[200],P=null==(u=null==(s=null==k?void 0:k.palette)?void 0:s.theme)?void 0:u.tertiary4[700],_=null==(v=null==(c=null==k?void 0:k.palette)?void 0:c.theme)?void 0:v.tertiary3[400],w=null==(m=null==(g=null==k?void 0:k.palette)?void 0:g.theme)?void 0:m.tertiary3[300],I=null==(p=null==(C=null==k?void 0:k.palette)?void 0:C.theme)?void 0:p.tertiary5[400];/* @__PURE__ */
+return e.jsx(t.Gantt,{tasks:S,viewMode:t.ViewMode.Day,listCellWidth:x?"190px":"",columnWidth:80,barCornerRadius:8,fontSize:"12",fontFamily:"Inter",onProgressChange:j?e=>{if(j){const t=f.findIndex(t=>t.id===e.id),o=[...f];o[t]=e,b(o)}}:void 0,onDateChange:y?e=>{if(y){const t=f.findIndex(t=>t.id===e.id),o=[...f];o[t]=e,b(o)}}:void 0,barProgressColor:q,barProgressSelectedColor:q,barBackgroundColor:B,barBackgroundSelectedColor:B,milestoneBackgroundColor:P,milestoneBackgroundSelectedColor:P,projectBackgroundColor:w,projectBackgroundSelectedColor:w,projectProgressColor:_,projectProgressSelectedColor:_,todayColor:I,onExpanderClick:e=>{b(t=>t.map(t=>t.id===e.id?e:t))}})};exports.GanttChart=l,exports.default=l;
 //# sourceMappingURL=index.js.map

package/dist/components/gantt/gantt/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../src/components/gantt/gantt.tsx"],"sourcesContent":["import { Gantt, Task, ViewMode } from \"gantt-task-react\";\nimport \"gantt-task-react/dist/index.css\";\nimport \"./gantt.scss\";\nimport { useState } from \"react\";\nimport useTheme from \"@mui/material/styles/useTheme\";\n\ninterface GanttDataProps {\n data: Task[];\n showList?: boolean;\n progressChange?: boolean;\n dateChange?: boolean;\n}\n\nconst GanttChart = (props: GanttDataProps) => {\n const { data, showList, progressChange, dateChange } = props;\n const theme = useTheme();\n const tasks: Task[] = data;\n const [task, setTask] = useState<Task[]>(tasks);\n\n const taskProgressColor = theme?.palette?.theme?.tertiary6[300];\n const taskBackgroundColor = theme?.palette?.theme?.tertiary6[200];\n const milestoneColor = theme?.palette?.theme?.tertiary4[700];\n const projectProgressColor = theme?.palette?.theme?.tertiary3[400];\n const projectBackgroundColor = theme?.palette?.theme?.tertiary3[300];\n const todayColor = theme?.palette?.theme?.tertiary5[400];\n\n const handleProgressChange = (updatedTask: Task) => {\n if (progressChange) {\n const taskIndex = tasks.findIndex((task) => task.id === updatedTask.id);\n\n const updatedTasks = [...tasks];\n updatedTasks[taskIndex] = updatedTask;\n\n setTask(updatedTasks);\n }\n };\n\n const handleDateChange = (updatedTask: Task) => {\n if (dateChange) {\n const taskIndex = tasks.findIndex((task) => task.id === updatedTask.id);\n\n const updatedTasks = [...tasks];\n updatedTasks[taskIndex] = updatedTask;\n\n setTask(updatedTasks);\n }\n };\n\n const handleExpanderClick = (clickedTask: Task) => {\n setTask((prevTasks: Task[]) =>\n prevTasks.map((task) =>\n task.id === clickedTask.id ? clickedTask : task,\n ),\n );\n };\n\n return (\n <Gantt\n tasks={task}\n viewMode={ViewMode.Day}\n listCellWidth={showList ? \"190px\" : \"\"}\n columnWidth={80}\n barCornerRadius={8}\n fontSize=\"12\"\n fontFamily=\"Inter\"\n onProgressChange={progressChange ? handleProgressChange : undefined}\n onDateChange={dateChange ? handleDateChange : undefined}\n barProgressColor={taskProgressColor}\n barProgressSelectedColor={taskProgressColor}\n barBackgroundColor={taskBackgroundColor}\n barBackgroundSelectedColor={taskBackgroundColor}\n milestoneBackgroundColor={milestoneColor}\n milestoneBackgroundSelectedColor={milestoneColor}\n projectBackgroundColor={projectBackgroundColor}\n projectBackgroundSelectedColor={projectBackgroundColor}\n projectProgressColor={projectProgressColor}\n projectProgressSelectedColor={projectProgressColor}\n todayColor={todayColor}\n onExpanderClick={handleExpanderClick}\n />\n );\n};\n\nexport default GanttChart;\n"],"names":["props","data","showList","progressChange","dateChange","theme","useTheme","tasks","task","setTask","useState","taskProgressColor","_b","_a","palette","tertiary6","taskBackgroundColor","_d","_c","milestoneColor","_f","_e","tertiary4","projectProgressColor","_h","_g","tertiary3","projectBackgroundColor","_j","_i","todayColor","_l","_k","tertiary5","jsx","Gantt","viewMode","ViewMode","Day","listCellWidth","columnWidth","barCornerRadius","fontSize","fontFamily","onProgressChange","updatedTask","taskIndex","findIndex","id","updatedTasks","onDateChange","barProgressColor","barProgressSelectedColor","barBackgroundColor","barBackgroundSelectedColor","milestoneBackgroundColor","milestoneBackgroundSelectedColor","projectBackgroundSelectedColor","projectProgressSelectedColor","onExpanderClick","clickedTask","prevTasks","map"],"mappings":"~~mZAaoBA~~,gCAClB,MAAMC,KAAEA,EAAAC,SAAMA,EAAAC,eAAUA,EAAAC,WAAgBA,GAAeJ,EACjDK,EAAQC,EAAAA,UACRC,EAAgBN,GACfO,EAAMC,GAAWC,EAAAA,SAAiBH,GAEnCI,EAAoB,OAAAC,EAAA,OAAAC,EAAA,MAAAR,OAAA,EAAAA,EAAOS,cAAP,EAAAD,EAAgBR,gBAAOU,UAAU,KACrDC,EAAsB,OAAAC,EAAA,OAAAC,EAAA,MAAAb,OAAA,EAAAA,EAAOS,cAAP,EAAAI,EAAgBb,gBAAOU,UAAU,KACvDI,EAAiB,OAAAC,EAAA,OAAAC,EAAA,MAAAhB,OAAA,EAAAA,EAAOS,cAAP,EAAAO,EAAgBhB,gBAAOiB,UAAU,KAClDC,EAAuB,OAAAC,EAAA,OAAAC,EAAA,MAAApB,OAAA,EAAAA,EAAOS,cAAP,EAAAW,EAAgBpB,gBAAOqB,UAAU,KACxDC,EAAyB,OAAAC,EAAA,OAAAC,EAAA,MAAAxB,OAAA,EAAAA,EAAOS,cAAP,EAAAe,EAAgBxB,gBAAOqB,UAAU,KAC1DI,EAAa,OAAAC,EAAA,OAAAC,EAAA,MAAA3B,OAAA,EAAAA,EAAOS,cAAP,EAAAkB,EAAgB3B,gBAAO4B,UAAU;AAgCpD,OACEC,EAAAA,IAACC,EAAAA,MAAA,CACC5B,MAAOC,EACP4B,SAAUC,EAAAA,SAASC,IACnBC,cAAerC,EAAW,QAAU,GACpCsC,YAAa,GACbC,gBAAiB,EACjBC,SAAS,KACTC,WAAW,QACXC,iBAAkBzC,EAvCQ0C,IAC5B,GAAI1C,EAAgB,CAClB,MAAM2C,EAAYvC,EAAMwC,UAAWvC,GAASA,EAAKwC,KAAOH,EAAYG,IAE9DC,EAAe,IAAI1C,GACzB0C,EAAaH,GAAaD,EAE1BpC,EAAQwC,EACV,QA+B4D,EAC1DC,aAAc9C,EA7BQyC,IACxB,GAAIzC,EAAY,CACd,MAAM0C,EAAYvC,EAAMwC,UAAWvC,GAASA,EAAKwC,KAAOH,EAAYG,IAE9DC,EAAe,IAAI1C,GACzB0C,EAAaH,GAAaD,EAE1BpC,EAAQwC,EACV,QAqBgD,EAC9CE,iBAAkBxC,EAClByC,yBAA0BzC,EAC1B0C,mBAAoBrC,EACpBsC,2BAA4BtC,EAC5BuC,yBAA0BpC,EAC1BqC,iCAAkCrC,EAClCQ,yBACA8B,+BAAgC9B,EAChCJ,uBACAmC,6BAA8BnC,EAC9BO,aACA6B,gBA9ByBC,IAC3BnD,EAASoD,GACPA,EAAUC,IAAKtD,GACbA,EAAKwC,KAAOY,EAAYZ,GAAKY,EAAcpD"}
1	+ {"version":3,"file":"index.js","sources":["../../../../src/components/gantt/gantt.tsx"],"sourcesContent":["import { Gantt, Task, ViewMode } from \"gantt-task-react\";\nimport \"gantt-task-react/dist/index.css\";\nimport \"./gantt.scss\";\nimport { useState } from \"react\";\nimport useTheme from \"@mui/material/styles/useTheme\";\n\ninterface GanttDataProps {\n data: Task[];\n showList?: boolean;\n progressChange?: boolean;\n dateChange?: boolean;\n}\n\nconst GanttChart = (props: GanttDataProps) => {\n const { data, showList, progressChange, dateChange } = props;\n const theme = useTheme();\n const tasks: Task[] = data;\n const [task, setTask] = useState<Task[]>(tasks);\n\n const taskProgressColor = theme?.palette?.theme?.tertiary6[300];\n const taskBackgroundColor = theme?.palette?.theme?.tertiary6[200];\n const milestoneColor = theme?.palette?.theme?.tertiary4[700];\n const projectProgressColor = theme?.palette?.theme?.tertiary3[400];\n const projectBackgroundColor = theme?.palette?.theme?.tertiary3[300];\n const todayColor = theme?.palette?.theme?.tertiary5[400];\n\n const handleProgressChange = (updatedTask: Task) => {\n if (progressChange) {\n const taskIndex = tasks.findIndex((task) => task.id === updatedTask.id);\n\n const updatedTasks = [...tasks];\n updatedTasks[taskIndex] = updatedTask;\n\n setTask(updatedTasks);\n }\n };\n\n const handleDateChange = (updatedTask: Task) => {\n if (dateChange) {\n const taskIndex = tasks.findIndex((task) => task.id === updatedTask.id);\n\n const updatedTasks = [...tasks];\n updatedTasks[taskIndex] = updatedTask;\n\n setTask(updatedTasks);\n }\n };\n\n const handleExpanderClick = (clickedTask: Task) => {\n setTask((prevTasks: Task[]) =>\n prevTasks.map((task) =>\n task.id === clickedTask.id ? clickedTask : task,\n ),\n );\n };\n\n return (\n <Gantt\n tasks={task}\n viewMode={ViewMode.Day}\n listCellWidth={showList ? \"190px\" : \"\"}\n columnWidth={80}\n barCornerRadius={8}\n fontSize=\"12\"\n fontFamily=\"Inter\"\n onProgressChange={progressChange ? handleProgressChange : undefined}\n onDateChange={dateChange ? handleDateChange : undefined}\n barProgressColor={taskProgressColor}\n barProgressSelectedColor={taskProgressColor}\n barBackgroundColor={taskBackgroundColor}\n barBackgroundSelectedColor={taskBackgroundColor}\n milestoneBackgroundColor={milestoneColor}\n milestoneBackgroundSelectedColor={milestoneColor}\n projectBackgroundColor={projectBackgroundColor}\n projectBackgroundSelectedColor={projectBackgroundColor}\n projectProgressColor={projectProgressColor}\n projectProgressSelectedColor={projectProgressColor}\n todayColor={todayColor}\n onExpanderClick={handleExpanderClick}\n />\n );\n};\n\nexport { GanttChart };\nexport default GanttChart;\n"],"names":["GanttChart","props","data","showList","progressChange","dateChange","theme","useTheme","tasks","task","setTask","useState","taskProgressColor","_b","_a","palette","tertiary6","taskBackgroundColor","_d","_c","milestoneColor","_f","_e","tertiary4","projectProgressColor","_h","_g","tertiary3","projectBackgroundColor","_j","_i","todayColor","_l","_k","tertiary5","jsx","Gantt","viewMode","ViewMode","Day","listCellWidth","columnWidth","barCornerRadius","fontSize","fontFamily","onProgressChange","updatedTask","taskIndex","findIndex","id","updatedTasks","onDateChange","barProgressColor","barProgressSelectedColor","barBackgroundColor","barBackgroundSelectedColor","milestoneBackgroundColor","milestoneBackgroundSelectedColor","projectBackgroundSelectedColor","projectProgressSelectedColor","onExpanderClick","clickedTask","prevTasks","map"],"mappings":"mYAaA,MAAMA,EAAcC,gCAClB,MAAMC,KAAEA,EAAAC,SAAMA,EAAAC,eAAUA,EAAAC,WAAgBA,GAAeJ,EACjDK,EAAQC,EAAAA,UACRC,EAAgBN,GACfO,EAAMC,GAAWC,EAAAA,SAAiBH,GAEnCI,EAAoB,OAAAC,EAAA,OAAAC,EAAA,MAAAR,OAAA,EAAAA,EAAOS,cAAP,EAAAD,EAAgBR,gBAAOU,UAAU,KACrDC,EAAsB,OAAAC,EAAA,OAAAC,EAAA,MAAAb,OAAA,EAAAA,EAAOS,cAAP,EAAAI,EAAgBb,gBAAOU,UAAU,KACvDI,EAAiB,OAAAC,EAAA,OAAAC,EAAA,MAAAhB,OAAA,EAAAA,EAAOS,cAAP,EAAAO,EAAgBhB,gBAAOiB,UAAU,KAClDC,EAAuB,OAAAC,EAAA,OAAAC,EAAA,MAAApB,OAAA,EAAAA,EAAOS,cAAP,EAAAW,EAAgBpB,gBAAOqB,UAAU,KACxDC,EAAyB,OAAAC,EAAA,OAAAC,EAAA,MAAAxB,OAAA,EAAAA,EAAOS,cAAP,EAAAe,EAAgBxB,gBAAOqB,UAAU,KAC1DI,EAAa,OAAAC,EAAA,OAAAC,EAAA,MAAA3B,OAAA,EAAAA,EAAOS,cAAP,EAAAkB,EAAgB3B,gBAAO4B,UAAU;AAgCpD,OACEC,EAAAA,IAACC,EAAAA,MAAA,CACC5B,MAAOC,EACP4B,SAAUC,EAAAA,SAASC,IACnBC,cAAerC,EAAW,QAAU,GACpCsC,YAAa,GACbC,gBAAiB,EACjBC,SAAS,KACTC,WAAW,QACXC,iBAAkBzC,EAvCQ0C,IAC5B,GAAI1C,EAAgB,CAClB,MAAM2C,EAAYvC,EAAMwC,UAAWvC,GAASA,EAAKwC,KAAOH,EAAYG,IAE9DC,EAAe,IAAI1C,GACzB0C,EAAaH,GAAaD,EAE1BpC,EAAQwC,EACV,QA+B4D,EAC1DC,aAAc9C,EA7BQyC,IACxB,GAAIzC,EAAY,CACd,MAAM0C,EAAYvC,EAAMwC,UAAWvC,GAASA,EAAKwC,KAAOH,EAAYG,IAE9DC,EAAe,IAAI1C,GACzB0C,EAAaH,GAAaD,EAE1BpC,EAAQwC,EACV,QAqBgD,EAC9CE,iBAAkBxC,EAClByC,yBAA0BzC,EAC1B0C,mBAAoBrC,EACpBsC,2BAA4BtC,EAC5BuC,yBAA0BpC,EAC1BqC,iCAAkCrC,EAClCQ,yBACA8B,+BAAgC9B,EAChCJ,uBACAmC,6BAA8BnC,EAC9BO,aACA6B,gBA9ByBC,IAC3BnD,EAASoD,GACPA,EAAUC,IAAKtD,GACbA,EAAKwC,KAAOY,EAAYZ,GAAKY,EAAcpD"}

package/dist/components/gantt/gantt.d.ts CHANGED Viewed

@@ -7,4 +7,5 @@ interface GanttDataProps {
     dateChange?: boolean;
 }
 declare const GanttChart: (props: GanttDataProps) => import("react/jsx-runtime").JSX.Element;
+export { GanttChart };
 export default GanttChart;

package/dist/components/grid/custom-grid-card/custom-grid-card/index.esm.js CHANGED Viewed

@@ -2,7 +2,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { useState } from "react";
 import { Typography } from "../../../typography/typography/index.esm.js";
 import { formatDate } from "../../../../utils/dateFormat/index.esm.js";
-import Menu from "../../../menu/menu/index.esm.js";
+import { Menu } from "../../../menu/menu/index.esm.js";
 import Card from "../../../../node_modules/@mui/material/Card/Card/index.esm.js";
 import CardContent from "../../../../node_modules/@mui/material/CardContent/CardContent/index.esm.js";
 import Box from "../../../../node_modules/@mui/material/Box/Box/index.esm.js";