@erpsquad/common 1.8.75 → 1.8.77

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

@@ -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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"}
+{"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

@@ -0,0 +1,66 @@
+import { default as React } from 'react';
+
+interface Field {
+    name?: string;
+    label: string;
+    field_type: string;
+    is_fullwidth?: boolean;
+    custom_width?: number;
+    is_hidden?: boolean;
+    is_required?: boolean;
+    disabled?: boolean;
+    placeholder?: string;
+    value?: any;
+    default_value?: any;
+    title?: string;
+    title_position?: string;
+    table_columns?: any[];
+    table_rows?: any[];
+    component?: React.ReactNode;
+    field_properties?: {
+        apiType?: string;
+        customeFilter?: any;
+        attributes?: any;
+        disabledIds?: any[];
+        sortOrder?: string;
+        maxChips?: number;
+        allowDuplicates?: boolean;
+    };
+    validation?: any;
+    filterField?: string;
+}
+interface Section {
+    label?: string;
+    is_accordion?: boolean;
+    disabled?: boolean;
+    form_switcher_label?: string;
+}
+interface FormSectionProps {
+    section: Section;
+    index: number;
+    members?: Field[];
+    switchForms?: any[];
+    isFormSwitcher: boolean;
+    control: any;
+    fieldArrayName: string;
+    formSwitcherName: string;
+    displayAvtar?: boolean;
+    isButton?: boolean;
+    currencyOption?: any;
+    values: any;
+    onBlur?: (e: any, fieldName?: string) => void;
+    setValue: (name: string, value: any) => void;
+    onSelectFooterClick?: (field: Field) => void;
+    getSelectedData?: (row: any, key: any) => void;
+    setCurrencyOptions: (options: any) => void;
+    refreshOptions: any;
+    handleFieldCleanUp: (forms: any[]) => void;
+    handleSetCountryCodeField: (country: any, field: Field, fieldArrayName: string, values: any) => void;
+    handleTableAddClick: (field: Field) => void;
+    onTableCellChange?: (data: any) => void;
+    t: (key: string) => string;
+    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

@@ -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

@@ -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;"}
+{"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

@@ -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

@@ -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"}
+{"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

@@ -0,0 +1,3 @@
+declare const FormSwitcher: import('react').NamedExoticComponent<any>;
+export { FormSwitcher };
+export default FormSwitcher;

package/dist/components/form-control/form-parser/index.d.ts

@@ -0,0 +1,8 @@
+export { default as FormData } from './data';
+export * from './data';
+export { default as FormParser } from './form-parser';
+export * from './form-parser';
+export { default as FormSection } from './form-section';
+export * from './form-section';
+export { default as FormSwitcher } from './form-switcher';
+export * from './form-switcher';

package/dist/components/form-control/index.d.ts

@@ -0,0 +1,2 @@
+export * from './form-builder';
+export * from './form-parser';

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

@@ -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

@@ -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;"}
+{"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

@@ -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

@@ -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"}
+{"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

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+
+interface BreadCrumbSlot {
+    link: string;
+    label: string | JSX.Element;
+    linkState?: any;
+}
+interface FormHeaderProps {
+    breadCrumbPath: BreadCrumbSlot[];
+    children?: React.ReactNode;
+    containerProps?: any;
+}
+declare const FormHeader: (props: FormHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export { FormHeader };
+export default FormHeader;

package/dist/components/form-header/index.d.ts

@@ -0,0 +1,2 @@
+export { default as FormHeader } from './form-header';
+export * from './form-header';

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

@@ -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

@@ -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;"}
+{"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

@@ -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

@@ -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"}
+{"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

@@ -0,0 +1,11 @@
+import { Task } from 'gantt-task-react';
+
+interface GanttDataProps {
+    data: Task[];
+    showList?: boolean;
+    progressChange?: boolean;
+    dateChange?: boolean;
+}
+declare const GanttChart: (props: GanttDataProps) => import("react/jsx-runtime").JSX.Element;
+export { GanttChart };
+export default GanttChart;

package/dist/components/gantt/index.d.ts

@@ -0,0 +1,2 @@
+export { default as GanttChart } from './gantt';
+export * from './gantt';

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

@@ -2,13 +2,13 @@ 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";
 import IconButton from "../../../../node_modules/@mui/material/IconButton/IconButton/index.esm.js";
-import MenuItem from "../../../../node_modules/@mui/material/MenuItem/MenuItem/index.esm.js";
 import { MoreIcon } from "../../../icons/more/index.esm.js";
+import MenuItem from "../../../../node_modules/@mui/material/MenuItem/MenuItem/index.esm.js";
 const CustomGridCard = ({
   title,
   subTitle,

package/dist/components/grid/custom-grid-card/custom-grid-card/index.js

@@ -1,11 +1,11 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("../../../typography/typography/index.js"),n=require("../../../../utils/dateFormat/index.js"),i=require("../../../menu/menu/index.js"),l=require("../../../../node_modules/@mui/material/Card/Card/index.js"),a=require("../../../../node_modules/@mui/material/CardContent/CardContent/index.js"),d=require("../../../../node_modules/@mui/material/Box/Box/index.js"),o=require("../../../../node_modules/@mui/material/IconButton/IconButton/index.js"),s=require("../../../../node_modules/@mui/material/MenuItem/MenuItem/index.js"),u=require("../../../icons/more/index.js");exports.default=({title:c,subTitle:x,children:p,data:m,rowActionMenu:h,destructiveActionMenu:j})=>{const[y,f]=r.useState(null),[g,C]=r.useState(null);/* @__PURE__ */
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),n=require("../../../typography/typography/index.js"),t=require("../../../../utils/dateFormat/index.js"),i=require("../../../menu/menu/index.js"),l=require("../../../../node_modules/@mui/material/Card/Card/index.js"),o=require("../../../../node_modules/@mui/material/CardContent/CardContent/index.js"),s=require("../../../../node_modules/@mui/material/Box/Box/index.js"),a=require("../../../../node_modules/@mui/material/IconButton/IconButton/index.js"),d=require("../../../icons/more/index.js"),u=require("../../../../node_modules/@mui/material/MenuItem/MenuItem/index.js");exports.default=({title:c,subTitle:x,children:p,data:m,rowActionMenu:h,destructiveActionMenu:j})=>{const[y,f]=r.useState(null),[g,C]=r.useState(null);/* @__PURE__ */
 return e.jsxs(l.default,{sx:{width:"16.625rem",borderRadius:"0.5rem",border:"0.5px solid #eeeff1",boxShadow:"\n              0px 0px 2px 0px #e0e0e0,\n              0px 1px 4px -2px rgba(24, 39, 75, 0.02),\n              0px 4px 4px -2px rgba(24, 39, 75, 0.06);"},children:[
-/* @__PURE__ */e.jsxs(a.default,{sx:{display:"flex",flexDirection:"column",padding:"1rem 1rem 1.25rem 1rem",justifyContent:"space-between",alignItems:"flex-start",flexShrink:0},children:[
-/* @__PURE__ */e.jsxs(d.default,{sx:{display:"flex",width:"100%",justifyContent:"space-between",alignItems:"flex-start"},children:[
-/* @__PURE__ */e.jsx(t.Typography,{type:"s3",weight:"medium",color:"theme.secondary.1000",children:c}),
-/* @__PURE__ */e.jsx(o.default,{color:"inherit",size:"small",onClick:e=>((e,r)=>{C(r),f(e.currentTarget)})(e,m),children:/* @__PURE__ */e.jsx(u.MoreIcon,{sx:{transform:"rotate(90deg)"},orient:"vertical",fontSize:"small"})})]}),
-/* @__PURE__ */e.jsx(d.default,{children:/* @__PURE__ */e.jsx(t.Typography,{type:"s4",color:"theme.secondary.800",children:x})}),p,(null==m?void 0:m.created_at)&&/* @__PURE__ */e.jsx(d.default,{children:/* @__PURE__ */e.jsxs(t.Typography,{type:"s4",color:"theme.secondary.800",children:["Created On ",n.formatDate(null==m?void 0:m.created_at,"DD MMM, YYYY")]})})]}),
-/* @__PURE__ */e.jsxs(i.default,{anchorEl:y,open:Boolean(y),onClose:()=>f(null),children:[
-/* @__PURE__ */e.jsx(d.default,{children:h.map(r=>/* @__PURE__ */e.jsx(s.default,{onClick:()=>{g&&r.handleAction(g),f(null)},children:/* @__PURE__ */e.jsx(t.Typography,{type:"s4",color:"inherit",children:r.label})}))}),
-/* @__PURE__ */e.jsx(d.default,{className:"dropdown-inner--DestructiveHeader",children:j.map(r=>/* @__PURE__ */e.jsx(s.default,{onClick:()=>{g&&r.handleAction(g),f(null)},className:"dropdown-inner--DestructiveActions",children:/* @__PURE__ */e.jsx(t.Typography,{type:"s4",color:"inherit",children:r.label})}))})]})]})};
+/* @__PURE__ */e.jsxs(o.default,{sx:{display:"flex",flexDirection:"column",padding:"1rem 1rem 1.25rem 1rem",justifyContent:"space-between",alignItems:"flex-start",flexShrink:0},children:[
+/* @__PURE__ */e.jsxs(s.default,{sx:{display:"flex",width:"100%",justifyContent:"space-between",alignItems:"flex-start"},children:[
+/* @__PURE__ */e.jsx(n.Typography,{type:"s3",weight:"medium",color:"theme.secondary.1000",children:c}),
+/* @__PURE__ */e.jsx(a.default,{color:"inherit",size:"small",onClick:e=>((e,r)=>{C(r),f(e.currentTarget)})(e,m),children:/* @__PURE__ */e.jsx(d.MoreIcon,{sx:{transform:"rotate(90deg)"},orient:"vertical",fontSize:"small"})})]}),
+/* @__PURE__ */e.jsx(s.default,{children:/* @__PURE__ */e.jsx(n.Typography,{type:"s4",color:"theme.secondary.800",children:x})}),p,(null==m?void 0:m.created_at)&&/* @__PURE__ */e.jsx(s.default,{children:/* @__PURE__ */e.jsxs(n.Typography,{type:"s4",color:"theme.secondary.800",children:["Created On ",t.formatDate(null==m?void 0:m.created_at,"DD MMM, YYYY")]})})]}),
+/* @__PURE__ */e.jsxs(i.Menu,{anchorEl:y,open:Boolean(y),onClose:()=>f(null),children:[
+/* @__PURE__ */e.jsx(s.default,{children:h.map(r=>/* @__PURE__ */e.jsx(u.default,{onClick:()=>{g&&r.handleAction(g),f(null)},children:/* @__PURE__ */e.jsx(n.Typography,{type:"s4",color:"inherit",children:r.label})}))}),
+/* @__PURE__ */e.jsx(s.default,{className:"dropdown-inner--DestructiveHeader",children:j.map(r=>/* @__PURE__ */e.jsx(u.default,{onClick:()=>{g&&r.handleAction(g),f(null)},className:"dropdown-inner--DestructiveActions",children:/* @__PURE__ */e.jsx(n.Typography,{type:"s4",color:"inherit",children:r.label})}))})]})]})};
 //# sourceMappingURL=index.js.map

package/dist/components/grid/custom-grid-card/custom-grid-card/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/grid/custom-grid-card/custom-grid-card.tsx"],"sourcesContent":["import { Box, Card, CardContent, IconButton, MenuItem } from '@mui/material';\nimport React, { useState } from 'react';\nimport Typography, { ITypography } from '../../typography/typography';\nimport { MoreIcon } from '../../icons';\nimport { formatDate } from '../../../utils/dateFormat';\n// import Chip from '../../chip/chip';\nimport Menu from '../../menu/menu';\n\ninterface CustomGridCardProps {\n\ttitle: React.ReactNode | string;\n\tsubTitle?: React.ReactNode | string;\n\tchildren?: React.ReactNode | string;\n\ttitleProps?: ITypography;\n\tdata: Record<any, any>;\n\trowActionMenu: any[];\n\tdestructiveActionMenu: any[];\n}\n\nconst CustomGridCard: React.FC<CustomGridCardProps> = ({\n\ttitle,\n\tsubTitle,\n\tchildren,\n\tdata,\n\trowActionMenu,\n\tdestructiveActionMenu\n}) => {\n\tconst [rowAnchorEl, setRowAnchorEl] = useState<HTMLElement | null>(null);\n\tconst [row, setRow] = useState<[] | null>(null);\n\n\tconst handleMenuOpen = (\n\t\te: React.MouseEvent<HTMLButtonElement>,\n\t\tcurrencyRow: []\n\t) => {\n\t\tsetRow(currencyRow);\n\t\tsetRowAnchorEl(e.currentTarget);\n\t};\n\n\treturn (\n\t\t<Card\n\t\t\tsx={{\n\t\t\t\twidth: '16.625rem',\n\t\t\t\tborderRadius: '0.5rem',\n\t\t\t\tborder: '0.5px solid #eeeff1',\n\t\t\t\t// backgroundColor: 'theme.secondary.100',\n\t\t\t\tboxShadow: `\n              0px 0px 2px 0px #e0e0e0,\n              0px 1px 4px -2px rgba(24, 39, 75, 0.02),\n              0px 4px 4px -2px rgba(24, 39, 75, 0.06);`\n\t\t\t\t// m: 3\n\t\t\t}}>\n\t\t\t<CardContent\n\t\t\t\tsx={{\n\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\tpadding: '1rem 1rem 1.25rem 1rem',\n\t\t\t\t\tjustifyContent: 'space-between',\n\t\t\t\t\talignItems: 'flex-start',\n\t\t\t\t\tflexShrink: 0\n\t\t\t\t}}>\n\t\t\t\t{/* Title & More Button */}\n\t\t\t\t<Box\n\t\t\t\t\tsx={{\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\tjustifyContent: 'space-between',\n\t\t\t\t\t\talignItems: 'flex-start'\n\t\t\t\t\t\t// marginBottom: 1\n\t\t\t\t\t}}>\n\t\t\t\t\t<Typography type='s3' weight='medium' color='theme.secondary.1000'>\n\t\t\t\t\t\t{title}\n\t\t\t\t\t</Typography>\n\t\t\t\t\t<IconButton\n\t\t\t\t\t\tcolor='inherit'\n\t\t\t\t\t\tsize='small'\n\t\t\t\t\t\tonClick={(e) => handleMenuOpen(e, data)}>\n\t\t\t\t\t\t<MoreIcon\n\t\t\t\t\t\t\tsx={{ transform: 'rotate(90deg)' }}\n\t\t\t\t\t\t\torient='vertical'\n\t\t\t\t\t\t\tfontSize='small'\n\t\t\t\t\t\t/>\n\t\t\t\t\t</IconButton>\n\t\t\t\t</Box>\n\t\t\t\t{/* Sub Title */}\n\t\t\t\t<Box>\n\t\t\t\t\t<Typography type='s4' color='theme.secondary.800'>\n\t\t\t\t\t\t{subTitle}\n\t\t\t\t\t</Typography>\n\t\t\t\t</Box>\n\t\t\t\t{children}\n\t\t\t\t{data?.created_at && (\n\t\t\t\t\t<Box>\n\t\t\t\t\t\t<Typography type='s4' color='theme.secondary.800'>\n\t\t\t\t\t\t\tCreated On {formatDate(data?.created_at, 'DD MMM, YYYY')}\n\t\t\t\t\t\t</Typography>\n\t\t\t\t\t</Box>\n\t\t\t\t)}\n\t\t\t</CardContent>\n\n\t\t\t{/* Action Menu */}\n\t\t\t<Menu\n\t\t\t\tanchorEl={rowAnchorEl}\n\t\t\t\topen={Boolean(rowAnchorEl)}\n\t\t\t\tonClose={() => setRowAnchorEl(null)}>\n\t\t\t\t<Box>\n\t\t\t\t\t{rowActionMenu.map((item) => (\n\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\trow && item.handleAction(row);\n\t\t\t\t\t\t\t\tsetRowAnchorEl(null);\n\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t<Typography type='s4' color='inherit'>\n\t\t\t\t\t\t\t\t{item.label}\n\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t))}\n\t\t\t\t</Box>\n\t\t\t\t<Box className='dropdown-inner--DestructiveHeader'>\n\t\t\t\t\t{destructiveActionMenu.map((item) => (\n\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\trow && item.handleAction(row);\n\t\t\t\t\t\t\t\tsetRowAnchorEl(null);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tclassName='dropdown-inner--DestructiveActions'>\n\t\t\t\t\t\t\t<Typography type='s4' color='inherit'>\n\t\t\t\t\t\t\t\t{item.label}\n\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t))}\n\t\t\t\t</Box>\n\t\t\t</Menu>\n\t\t</Card>\n\t);\n};\n\nexport default CustomGridCard;\n"],"names":["title","subTitle","children","data","rowActionMenu","destructiveActionMenu","rowAnchorEl","setRowAnchorEl","useState","row","setRow","jsxs","Card","sx","width","borderRadius","border","boxShadow","CardContent","display","flexDirection","padding","justifyContent","alignItems","flexShrink","Box","jsx","Typography","type","weight","color","IconButton","size","onClick","e","currencyRow","currentTarget","handleMenuOpen","MoreIcon","transform","orient","fontSize","created_at","formatDate","Menu","anchorEl","open","Boolean","onClose","map","item","MenuItem","handleAction","label","className"],"mappings":"wsBAkBsD,EACrDA,QACAC,WACAC,WACAC,OACAC,gBACAC,4BAEA,MAAOC,EAAaC,GAAkBC,EAAAA,SAA6B,OAC5DC,EAAKC,GAAUF,EAAAA,SAAoB;AAU1C,OACCG,EAAAA,KAACC,EAAAA,QAAA,CACAC,GAAI,CACHC,MAAO,YACPC,aAAc,SACdC,OAAQ,sBAERC,UAAW,4JAMZf,SAAA;eAAAS,EAAAA,KAACO,EAAAA,QAAA,CACAL,GAAI,CACHM,QAAS,OACTC,cAAe,SACfC,QAAS,yBACTC,eAAgB,gBAChBC,WAAY,aACZC,WAAY,GAGbtB,SAAA;eAAAS,EAAAA,KAACc,EAAAA,QAAA,CACAZ,GAAI,CACHM,QAAS,OACTL,MAAO,OACPQ,eAAgB,gBAChBC,WAAY,cAGbrB,SAAA;eAAAwB,EAAAA,IAACC,EAAAA,YAAWC,KAAK,KAAKC,OAAO,SAASC,MAAM,uBAC1C5B,SAAAF;eAEF0B,EAAAA,IAACK,EAAAA,QAAA,CACAD,MAAM,UACNE,KAAK,QACLC,QAAUC,GA7CQ,EACtBA,EACAC,KAEAzB,EAAOyB,GACP5B,EAAe2B,EAAEE,gBAwCGC,CAAeH,EAAG/B,GAClCD,wBAAAwB,EAAAA,IAACY,EAAAA,SAAA,CACAzB,GAAI,CAAE0B,UAAW,iBACjBC,OAAO,WACPC,SAAS;iBAKZf,IAACD,EAAAA,SACAvB,0BAAAwB,IAACC,EAAAA,WAAA,CAAWC,KAAK,KAAKE,MAAM,sBAC1B5B,SAAAD,MAGFC,SACAC,WAAMuC,4BACNhB,EAAAA,IAACD,EAAAA,QAAA,CACAvB,+BAACyB,EAAAA,WAAA,CAAWC,KAAK,KAAKE,MAAM,sBAAsB5B,SAAA,CAAA,cACrCyC,aAAW,MAAAxC,OAAA,EAAAA,EAAMuC,WAAY;eAO7C/B,EAAAA,KAACiC,EAAAA,QAAA,CACAC,SAAUvC,EACVwC,KAAMC,QAAQzC,GACd0C,QAAS,IAAMzC,EAAe,MAC9BL,SAAA;eAAAwB,EAAAA,IAACD,EAAAA,QAAA,CACCvB,SAAAE,EAAc6C,IAAKC,kBACnBxB,EAAAA,IAACyB,EAAAA,QAAA,CACAlB,QAAS,KACRxB,GAAOyC,EAAKE,aAAa3C,GACzBF,EAAe,OAEhBL,8BAACyB,aAAA,CAAWC,KAAK,KAAKE,MAAM,UAC1B5B,WAAKmD;qBAKT5B,EAAAA,QAAA,CAAI6B,UAAU,oCACbpD,SAAAG,EAAsB4C,IAAKC,kBAC3BxB,EAAAA,IAACyB,EAAAA,QAAA,CACAlB,QAAS,KACRxB,GAAOyC,EAAKE,aAAa3C,GACzBF,EAAe,OAEhB+C,UAAU,qCACVpD,8BAACyB,aAAA,CAAWC,KAAK,KAAKE,MAAM,UAC1B5B,WAAKmD"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/grid/custom-grid-card/custom-grid-card.tsx"],"sourcesContent":["import { Box, Card, CardContent, IconButton, MenuItem } from '@mui/material';\nimport React, { useState } from 'react';\nimport Typography, { ITypography } from '../../typography/typography';\nimport { MoreIcon } from '../../icons';\nimport { formatDate } from '../../../utils/dateFormat';\n// import Chip from '../../chip/chip';\nimport Menu from '../../menu/menu';\n\ninterface CustomGridCardProps {\n\ttitle: React.ReactNode | string;\n\tsubTitle?: React.ReactNode | string;\n\tchildren?: React.ReactNode | string;\n\ttitleProps?: ITypography;\n\tdata: Record<any, any>;\n\trowActionMenu: any[];\n\tdestructiveActionMenu: any[];\n}\n\nconst CustomGridCard: React.FC<CustomGridCardProps> = ({\n\ttitle,\n\tsubTitle,\n\tchildren,\n\tdata,\n\trowActionMenu,\n\tdestructiveActionMenu\n}) => {\n\tconst [rowAnchorEl, setRowAnchorEl] = useState<HTMLElement | null>(null);\n\tconst [row, setRow] = useState<[] | null>(null);\n\n\tconst handleMenuOpen = (\n\t\te: React.MouseEvent<HTMLButtonElement>,\n\t\tcurrencyRow: []\n\t) => {\n\t\tsetRow(currencyRow);\n\t\tsetRowAnchorEl(e.currentTarget);\n\t};\n\n\treturn (\n\t\t<Card\n\t\t\tsx={{\n\t\t\t\twidth: '16.625rem',\n\t\t\t\tborderRadius: '0.5rem',\n\t\t\t\tborder: '0.5px solid #eeeff1',\n\t\t\t\t// backgroundColor: 'theme.secondary.100',\n\t\t\t\tboxShadow: `\n              0px 0px 2px 0px #e0e0e0,\n              0px 1px 4px -2px rgba(24, 39, 75, 0.02),\n              0px 4px 4px -2px rgba(24, 39, 75, 0.06);`\n\t\t\t\t// m: 3\n\t\t\t}}>\n\t\t\t<CardContent\n\t\t\t\tsx={{\n\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\tpadding: '1rem 1rem 1.25rem 1rem',\n\t\t\t\t\tjustifyContent: 'space-between',\n\t\t\t\t\talignItems: 'flex-start',\n\t\t\t\t\tflexShrink: 0\n\t\t\t\t}}>\n\t\t\t\t{/* Title & More Button */}\n\t\t\t\t<Box\n\t\t\t\t\tsx={{\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\tjustifyContent: 'space-between',\n\t\t\t\t\t\talignItems: 'flex-start'\n\t\t\t\t\t\t// marginBottom: 1\n\t\t\t\t\t}}>\n\t\t\t\t\t<Typography type='s3' weight='medium' color='theme.secondary.1000'>\n\t\t\t\t\t\t{title}\n\t\t\t\t\t</Typography>\n\t\t\t\t\t<IconButton\n\t\t\t\t\t\tcolor='inherit'\n\t\t\t\t\t\tsize='small'\n\t\t\t\t\t\tonClick={(e) => handleMenuOpen(e, data)}>\n\t\t\t\t\t\t<MoreIcon\n\t\t\t\t\t\t\tsx={{ transform: 'rotate(90deg)' }}\n\t\t\t\t\t\t\torient='vertical'\n\t\t\t\t\t\t\tfontSize='small'\n\t\t\t\t\t\t/>\n\t\t\t\t\t</IconButton>\n\t\t\t\t</Box>\n\t\t\t\t{/* Sub Title */}\n\t\t\t\t<Box>\n\t\t\t\t\t<Typography type='s4' color='theme.secondary.800'>\n\t\t\t\t\t\t{subTitle}\n\t\t\t\t\t</Typography>\n\t\t\t\t</Box>\n\t\t\t\t{children}\n\t\t\t\t{data?.created_at && (\n\t\t\t\t\t<Box>\n\t\t\t\t\t\t<Typography type='s4' color='theme.secondary.800'>\n\t\t\t\t\t\t\tCreated On {formatDate(data?.created_at, 'DD MMM, YYYY')}\n\t\t\t\t\t\t</Typography>\n\t\t\t\t\t</Box>\n\t\t\t\t)}\n\t\t\t</CardContent>\n\n\t\t\t{/* Action Menu */}\n\t\t\t<Menu\n\t\t\t\tanchorEl={rowAnchorEl}\n\t\t\t\topen={Boolean(rowAnchorEl)}\n\t\t\t\tonClose={() => setRowAnchorEl(null)}>\n\t\t\t\t<Box>\n\t\t\t\t\t{rowActionMenu.map((item) => (\n\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\trow && item.handleAction(row);\n\t\t\t\t\t\t\t\tsetRowAnchorEl(null);\n\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t<Typography type='s4' color='inherit'>\n\t\t\t\t\t\t\t\t{item.label}\n\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t))}\n\t\t\t\t</Box>\n\t\t\t\t<Box className='dropdown-inner--DestructiveHeader'>\n\t\t\t\t\t{destructiveActionMenu.map((item) => (\n\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\trow && item.handleAction(row);\n\t\t\t\t\t\t\t\tsetRowAnchorEl(null);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tclassName='dropdown-inner--DestructiveActions'>\n\t\t\t\t\t\t\t<Typography type='s4' color='inherit'>\n\t\t\t\t\t\t\t\t{item.label}\n\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t))}\n\t\t\t\t</Box>\n\t\t\t</Menu>\n\t\t</Card>\n\t);\n};\n\nexport default CustomGridCard;\n"],"names":["title","subTitle","children","data","rowActionMenu","destructiveActionMenu","rowAnchorEl","setRowAnchorEl","useState","row","setRow","jsxs","Card","sx","width","borderRadius","border","boxShadow","CardContent","display","flexDirection","padding","justifyContent","alignItems","flexShrink","Box","jsx","Typography","type","weight","color","IconButton","size","onClick","e","currencyRow","currentTarget","handleMenuOpen","MoreIcon","transform","orient","fontSize","created_at","formatDate","Menu","anchorEl","open","Boolean","onClose","map","item","MenuItem","handleAction","label","className"],"mappings":"wsBAkBsD,EACrDA,QACAC,WACAC,WACAC,OACAC,gBACAC,4BAEA,MAAOC,EAAaC,GAAkBC,EAAAA,SAA6B,OAC5DC,EAAKC,GAAUF,EAAAA,SAAoB;AAU1C,OACCG,EAAAA,KAACC,EAAAA,QAAA,CACAC,GAAI,CACHC,MAAO,YACPC,aAAc,SACdC,OAAQ,sBAERC,UAAW,4JAMZf,SAAA;eAAAS,EAAAA,KAACO,EAAAA,QAAA,CACAL,GAAI,CACHM,QAAS,OACTC,cAAe,SACfC,QAAS,yBACTC,eAAgB,gBAChBC,WAAY,aACZC,WAAY,GAGbtB,SAAA;eAAAS,EAAAA,KAACc,EAAAA,QAAA,CACAZ,GAAI,CACHM,QAAS,OACTL,MAAO,OACPQ,eAAgB,gBAChBC,WAAY,cAGbrB,SAAA;eAAAwB,EAAAA,IAACC,EAAAA,YAAWC,KAAK,KAAKC,OAAO,SAASC,MAAM,uBAC1C5B,SAAAF;eAEF0B,EAAAA,IAACK,EAAAA,QAAA,CACAD,MAAM,UACNE,KAAK,QACLC,QAAUC,GA7CQ,EACtBA,EACAC,KAEAzB,EAAOyB,GACP5B,EAAe2B,EAAEE,gBAwCGC,CAAeH,EAAG/B,GAClCD,wBAAAwB,EAAAA,IAACY,EAAAA,SAAA,CACAzB,GAAI,CAAE0B,UAAW,iBACjBC,OAAO,WACPC,SAAS;iBAKZf,IAACD,EAAAA,SACAvB,0BAAAwB,IAACC,EAAAA,WAAA,CAAWC,KAAK,KAAKE,MAAM,sBAC1B5B,SAAAD,MAGFC,SACAC,WAAMuC,4BACNhB,EAAAA,IAACD,EAAAA,QAAA,CACAvB,+BAACyB,EAAAA,WAAA,CAAWC,KAAK,KAAKE,MAAM,sBAAsB5B,SAAA,CAAA,cACrCyC,aAAW,MAAAxC,OAAA,EAAAA,EAAMuC,WAAY;eAO7C/B,EAAAA,KAACiC,EAAAA,KAAA,CACAC,SAAUvC,EACVwC,KAAMC,QAAQzC,GACd0C,QAAS,IAAMzC,EAAe,MAC9BL,SAAA;eAAAwB,EAAAA,IAACD,EAAAA,QAAA,CACCvB,SAAAE,EAAc6C,IAAKC,kBACnBxB,EAAAA,IAACyB,EAAAA,QAAA,CACAlB,QAAS,KACRxB,GAAOyC,EAAKE,aAAa3C,GACzBF,EAAe,OAEhBL,8BAACyB,aAAA,CAAWC,KAAK,KAAKE,MAAM,UAC1B5B,WAAKmD;qBAKT5B,EAAAA,QAAA,CAAI6B,UAAU,oCACbpD,SAAAG,EAAsB4C,IAAKC,kBAC3BxB,EAAAA,IAACyB,EAAAA,QAAA,CACAlB,QAAS,KACRxB,GAAOyC,EAAKE,aAAa3C,GACzBF,EAAe,OAEhB+C,UAAU,qCACVpD,8BAACyB,aAAA,CAAWC,KAAK,KAAKE,MAAM,UAC1B5B,WAAKmD"}

package/dist/components/grid/custom-grid-card/custom-grid-card.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+import { ITypography } from '../../typography/typography';
+
+interface CustomGridCardProps {
+    title: React.ReactNode | string;
+    subTitle?: React.ReactNode | string;
+    children?: React.ReactNode | string;
+    titleProps?: ITypography;
+    data: Record<any, any>;
+    rowActionMenu: any[];
+    destructiveActionMenu: any[];
+}
+declare const CustomGridCard: React.FC<CustomGridCardProps>;
+export default CustomGridCard;

package/dist/components/grid/custom-grid-card/index.d.ts

@@ -0,0 +1,2 @@
+export { default as CustomGridCard } from './custom-grid-card';
+export * from './custom-grid-card';

package/dist/components/grid/grid-card/grid-card/index.esm.js

@@ -91,12 +91,14 @@ const GridCardMarkup = (props) => {
     }
   );
 };
-function GridCard(props) {
+const GridCard = (props) => {
   return /* @__PURE__ */ jsx(Fragment, { children: props.data.map((cardData) => {
     return /* @__PURE__ */ jsx(GridCardMarkup, { data: cardData });
   }) });
-}
+};
 export {
+  GridCard,
+  GridCardMarkup,
   GridCard as default
 };
 //# sourceMappingURL=index.esm.js.map