@ynput/ayon-frontend-shared 0.4.1 → 0.4.2

package/dist/shared/src/components/SimpleFormDialog/SimpleFormDialog.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"SimpleFormDialog.cjs.js","sources":["../../../../../src/components/SimpleFormDialog/SimpleFormDialog.tsx"],"sourcesContent":["import styled from 'styled-components'\nimport React, { useState, useEffect } from 'react'\nimport ReactMarkdown from 'react-markdown'\nimport {\n  Button,\n  Spacer,\n  Dialog,\n  FormLayout,\n  FormRow,\n  InputNumber,\n  InputText,\n  InputTextarea,\n  InputSwitch,\n  Dropdown,\n  DefaultItemTemplate,\n} from '@ynput/ayon-react-components'\nimport { Badge } from '@shared/components'\nimport { FormFileUpload, FormFileDownload, type FormFileData } from './FormFile'\n\nimport type { FormSelectOption, SimpleFormField } from '@shared/api'\n\nexport type SimpleFormValue =\n  | string\n  | number\n  | boolean\n  | string[]\n  | number[]\n  | FormFileData\n  | null\n  | undefined\nexport type SimpleFormValueDict = Record<string, SimpleFormValue>\n\nconst getDefaults = (fields: SimpleFormField[], values: SimpleFormValueDict) => {\n  const defaults: SimpleFormValueDict = {}\n  fields.forEach((field) => {\n    if (field.name in values) {\n      defaults[field.name] = values[field.name]\n    } else if (field.value) {\n      defaults[field.name] = field.value\n    } else if (field.type === 'boolean') {\n      defaults[field.name] = false\n    } else if (field.type === 'integer') {\n      defaults[field.name] = 0\n    } else if (field.type === 'float') {\n      defaults[field.name] = 0.0\n    } else if (field.type === 'text') {\n      defaults[field.name] = ''\n    } else if (field.type === 'multiselect') {\n      defaults[field.name] = []\n    } else if (field.type === 'file') {\n      defaults[field.name] = undefined\n    }\n  })\n  return defaults\n}\n\nconst LabelContainer = styled.div`\n  &.normal {\n    // maybe something here\n  }\n\n  &.info,\n  &.warning,\n  &.error {\n    padding: 0.5rem;\n    text-align: center;\n    font-weight: bold;\n    margin: 1rem 0;\n  }\n\n  &.info {\n    background-color: var(--md-sys-color-on-secondary-dark);\n  }\n  &.warning {\n    background-color: var(--md-sys-color-warning-container-dark);\n  }\n  &.error {\n    background-color: var(--md-sys-color-on-error-dark);\n  }\n`\n\ntype FormLabelProps = {\n  field: SimpleFormField\n}\n\nconst FormLabel = ({ field }: FormLabelProps) => {\n  const text = typeof field.value === 'string' ? field.value : 'Invalid label value'\n\n  return (\n    <LabelContainer className={field.highlight || 'normal'}>\n      <ReactMarkdown>{text}</ReactMarkdown>\n    </LabelContainer>\n  )\n}\n\ntype FormFieldProps = {\n  field: SimpleFormField\n  value: SimpleFormValue\n  onChange: (value: SimpleFormValue) => void\n}\n\nconst DropdownItemTemplate = (option: FormSelectOption) => {\n  const endContent = (\n    <>\n      <div style={{ flex: 1 }} />\n      {option.badges && option.badges.map((badge, index) => <Badge key={index} label={badge} />)}\n    </>\n  )\n  return (\n    <DefaultItemTemplate\n      option={option}\n      dataKey={'value'}\n      labelKey={'label'}\n      value={[option.value]}\n      endContent={endContent}\n    />\n  )\n}\n\nconst FormField = ({ field, value, onChange }: FormFieldProps) => {\n  if (field.type === 'text') {\n    const parsedValue = typeof value === 'string' ? value : ''\n    if (field.multiline) {\n      return (\n        <InputTextarea\n          value={parsedValue}\n          onChange={(e) => onChange(e.target.value)}\n          placeholder={field.placeholder || ''}\n        />\n      )\n    }\n    return (\n      <InputText\n        value={parsedValue}\n        onChange={(e) => onChange(e.target.value)}\n        placeholder={field.placeholder || ''}\n      />\n    )\n  }\n  if (field.type === 'boolean') {\n    const parsedValue = typeof value === 'boolean' ? value : false\n\n    const handleCheckboxEvent = (\n      event: React.ChangeEvent<HTMLInputElement> | React.KeyboardEvent<HTMLInputElement>,\n    ) => {\n      if ('target' in event && 'checked' in event.target) {\n        onChange((event.target as HTMLInputElement).checked)\n      }\n    }\n\n    return <InputSwitch checked={parsedValue} onChange={handleCheckboxEvent} />\n  }\n  if (field.type === 'integer') {\n    const parsedValue = typeof value === 'number' ? value : 0\n    return (\n      <InputNumber\n        value={parsedValue}\n        onChange={(e) => onChange(parseInt(e.target.value))}\n        placeholder={field.placeholder || ''}\n      />\n    )\n  }\n  if (field.type === 'float') {\n    const parsedValue = typeof value === 'number' ? value : 0.0\n    return (\n      <InputNumber\n        type=\"number\"\n        value={parsedValue}\n        onChange={(e) => onChange(parseFloat(e.target.value))}\n        placeholder={field.placeholder || ''}\n      />\n    )\n  }\n\n  if (field.type === 'select') {\n    const parsedValue = typeof value === 'string' ? value : ''\n    return (\n      <Dropdown\n        widthExpand\n        options={field.options || []}\n        value={parsedValue ? [parsedValue] : []}\n        onSelectionChange={(e) => onChange(e[0])}\n        className={`form-field`}\n        multiSelect={false}\n        itemTemplate={DropdownItemTemplate}\n      />\n    )\n  } // Handle select\n\n  if (field.type === 'multiselect') {\n    const parsedValue = Array.isArray(value) ? value.map((value) => `${value}`) : []\n    return (\n      <Dropdown\n        widthExpand\n        options={field.options || []}\n        value={parsedValue}\n        onSelectionChange={(e) => onChange(e)}\n        className={`form-field`}\n        multiSelect={true}\n        itemTemplate={DropdownItemTemplate}\n      />\n    )\n  }\n\n  if (field.type === 'file') {\n    if (value && (value as FormFileData)?.download) {\n      return <FormFileDownload value={value as FormFileData} />\n    }\n    return (\n      <FormFileUpload\n        value={value as FormFileData}\n        onChange={onChange}\n        validExtensions={field.valid_extensions}\n      />\n    )\n  }\n}\n\nexport interface SimpleFormDialogProps {\n  title: string\n  fields: SimpleFormField[]\n  values?: SimpleFormValueDict\n  submitLabel?: string\n  cancelLabel?: string\n  submitIcon?: string\n  cancelIcon?: string\n  onClose: () => void\n  onSubmit: (values: SimpleFormValueDict) => void\n  isOpen: boolean\n}\n\nexport const SimpleFormDialog = ({\n  fields,\n  values,\n  onClose,\n  onSubmit,\n  isOpen,\n  title,\n  submitLabel,\n  cancelLabel,\n  submitIcon,\n  cancelIcon,\n}: SimpleFormDialogProps) => {\n  const [formData, setFormData] = useState<SimpleFormValueDict | null>(null)\n\n  useEffect(() => {\n    if (isOpen) {\n      const defaults = getDefaults(fields, values || {})\n      setFormData(defaults)\n    }\n  }, [isOpen, fields, values])\n\n  if (!isOpen) return null\n  if (!formData) return null\n\n  const footer = (\n    <div style={{ display: 'flex', flexDirection: 'row', gap: 8 }}>\n      <Spacer />\n      {cancelLabel && <Button onClick={() => onClose()} label={cancelLabel} icon={cancelIcon} />}\n      {submitLabel && (\n        <Button\n          onClick={() => onSubmit(formData)}\n          label={submitLabel}\n          icon={submitIcon}\n          variant=\"filled\"\n        />\n      )}\n    </div>\n  )\n\n  return (\n    <Dialog\n      isOpen={isOpen}\n      onClose={onClose}\n      header={title}\n      footer={footer}\n      style={{ minHeight: 500, minWidth: 600 }}\n      enableBackdropClose={false}\n    >\n      <FormLayout\n        style={{ width: '95%' }}\n        onKeyDown={(e) => {\n          e.stopPropagation()\n        }}\n      >\n        {fields.map((field: SimpleFormField) => {\n          if (field.type === 'label') {\n            return <FormLabel key={field.name} field={field} />\n          }\n\n          return (\n            <FormRow key={field.name} label={field.label || ''}>\n              <FormField\n                field={field}\n                value={formData[field.name]}\n                onChange={(value) => {\n                  setFormData((prev) => ({\n                    ...prev,\n                    [field.name]: value,\n                  }))\n                }}\n              />\n            </FormRow>\n          )\n        })}\n      </FormLayout>\n    </Dialog>\n  )\n}\n"],"names":["getDefaults","fields","values","defaults","field","LabelContainer","styled","FormLabel","text","jsx","ReactMarkdown","DropdownItemTemplate","option","endContent","jsxs","Fragment","badge","index","Badge","DefaultItemTemplate","FormField","value","onChange","parsedValue","InputTextarea","e","InputText","handleCheckboxEvent","event","InputSwitch","InputNumber","Dropdown","FormFileDownload","FormFileUpload","SimpleFormDialog","onClose","onSubmit","isOpen","title","submitLabel","cancelLabel","submitIcon","cancelIcon","formData","setFormData","useState","useEffect","footer","Spacer","Button","Dialog","FormLayout","FormRow","prev"],"mappings":"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"}
+{"version":3,"file":"SimpleFormDialog.cjs.js","sources":["../../../../../src/components/SimpleFormDialog/SimpleFormDialog.tsx"],"sourcesContent":["import styled from 'styled-components'\nimport React, { useState, useEffect } from 'react'\nimport ReactMarkdown from 'react-markdown'\nimport {\n  Button,\n  Spacer,\n  Dialog,\n  FormLayout,\n  FormRow,\n  InputNumber,\n  InputText,\n  InputTextarea,\n  InputSwitch,\n  Dropdown,\n  DefaultItemTemplate,\n} from '@ynput/ayon-react-components'\nimport { Badge } from '../Badge'\nimport { FormFileUpload, FormFileDownload, type FormFileData } from './FormFile'\n\nimport type { FormSelectOption, SimpleFormField } from '@shared/api'\n\nexport type SimpleFormValue =\n  | string\n  | number\n  | boolean\n  | string[]\n  | number[]\n  | FormFileData\n  | null\n  | undefined\nexport type SimpleFormValueDict = Record<string, SimpleFormValue>\n\nconst getDefaults = (fields: SimpleFormField[], values: SimpleFormValueDict) => {\n  const defaults: SimpleFormValueDict = {}\n  fields.forEach((field) => {\n    if (field.name in values) {\n      defaults[field.name] = values[field.name]\n    } else if (field.value) {\n      defaults[field.name] = field.value\n    } else if (field.type === 'boolean') {\n      defaults[field.name] = false\n    } else if (field.type === 'integer') {\n      defaults[field.name] = 0\n    } else if (field.type === 'float') {\n      defaults[field.name] = 0.0\n    } else if (field.type === 'text') {\n      defaults[field.name] = ''\n    } else if (field.type === 'multiselect') {\n      defaults[field.name] = []\n    } else if (field.type === 'file') {\n      defaults[field.name] = undefined\n    }\n  })\n  return defaults\n}\n\nconst LabelContainer = styled.div`\n  &.normal {\n    // maybe something here\n  }\n\n  &.info,\n  &.warning,\n  &.error {\n    padding: 0.5rem;\n    text-align: center;\n    font-weight: bold;\n    margin: 1rem 0;\n  }\n\n  &.info {\n    background-color: var(--md-sys-color-on-secondary-dark);\n  }\n  &.warning {\n    background-color: var(--md-sys-color-warning-container-dark);\n  }\n  &.error {\n    background-color: var(--md-sys-color-on-error-dark);\n  }\n`\n\ntype FormLabelProps = {\n  field: SimpleFormField\n}\n\nconst FormLabel = ({ field }: FormLabelProps) => {\n  const text = typeof field.value === 'string' ? field.value : 'Invalid label value'\n\n  return (\n    <LabelContainer className={field.highlight || 'normal'}>\n      <ReactMarkdown>{text}</ReactMarkdown>\n    </LabelContainer>\n  )\n}\n\ntype FormFieldProps = {\n  field: SimpleFormField\n  value: SimpleFormValue\n  onChange: (value: SimpleFormValue) => void\n}\n\nconst DropdownItemTemplate = (option: FormSelectOption) => {\n  const endContent = (\n    <>\n      <div style={{ flex: 1 }} />\n      {option.badges && option.badges.map((badge, index) => <Badge key={index} label={badge} />)}\n    </>\n  )\n  return (\n    <DefaultItemTemplate\n      option={option}\n      dataKey={'value'}\n      labelKey={'label'}\n      value={[option.value]}\n      endContent={endContent}\n    />\n  )\n}\n\nconst FormField = ({ field, value, onChange }: FormFieldProps) => {\n  if (field.type === 'text') {\n    const parsedValue = typeof value === 'string' ? value : ''\n    if (field.multiline) {\n      return (\n        <InputTextarea\n          value={parsedValue}\n          onChange={(e) => onChange(e.target.value)}\n          placeholder={field.placeholder || ''}\n        />\n      )\n    }\n    return (\n      <InputText\n        value={parsedValue}\n        onChange={(e) => onChange(e.target.value)}\n        placeholder={field.placeholder || ''}\n      />\n    )\n  }\n  if (field.type === 'boolean') {\n    const parsedValue = typeof value === 'boolean' ? value : false\n\n    const handleCheckboxEvent = (\n      event: React.ChangeEvent<HTMLInputElement> | React.KeyboardEvent<HTMLInputElement>,\n    ) => {\n      if ('target' in event && 'checked' in event.target) {\n        onChange((event.target as HTMLInputElement).checked)\n      }\n    }\n\n    return <InputSwitch checked={parsedValue} onChange={handleCheckboxEvent} />\n  }\n  if (field.type === 'integer') {\n    const parsedValue = typeof value === 'number' ? value : 0\n    return (\n      <InputNumber\n        value={parsedValue}\n        onChange={(e) => onChange(parseInt(e.target.value))}\n        placeholder={field.placeholder || ''}\n      />\n    )\n  }\n  if (field.type === 'float') {\n    const parsedValue = typeof value === 'number' ? value : 0.0\n    return (\n      <InputNumber\n        type=\"number\"\n        value={parsedValue}\n        onChange={(e) => onChange(parseFloat(e.target.value))}\n        placeholder={field.placeholder || ''}\n      />\n    )\n  }\n\n  if (field.type === 'select') {\n    const parsedValue = typeof value === 'string' ? value : ''\n    return (\n      <Dropdown\n        widthExpand\n        options={field.options || []}\n        value={parsedValue ? [parsedValue] : []}\n        onSelectionChange={(e) => onChange(e[0])}\n        className={`form-field`}\n        multiSelect={false}\n        itemTemplate={DropdownItemTemplate}\n      />\n    )\n  } // Handle select\n\n  if (field.type === 'multiselect') {\n    const parsedValue = Array.isArray(value) ? value.map((value) => `${value}`) : []\n    return (\n      <Dropdown\n        widthExpand\n        options={field.options || []}\n        value={parsedValue}\n        onSelectionChange={(e) => onChange(e)}\n        className={`form-field`}\n        multiSelect={true}\n        itemTemplate={DropdownItemTemplate}\n      />\n    )\n  }\n\n  if (field.type === 'file') {\n    if (value && (value as FormFileData)?.download) {\n      return <FormFileDownload value={value as FormFileData} />\n    }\n    return (\n      <FormFileUpload\n        value={value as FormFileData}\n        onChange={onChange}\n        validExtensions={field.valid_extensions}\n      />\n    )\n  }\n}\n\nexport interface SimpleFormDialogProps {\n  title: string\n  fields: SimpleFormField[]\n  values?: SimpleFormValueDict\n  submitLabel?: string\n  cancelLabel?: string\n  submitIcon?: string\n  cancelIcon?: string\n  onClose: () => void\n  onSubmit: (values: SimpleFormValueDict) => void\n  isOpen: boolean\n}\n\nexport const SimpleFormDialog = ({\n  fields,\n  values,\n  onClose,\n  onSubmit,\n  isOpen,\n  title,\n  submitLabel,\n  cancelLabel,\n  submitIcon,\n  cancelIcon,\n}: SimpleFormDialogProps) => {\n  const [formData, setFormData] = useState<SimpleFormValueDict | null>(null)\n\n  useEffect(() => {\n    if (isOpen) {\n      const defaults = getDefaults(fields, values || {})\n      setFormData(defaults)\n    }\n  }, [isOpen, fields, values])\n\n  if (!isOpen) return null\n  if (!formData) return null\n\n  const footer = (\n    <div style={{ display: 'flex', flexDirection: 'row', gap: 8 }}>\n      <Spacer />\n      {cancelLabel && <Button onClick={() => onClose()} label={cancelLabel} icon={cancelIcon} />}\n      {submitLabel && (\n        <Button\n          onClick={() => onSubmit(formData)}\n          label={submitLabel}\n          icon={submitIcon}\n          variant=\"filled\"\n        />\n      )}\n    </div>\n  )\n\n  return (\n    <Dialog\n      isOpen={isOpen}\n      onClose={onClose}\n      header={title}\n      footer={footer}\n      style={{ minHeight: 500, minWidth: 600 }}\n      enableBackdropClose={false}\n    >\n      <FormLayout\n        style={{ width: '95%' }}\n        onKeyDown={(e) => {\n          e.stopPropagation()\n        }}\n      >\n        {fields.map((field: SimpleFormField) => {\n          if (field.type === 'label') {\n            return <FormLabel key={field.name} field={field} />\n          }\n\n          return (\n            <FormRow key={field.name} label={field.label || ''}>\n              <FormField\n                field={field}\n                value={formData[field.name]}\n                onChange={(value) => {\n                  setFormData((prev) => ({\n                    ...prev,\n                    [field.name]: value,\n                  }))\n                }}\n              />\n            </FormRow>\n          )\n        })}\n      </FormLayout>\n    </Dialog>\n  )\n}\n"],"names":["getDefaults","fields","values","defaults","field","LabelContainer","styled","FormLabel","text","jsx","ReactMarkdown","DropdownItemTemplate","option","endContent","jsxs","Fragment","badge","index","Badge","DefaultItemTemplate","FormField","value","onChange","parsedValue","InputTextarea","e","InputText","handleCheckboxEvent","event","InputSwitch","InputNumber","Dropdown","FormFileDownload","FormFileUpload","SimpleFormDialog","onClose","onSubmit","isOpen","title","submitLabel","cancelLabel","submitIcon","cancelIcon","formData","setFormData","useState","useEffect","footer","Spacer","Button","Dialog","FormLayout","FormRow","prev"],"mappings":"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"}