@ynput/ayon-frontend-shared 0.2.31 → 0.2.32

package/dist/shared/src/components/AttributeEditor/AttributeEditor.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"AttributeEditor.es.js","sources":["../../../../../src/components/AttributeEditor/AttributeEditor.tsx"],"sourcesContent":["import { FC, useEffect, useState } from 'react'\nimport {\n  SaveButton,\n  Spacer,\n  FormLayout,\n  FormRow,\n  InputText,\n  InputSwitch,\n  LockedInput,\n  Dropdown,\n  Dialog,\n  Button,\n} from '@ynput/ayon-react-components'\nimport { camelCase, upperFirst } from 'lodash'\nimport { MinMaxField } from './components'\nimport { EnumEditor } from '@shared/components/EnumEditor'\nimport { AttributeData, AttributeModel, AttributeEnumItem } from '@shared/api'\n\nconst SCOPE_OPTIONS = [\n  { value: 'project', label: 'Project' },\n  { value: 'folder', label: 'Folder' },\n  { value: 'task', label: 'Task' },\n  { value: 'product', label: 'Product' },\n  { value: 'version', label: 'Version' },\n  { value: 'representation', label: 'Representation' },\n  { value: 'user', label: 'User' },\n]\n\n// Define types for constants\ninterface GlobalFieldEntry {\n  value: keyof AttributeData\n  scope: (AttributeModel['scope'] | '')[] | null\n}\n\nconst GLOBAL_FIELDS: GlobalFieldEntry[] = [\n  { value: 'description', scope: null },\n  { value: 'example', scope: null },\n  // @ts-expect-error - project is not a scope?\n  { value: 'default', scope: ['project'] },\n  { value: 'inherit', scope: null },\n]\n\ninterface TypeOptionDef {\n  value: AttributeData['type']\n  label: string\n  fields: (keyof AttributeData)[]\n  exclude?: (keyof AttributeData)[]\n}\n\ninterface TypeOptionsMap {\n  [key: string]: TypeOptionDef\n}\n\nconst TYPE_OPTIONS: TypeOptionsMap = {\n  string: {\n    value: 'string',\n    label: 'String',\n    fields: ['minLength', 'maxLength', 'enum', 'regex'],\n  },\n  integer: {\n    value: 'integer',\n    label: 'Integer',\n    fields: ['ge', 'gt', 'le', 'lt'],\n  },\n  float: {\n    value: 'float',\n    label: 'Decimal number',\n    fields: ['ge', 'gt', 'le', 'lt'],\n  },\n  list_of_strings: {\n    value: 'list_of_strings',\n    label: 'List Of Strings',\n    fields: ['minItems', 'maxItems', 'enum'],\n  },\n  boolean: {\n    value: 'boolean',\n    label: 'Boolean',\n    fields: [],\n    exclude: ['example'],\n  },\n}\n\ntype Omit<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>\ntype PartialBy<T, K extends keyof T> = Omit<T, K> & Partial<Pick<T, K>>\nexport type AttributeForm = PartialBy<AttributeModel, 'scope' | 'position'>\ntype Excludes = (keyof Omit<AttributeModel, 'data'> | keyof AttributeData)[]\n\nconst initFormData: AttributeForm = {\n  name: '',\n  scope: ['folder', 'task'],\n  builtin: false,\n  position: 0,\n  data: {\n    type: 'string',\n    title: '',\n    description: '',\n    example: '',\n    default: undefined,\n    enum: undefined,\n    minLength: undefined,\n    maxLength: undefined,\n    regex: '',\n    minItems: undefined,\n    maxItems: undefined,\n    ge: undefined,\n    gt: undefined,\n    le: undefined,\n    lt: undefined,\n  },\n}\n\n// build the form data based on excludes and to update any data\nconst buildInitFormData = (excludes: Excludes, data?: Partial<AttributeForm>) => {\n  // Create a deep clone of init form data\n  const formData = JSON.parse(JSON.stringify(initFormData)) as AttributeForm\n\n  // Filter out top-level excludes if not in required\n  const required = ['name']\n  Object.keys(formData).forEach((key) => {\n    if (\n      !required.includes(key) &&\n      excludes.includes(key as keyof Omit<AttributeModel, 'data'>) &&\n      key !== 'data'\n    ) {\n      delete formData[key as keyof AttributeForm]\n    }\n  })\n\n  // Filter out data field excludes if not in in required\n  const requiredData = ['title']\n  if (formData.data) {\n    Object.keys(formData.data).forEach((key) => {\n      if (!requiredData.includes(key) && excludes.includes(key as keyof AttributeData)) {\n        delete formData.data[key as keyof AttributeData]\n      }\n    })\n  }\n\n  // Merge with provided data if any\n  if (data) {\n    // Merge top-level fields\n    Object.keys(data).forEach((key) => {\n      const typedKey = key as keyof AttributeForm\n      if (typedKey !== 'data' && excludes.includes(typedKey)) return\n\n      if (typedKey === 'data' && data.data && formData.data) {\n        // Deep merge of data fields\n        formData.data = { ...formData.data, ...data.data }\n      } else if (data[typedKey] !== undefined) {\n        // @ts-ignore - We know these properties exist\n        formData[typedKey] = data[typedKey]\n      }\n    })\n  }\n\n  return formData\n}\n\nexport interface AttributeEditorProps {\n  attribute: AttributeForm | null\n  existingNames: string[]\n  error?: string\n  isUpdating?: boolean\n  excludes?: Excludes\n  onHide: () => void\n  onEdit: (attribute: AttributeForm) => void\n  onDelete?: () => void\n}\n\nexport const AttributeEditor: FC<AttributeEditorProps> = ({\n  attribute,\n  existingNames,\n  error = '',\n  isUpdating,\n  excludes = [],\n  onHide,\n  onEdit,\n  onDelete,\n}) => {\n  const initForm = buildInitFormData(excludes, { position: existingNames.length })\n  const [formData, setFormData] = useState<AttributeForm | null>(attribute || initForm)\n\n  useEffect(() => {\n    if (!!attribute) setFormData(attribute)\n  }, [attribute])\n\n  const isNew = !attribute\n\n  // const setTopLevelData = (key: string, value: string) => {\n  const setTopLevelData = <K extends keyof Omit<AttributeModel, 'data'>>(\n    key: K,\n    value: AttributeModel[K],\n  ) => {\n    setFormData((d) => {\n      if (!d) {\n        return d\n      }\n      return { ...d, [key]: value }\n    })\n  }\n\n  // const setData = (key, value) => {\n  const setData = <K extends keyof AttributeData>(key: K, value: AttributeData[K]) => {\n    setFormData((d) => {\n      // Add a check for d and d.data\n      if (!d || !d.data) {\n        return d\n      }\n      const dt = { ...d.data, [key]: value }\n      return { ...d, data: dt }\n    })\n  }\n\n  let internalError = ''\n  if (formData) {\n    if (isNew) {\n      if (existingNames.includes(formData.name)) internalError = 'This attribute already exists'\n      else if (!formData.name.match('^[a-zA-Z_]{2,64}$')) error = 'Invalid attribute name'\n    } // name validation\n  }\n\n  const handleSubmit = () => {\n    if (formData) {\n      onEdit(formData)\n    }\n  }\n\n  const footer = (\n    <div style={{ display: 'flex', width: '100%', flexDirection: 'row' }}>\n      {onDelete && attribute && (\n        <Button\n          variant=\"danger\"\n          label={'Delete attribute'}\n          icon={'delete'}\n          disabled={isUpdating}\n          onClick={onDelete}\n        />\n      )}\n      <Spacer />\n      <SaveButton\n        label={isNew ? 'Create Attribute' : 'Save Attribute'}\n        icon={'check'}\n        disabled={!!internalError || !formData}\n        active={!internalError && !!formData}\n        saving={isUpdating}\n        onClick={handleSubmit}\n      />\n    </div>\n  )\n\n  let dataFields: (keyof AttributeData)[] = []\n\n  // add global fields, only if scope are null (all) or the scope is included\n  GLOBAL_FIELDS.forEach((globalField) => {\n    // @ts-expect-error - project scope will never be found here?\n    if (!globalField?.scope || globalField?.scope?.some((s) => formData?.scope?.includes(s))) {\n      dataFields.push(globalField.value)\n    }\n  })\n\n  if (formData?.data.type && TYPE_OPTIONS[formData.data.type]) {\n    const typeOpt = TYPE_OPTIONS[formData.data.type]\n    dataFields = [...dataFields, ...typeOpt.fields].filter((f) => !typeOpt.exclude?.includes(f))\n  }\n\n  type CustomFieldRenderer = (value: any, onChange: (newValue: any) => void) => JSX.Element | null\n  const customFields: {\n    enum: CustomFieldRenderer\n    inherit: CustomFieldRenderer\n    booleanDefault: CustomFieldRenderer\n  } = {\n    enum: (value = [], onChange) => (\n      <EnumEditor\n        values={value as AttributeEnumItem[]}\n        onChange={(val) => {\n          onChange(val?.length ? val : undefined)\n        }}\n      />\n    ),\n    inherit: (value, onChange) => (\n      <InputSwitch\n        checked={value}\n        onChange={(e) => onChange((e.target as HTMLInputElement).checked)}\n      />\n    ),\n    booleanDefault: (value, onChange) => (\n      <InputSwitch\n        checked={value}\n        onChange={(e) => onChange((e.target as HTMLInputElement).checked)}\n      />\n    ),\n  }\n\n  const handleTitleChange = (e: React.ChangeEvent) => {\n    const v = (e.target as HTMLInputElement).value\n    setData('title', v)\n\n    if (isNew) {\n      setTopLevelData('name', camelCase(v))\n    }\n  }\n\n  return (\n    <Dialog\n      header={formData?.data?.title || formData?.name || 'New attribute'}\n      footer={footer}\n      onClose={onHide}\n      isOpen={true}\n      style={{ width: 700, zIndex: 999 }}\n      size=\"full\"\n      onKeyDown={(e: React.KeyboardEvent<HTMLDivElement>) => {\n        if (e.key === 'Enter' && (e.metaKey || e.ctrlKey)) {\n          e.preventDefault()\n          handleSubmit()\n        }\n      }}\n    >\n      {formData && (\n        <FormLayout>\n          {!excludes.includes('title') && (\n            <FormRow label={'Title'} key={'title'}>\n              <InputText value={formData?.data['title']} onChange={handleTitleChange} autoFocus />\n            </FormRow>\n          )}\n          {!excludes.includes('name') && (\n            <FormRow label={'Name'} key={'name'}>\n              <LockedInput\n                value={formData.name}\n                disabled={!isNew}\n                onSubmit={(v) => setTopLevelData('name', v)}\n                label=\"name\"\n              />\n            </FormRow>\n          )}\n          {!excludes.includes('scope') && (\n            <FormRow label=\"Scope\">\n              <Dropdown\n                options={SCOPE_OPTIONS}\n                disabled={formData.builtin}\n                value={formData.scope || []}\n                onChange={(v) => setTopLevelData('scope', v as AttributeModel['scope'])}\n                multiSelect\n                widthExpand\n              />\n            </FormRow>\n          )}\n          {!excludes.includes('type') && (\n            <FormRow label=\"Type\">\n              <Dropdown\n                value={[formData?.data?.type]}\n                disabled={formData.builtin}\n                options={Object.values(TYPE_OPTIONS)}\n                onChange={(v) => setData('type', v[0] as AttributeData['type'])}\n                minSelected={1}\n                widthExpand\n              />\n            </FormRow>\n          )}\n          {dataFields.map((field) => {\n            // skip if field is excluded\n            if (excludes.includes(field)) return null\n\n            let fieldComp = null\n            let fieldLabel = upperFirst(field)\n\n            if (field === 'enum' || field === 'inherit') {\n              const renderer = customFields[field as 'enum' | 'inherit']\n              fieldComp = renderer(formData?.data[field], (value) => setData(field, value))\n            } else if (field === 'default' && formData?.data?.type === 'boolean') {\n              fieldComp = customFields['booleanDefault'](\n                formData?.data[field] as boolean,\n                (value) => setData(field, value as AttributeData['default']),\n              )\n            } else if (['ge', 'gt', 'le', 'lt'].includes(field)) {\n              // ignore gt and lt\n              if (['gt', 'lt'].includes(field)) return null\n              fieldComp = (\n                <MinMaxField\n                  value={formData?.data}\n                  isMin={field === 'ge'}\n                  isFloat={formData?.data?.type === 'float'}\n                  onChange={(v) => {\n                    const geValue = v.ge !== undefined ? Number(v.ge) : undefined\n                    const leValue = v.le !== undefined ? Number(v.le) : undefined\n\n                    if (\n                      // @ts-expect-error\n                      (v.ge !== undefined && isNaN(geValue)) ||\n                      // @ts-expect-error\n                      (v.le !== undefined && isNaN(leValue))\n                    ) {\n                      // Do not update the form if the value is not a valid number\n                      return\n                    }\n\n                    setFormData((d) => {\n                      if (!d || !d.data) return d\n                      const dt = { ...d.data, ...v }\n                      return { ...d, data: dt }\n                    })\n                  }}\n                />\n              )\n\n              // rewrite field to min or max for display label\n              fieldLabel = field === 'ge' ? 'Min' : 'Max'\n            } else {\n              const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n                const strValue = e.target.value\n                switch (field) {\n                  case 'minLength':\n                  case 'maxLength':\n                  case 'minItems':\n                  case 'maxItems': {\n                    const num = parseInt(strValue, 10)\n                    setData(field, isNaN(num) ? undefined : num)\n                    break\n                  }\n                  default:\n                    // For string fields ('description', 'regex') or 'any' type fields ('example', 'default')\n                    setData(field, strValue as AttributeData[typeof field])\n                    break\n                }\n              }\n\n              fieldComp = (\n                <InputText\n                  value={String(formData?.data[field] ?? '')}\n                  onChange={handleInputChange}\n                />\n              )\n            }\n\n            return (\n              <FormRow\n                label={fieldLabel}\n                key={field}\n                style={{\n                  alignItems: 'flex-start',\n                }}\n              >\n                {fieldComp}\n              </FormRow>\n            )\n          })}\n          <span>\n            {(internalError || error) && (\n              <span className=\"form-error-text\">{internalError || error}</span>\n            )}\n          </span>\n        </FormLayout>\n      )}\n    </Dialog>\n  )\n}\n"],"names":["SCOPE_OPTIONS","GLOBAL_FIELDS","TYPE_OPTIONS","initFormData","buildInitFormData","excludes","data","formData","required","key","requiredData","typedKey","AttributeEditor","attribute","existingNames","error","isUpdating","onHide","onEdit","onDelete","initForm","setFormData","useState","useEffect","isNew","setTopLevelData","value","d","setData","dt","internalError","handleSubmit","footer","jsxs","jsx","Button","Spacer","SaveButton","dataFields","globalField","_a","s","typeOpt","f","customFields","onChange","EnumEditor","val","InputSwitch","e","handleTitleChange","v","camelCase","Dialog","FormLayout","FormRow","InputText","LockedInput","Dropdown","_b","field","fieldComp","fieldLabel","upperFirst","renderer","MinMaxField","geValue","leValue","handleInputChange","strValue","num"],"mappings":"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"}
+{"version":3,"file":"AttributeEditor.es.js","sources":["../../../../../src/components/AttributeEditor/AttributeEditor.tsx"],"sourcesContent":["import { FC, useEffect, useState } from 'react'\nimport {\n  SaveButton,\n  Spacer,\n  FormLayout,\n  FormRow,\n  InputText,\n  InputSwitch,\n  LockedInput,\n  Dropdown,\n  Dialog,\n  Button,\n} from '@ynput/ayon-react-components'\nimport { camelCase, upperFirst } from 'lodash'\nimport { MinMaxField } from './components'\nimport { EnumEditor } from '@shared/components/EnumEditor'\nimport { AttributeData, AttributeModel, AttributeEnumItem } from '@shared/api'\n\nconst SCOPE_OPTIONS = [\n  { value: 'project', label: 'Project' },\n  { value: 'folder', label: 'Folder' },\n  { value: 'task', label: 'Task' },\n  { value: 'product', label: 'Product' },\n  { value: 'version', label: 'Version' },\n  { value: 'representation', label: 'Representation' },\n  { value: 'user', label: 'User' },\n]\n\n// Define types for constants\ninterface GlobalFieldEntry {\n  value: keyof AttributeData\n  scope: (AttributeModel['scope'] | '')[] | null\n}\n\nconst GLOBAL_FIELDS: GlobalFieldEntry[] = [\n  { value: 'description', scope: null },\n  { value: 'example', scope: null },\n  // @ts-expect-error - project is not a scope?\n  { value: 'default', scope: ['project'] },\n  { value: 'inherit', scope: null },\n]\n\ninterface TypeOptionDef {\n  value: AttributeData['type']\n  label: string\n  fields: (keyof AttributeData)[]\n  exclude?: (keyof AttributeData)[]\n}\n\ninterface TypeOptionsMap {\n  [key: string]: TypeOptionDef\n}\n\nconst TYPE_OPTIONS: TypeOptionsMap = {\n  string: {\n    value: 'string',\n    label: 'String',\n    fields: ['minLength', 'maxLength', 'enum', 'regex'],\n  },\n  integer: {\n    value: 'integer',\n    label: 'Integer',\n    fields: ['ge', 'gt', 'le', 'lt'],\n  },\n  float: {\n    value: 'float',\n    label: 'Decimal number',\n    fields: ['ge', 'gt', 'le', 'lt'],\n  },\n  list_of_strings: {\n    value: 'list_of_strings',\n    label: 'List Of Strings',\n    fields: ['minItems', 'maxItems', 'enum'],\n  },\n  boolean: {\n    value: 'boolean',\n    label: 'Boolean',\n    fields: [],\n    exclude: ['example'],\n  },\n  datetime:{\n    value: 'datetime',\n    label: 'Datetime',\n    fields: [],\n  }\n}\n\ntype Omit<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>\ntype PartialBy<T, K extends keyof T> = Omit<T, K> & Partial<Pick<T, K>>\nexport type AttributeForm = PartialBy<AttributeModel, 'scope' | 'position'>\ntype Excludes = (keyof Omit<AttributeModel, 'data'> | keyof AttributeData)[]\n\nconst initFormData: AttributeForm = {\n  name: '',\n  scope: ['folder', 'task'],\n  builtin: false,\n  position: 0,\n  data: {\n    type: 'string',\n    title: '',\n    description: '',\n    example: '',\n    default: undefined,\n    enum: undefined,\n    minLength: undefined,\n    maxLength: undefined,\n    regex: '',\n    minItems: undefined,\n    maxItems: undefined,\n    ge: undefined,\n    gt: undefined,\n    le: undefined,\n    lt: undefined,\n  },\n}\n\n// build the form data based on excludes and to update any data\nconst buildInitFormData = (excludes: Excludes, data?: Partial<AttributeForm>) => {\n  // Create a deep clone of init form data\n  const formData = JSON.parse(JSON.stringify(initFormData)) as AttributeForm\n\n  // Filter out top-level excludes if not in required\n  const required = ['name']\n  Object.keys(formData).forEach((key) => {\n    if (\n      !required.includes(key) &&\n      excludes.includes(key as keyof Omit<AttributeModel, 'data'>) &&\n      key !== 'data'\n    ) {\n      delete formData[key as keyof AttributeForm]\n    }\n  })\n\n  // Filter out data field excludes if not in in required\n  const requiredData = ['title']\n  if (formData.data) {\n    Object.keys(formData.data).forEach((key) => {\n      if (!requiredData.includes(key) && excludes.includes(key as keyof AttributeData)) {\n        delete formData.data[key as keyof AttributeData]\n      }\n    })\n  }\n\n  // Merge with provided data if any\n  if (data) {\n    // Merge top-level fields\n    Object.keys(data).forEach((key) => {\n      const typedKey = key as keyof AttributeForm\n      if (typedKey !== 'data' && excludes.includes(typedKey)) return\n\n      if (typedKey === 'data' && data.data && formData.data) {\n        // Deep merge of data fields\n        formData.data = { ...formData.data, ...data.data }\n      } else if (data[typedKey] !== undefined) {\n        // @ts-ignore - We know these properties exist\n        formData[typedKey] = data[typedKey]\n      }\n    })\n  }\n\n  return formData\n}\n\nexport interface AttributeEditorProps {\n  attribute: AttributeForm | null\n  existingNames: string[]\n  error?: string\n  isUpdating?: boolean\n  excludes?: Excludes\n  onHide: () => void\n  onEdit: (attribute: AttributeForm) => void\n  onDelete?: () => void\n}\n\nexport const AttributeEditor: FC<AttributeEditorProps> = ({\n  attribute,\n  existingNames,\n  error = '',\n  isUpdating,\n  excludes = [],\n  onHide,\n  onEdit,\n  onDelete,\n}) => {\n  const initForm = buildInitFormData(excludes, { position: existingNames.length })\n  const [formData, setFormData] = useState<AttributeForm | null>(attribute || initForm)\n\n  useEffect(() => {\n    if (!!attribute) setFormData(attribute)\n  }, [attribute])\n\n  const isNew = !attribute\n\n  // const setTopLevelData = (key: string, value: string) => {\n  const setTopLevelData = <K extends keyof Omit<AttributeModel, 'data'>>(\n    key: K,\n    value: AttributeModel[K],\n  ) => {\n    setFormData((d) => {\n      if (!d) {\n        return d\n      }\n      return { ...d, [key]: value }\n    })\n  }\n\n  // const setData = (key, value) => {\n  const setData = <K extends keyof AttributeData>(key: K, value: AttributeData[K]) => {\n    setFormData((d) => {\n      // Add a check for d and d.data\n      if (!d || !d.data) {\n        return d\n      }\n      const dt = { ...d.data, [key]: value }\n      return { ...d, data: dt }\n    })\n  }\n\n  let internalError = ''\n  if (formData) {\n    if (isNew) {\n      if (existingNames.includes(formData.name)) internalError = 'This attribute already exists'\n      else if (!formData.name.match('^[a-zA-Z_]{2,64}$')) error = 'Invalid attribute name'\n    } // name validation\n  }\n\n  const handleSubmit = () => {\n    if (formData) {\n      onEdit(formData)\n    }\n  }\n\n  const footer = (\n    <div style={{ display: 'flex', width: '100%', flexDirection: 'row' }}>\n      {onDelete && attribute && (\n        <Button\n          variant=\"danger\"\n          label={'Delete attribute'}\n          icon={'delete'}\n          disabled={isUpdating}\n          onClick={onDelete}\n        />\n      )}\n      <Spacer />\n      <SaveButton\n        label={isNew ? 'Create Attribute' : 'Save Attribute'}\n        icon={'check'}\n        disabled={!!internalError || !formData}\n        active={!internalError && !!formData}\n        saving={isUpdating}\n        onClick={handleSubmit}\n      />\n    </div>\n  )\n\n  let dataFields: (keyof AttributeData)[] = []\n\n  // add global fields, only if scope are null (all) or the scope is included\n  GLOBAL_FIELDS.forEach((globalField) => {\n    // @ts-expect-error - project scope will never be found here?\n    if (!globalField?.scope || globalField?.scope?.some((s) => formData?.scope?.includes(s))) {\n      dataFields.push(globalField.value)\n    }\n  })\n\n  if (formData?.data.type && TYPE_OPTIONS[formData.data.type]) {\n    const typeOpt = TYPE_OPTIONS[formData.data.type]\n    dataFields = [...dataFields, ...typeOpt.fields].filter((f) => !typeOpt.exclude?.includes(f))\n  }\n\n  type CustomFieldRenderer = (value: any, onChange: (newValue: any) => void) => JSX.Element | null\n  const customFields: {\n    enum: CustomFieldRenderer\n    inherit: CustomFieldRenderer\n    booleanDefault: CustomFieldRenderer\n  } = {\n    enum: (value = [], onChange) => (\n      <EnumEditor\n        values={value as AttributeEnumItem[]}\n        onChange={(val) => {\n          onChange(val?.length ? val : undefined)\n        }}\n      />\n    ),\n    inherit: (value, onChange) => (\n      <InputSwitch\n        checked={value}\n        onChange={(e) => onChange((e.target as HTMLInputElement).checked)}\n      />\n    ),\n    booleanDefault: (value, onChange) => (\n      <InputSwitch\n        checked={value}\n        onChange={(e) => onChange((e.target as HTMLInputElement).checked)}\n      />\n    ),\n  }\n\n  const handleTitleChange = (e: React.ChangeEvent) => {\n    const v = (e.target as HTMLInputElement).value\n    setData('title', v)\n\n    if (isNew) {\n      setTopLevelData('name', camelCase(v))\n    }\n  }\n\n  return (\n    <Dialog\n      header={formData?.data?.title || formData?.name || 'New attribute'}\n      footer={footer}\n      onClose={onHide}\n      isOpen={true}\n      style={{ width: 700, zIndex: 999 }}\n      size=\"full\"\n      onKeyDown={(e: React.KeyboardEvent<HTMLDivElement>) => {\n        if (e.key === 'Enter' && (e.metaKey || e.ctrlKey)) {\n          e.preventDefault()\n          handleSubmit()\n        }\n      }}\n    >\n      {formData && (\n        <FormLayout>\n          {!excludes.includes('title') && (\n            <FormRow label={'Title'} key={'title'}>\n              <InputText value={formData?.data['title']} onChange={handleTitleChange} autoFocus />\n            </FormRow>\n          )}\n          {!excludes.includes('name') && (\n            <FormRow label={'Name'} key={'name'}>\n              <LockedInput\n                value={formData.name}\n                disabled={!isNew}\n                onSubmit={(v) => setTopLevelData('name', v)}\n                label=\"name\"\n              />\n            </FormRow>\n          )}\n          {!excludes.includes('scope') && (\n            <FormRow label=\"Scope\">\n              <Dropdown\n                options={SCOPE_OPTIONS}\n                disabled={formData.builtin}\n                value={formData.scope || []}\n                onChange={(v) => setTopLevelData('scope', v as AttributeModel['scope'])}\n                multiSelect\n                widthExpand\n              />\n            </FormRow>\n          )}\n          {!excludes.includes('type') && (\n            <FormRow label=\"Type\">\n              <Dropdown\n                value={[formData?.data?.type]}\n                disabled={formData.builtin}\n                options={Object.values(TYPE_OPTIONS)}\n                onChange={(v) => setData('type', v[0] as AttributeData['type'])}\n                minSelected={1}\n                widthExpand\n              />\n            </FormRow>\n          )}\n          {dataFields.map((field) => {\n            // skip if field is excluded\n            if (excludes.includes(field)) return null\n\n            let fieldComp = null\n            let fieldLabel = upperFirst(field)\n\n            if (field === 'enum' || field === 'inherit') {\n              const renderer = customFields[field as 'enum' | 'inherit']\n              fieldComp = renderer(formData?.data[field], (value) => setData(field, value))\n            } else if (field === 'default' && formData?.data?.type === 'boolean') {\n              fieldComp = customFields['booleanDefault'](\n                formData?.data[field] as boolean,\n                (value) => setData(field, value as AttributeData['default']),\n              )\n            } else if (['ge', 'gt', 'le', 'lt'].includes(field)) {\n              // ignore gt and lt\n              if (['gt', 'lt'].includes(field)) return null\n              fieldComp = (\n                <MinMaxField\n                  value={formData?.data}\n                  isMin={field === 'ge'}\n                  isFloat={formData?.data?.type === 'float'}\n                  onChange={(v) => {\n                    const geValue = v.ge !== undefined ? Number(v.ge) : undefined\n                    const leValue = v.le !== undefined ? Number(v.le) : undefined\n\n                    if (\n                      // @ts-expect-error\n                      (v.ge !== undefined && isNaN(geValue)) ||\n                      // @ts-expect-error\n                      (v.le !== undefined && isNaN(leValue))\n                    ) {\n                      // Do not update the form if the value is not a valid number\n                      return\n                    }\n\n                    setFormData((d) => {\n                      if (!d || !d.data) return d\n                      const dt = { ...d.data, ...v }\n                      return { ...d, data: dt }\n                    })\n                  }}\n                />\n              )\n\n              // rewrite field to min or max for display label\n              fieldLabel = field === 'ge' ? 'Min' : 'Max'\n            } else {\n              const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n                const strValue = e.target.value\n                switch (field) {\n                  case 'minLength':\n                  case 'maxLength':\n                  case 'minItems':\n                  case 'maxItems': {\n                    const num = parseInt(strValue, 10)\n                    setData(field, isNaN(num) ? undefined : num)\n                    break\n                  }\n                  default:\n                    // For string fields ('description', 'regex') or 'any' type fields ('example', 'default')\n                    setData(field, strValue as AttributeData[typeof field])\n                    break\n                }\n              }\n\n              fieldComp = (\n                <InputText\n                  value={String(formData?.data[field] ?? '')}\n                  onChange={handleInputChange}\n                />\n              )\n            }\n\n            return (\n              <FormRow\n                label={fieldLabel}\n                key={field}\n                style={{\n                  alignItems: 'flex-start',\n                }}\n              >\n                {fieldComp}\n              </FormRow>\n            )\n          })}\n          <span>\n            {(internalError || error) && (\n              <span className=\"form-error-text\">{internalError || error}</span>\n            )}\n          </span>\n        </FormLayout>\n      )}\n    </Dialog>\n  )\n}\n"],"names":["SCOPE_OPTIONS","GLOBAL_FIELDS","TYPE_OPTIONS","initFormData","buildInitFormData","excludes","data","formData","required","key","requiredData","typedKey","AttributeEditor","attribute","existingNames","error","isUpdating","onHide","onEdit","onDelete","initForm","setFormData","useState","useEffect","isNew","setTopLevelData","value","d","setData","dt","internalError","handleSubmit","footer","jsxs","jsx","Button","Spacer","SaveButton","dataFields","globalField","_a","s","typeOpt","f","customFields","onChange","EnumEditor","val","InputSwitch","e","handleTitleChange","v","camelCase","Dialog","FormLayout","FormRow","InputText","LockedInput","Dropdown","_b","field","fieldComp","fieldLabel","upperFirst","renderer","MinMaxField","geValue","leValue","handleInputChange","strValue","num"],"mappings":"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"}

package/dist/shared/src/components/ProjectTableSettings/RowHeightSettings.cjs.js

@@ -0,0 +1,60 @@
+"use strict";const o=require("../../../../_virtual/jsx-runtime.cjs.js"),e=require("react"),s=require("styled-components");require("../../containers/ProjectTreeTable/ProjectTreeTable.cjs.js");require("react-toastify");require("lodash");require("uuid");require("../../util/pubsub.cjs.js");require("../../containers/ProjectTreeTable/context/CellEditingContext.cjs.js");require("@ynput/ayon-react-components");require("@tanstack/react-table");require("../../containers/ProjectTreeTable/widgets/CollapsedWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/DateWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EnumWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/TextWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/BooleanWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/CellWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EntityNameWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");require("clsx");require("../ThumbnailSimple/ThumbnailSimple.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("../../api/base/client.cjs.js");require("../../api/generated/graphql.cjs.js");require("../../api/generated/graphqlLinks.cjs.js");require("../../api/generated/access.cjs.js");require("../../api/generated/actions.cjs.js");require("../../api/generated/activityFeed.cjs.js");require("../../api/generated/addons.cjs.js");require("../../api/generated/anatomy.cjs.js");require("../../api/generated/attributes.cjs.js");require("../../api/generated/authentication.cjs.js");require("../../api/generated/bundles.cjs.js");require("../../api/generated/configuration.cjs.js");require("../../api/generated/desktop.cjs.js");require("../../api/generated/entityLists.cjs.js");require("../../api/generated/events.cjs.js");require("../../api/generated/files.cjs.js");require("../../api/generated/folders.cjs.js");require("../../api/generated/inbox.cjs.js");require("../../api/generated/links.cjs.js");require("../../api/generated/market.cjs.js");require("../../api/generated/onboarding.cjs.js");require("../../api/generated/operations.cjs.js");require("../../api/generated/products.cjs.js");require("../../api/generated/projectDashboard.cjs.js");require("../../api/generated/projects.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/actions/getActions.cjs.js");require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/updateActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");require("../../api/queries/entities/updateEntity.cjs.js");require("../../api/queries/entityLists/getLists.cjs.js");require("../../api/queries/entityLists/updateLists.cjs.js");require("../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../api/queries/entityLists/listFolders.cjs.js");require("../../api/queries/folders/getFolders.cjs.js");require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");require("../../api/queries/links/getLinks.cjs.js");require("../../api/queries/links/getEntityLinks.cjs.js");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/review/getReview.cjs.js");require("../../api/queries/review/updateReview.cjs.js");require("../../api/queries/share/share.cjs.js");require("../../api/queries/system/getSystem.cjs.js");require("../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../api/queries/users/getUsers.cjs.js");require("../../api/queries/users/updateUsers.cjs.js");require("../../api/queries/versions/updateVersions.cjs.js");require("../../api/queries/views/getViews.cjs.js");require("../../api/queries/views/updateViews.cjs.js");require("../../api/queries/watchers/getWatchers.cjs.js");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../ReviewablesList/ReviewablesList.styled.cjs.js");require("../../containers/ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                                 */require("../ReviewablesList/ReviewablesUpload.styled.cjs.js");require("axios");require("../../context/RemoteModulesContext.cjs.js");require("../../context/DetailsPanelContext.cjs.js");require("../../context/ThumbnailUploaderContext.cjs.js");require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");require("../../context/PowerpackContext.cjs.js");require("../../context/MoveEntityContext.cjs.js");require("../../context/MenuContext.cjs.js");require("../ReviewableCard/ReviewableCard.cjs.js");require("../ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../FileThumbnail/FileThumbnail.cjs.js");require("../Thumbnail/Thumbnail.styled.cjs.js");require("../Thumbnail/StackedThumbnails.cjs.js");require("../../containers/Feed/context/FeedContext.cjs.js");require("../../containers/Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../../containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("../../containers/Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../../containers/Feed/components/FileUploadPreview/Mimes/TextMime.cjs.js");require("react-markdown");require("remark-emoji");require("remark-gfm");require("remark-directive");require("remark-directive-rehype");require("../../containers/Feed/components/CommentInput/CommentInput.cjs.js");require("../../containers/Feed/components/ReactionContainer/Reactions.styled.cjs.js");require("../../containers/Feed/components/FilesGrid/FilesGrid.styled.cjs.js");require("../../containers/Feed/components/FileUploadCard/FileUploadCard.styled.cjs.js");require("../../containers/Feed/components/CommentInput/quillToMarkdown.cjs.js");require("../../containers/Feed/components/ActivityComment/ActivityComment.styled.cjs.js");require("../../containers/Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../../containers/Feed/components/ActivityReference/ActivityReference.styled.cjs.js");require("react-router-dom");require("../../containers/Feed/components/ActivityStatus/ActivityStatus.cjs.js");require("../../containers/Feed/components/ActivityHeader/ActivityHeader.styled.cjs.js");require("../../containers/Feed/components/ActivityDate.cjs.js");require("../../containers/Feed/components/ActivityStatusChange/ActivityStatusChange.styled.cjs.js");require("../../containers/Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../../containers/Feed/components/ActivityVersions/ActivityVersions.styled.cjs.js");require("../../containers/Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");require("../../containers/Feed/Feed.styled.cjs.js");require("date-fns");require("../../containers/DetailsPanel/DetailsPanel.styled.cjs.js");require("../../../../_virtual/runtime.cjs.js");require("../../../../_virtual/semver.cjs.js");require("react-redux");require("custom-protocol-check");require("../../containers/DetailsPanel/FeedFilters/FeedFilters.styled.cjs.js");require("../../containers/DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../PlayableIcon/PlayableIcon.cjs.js");require("../../containers/DetailsPanel/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../../containers/DetailsPanel/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../../containers/DetailsPanel/DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");require("../../containers/Actions/Actions.styled.cjs.js");require("../../containers/Actions/ActionsDropdown/ActionsDropdown.cjs.js");require("../../containers/Actions/ActionIcon.cjs.js");require("../../containers/Views/context/ViewsContext.cjs.js");require("../../containers/Views/Views.styled.cjs.js");require("../../containers/Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../../containers/Views/ViewsMenu/ViewsMenu.cjs.js");require("../EntityPanelUploader/EntityPanelUploader.styled.cjs.js");require("../SimpleFormDialog/SimpleFormDialog.cjs.js");require("../EntityPath/EntityPath.styled.cjs.js");require("../EntityPath/SegmentProvider.cjs.js");require("../DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("../DetailsPanelDetails/DetailsSection.cjs.js");require("../DetailsPanelDetails/FieldLabel.cjs.js");require("../Watchers/Watchers.cjs.js");require("./ProjectTableSettings.cjs.js");require("../Powerpack/PowerpackButton.cjs.js");require("../Powerpack/PricingLink.cjs.js");require("../Powerpack/PowerpackDialog.styled.cjs.js");require("../Powerpack/CTAButton.cjs.js");require("../SettingsPanel/SettingsPanel.cjs.js");require("../SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../AttributeEditor/components/MinMaxField.cjs.js");require("../EnumEditor/EnumEditor.styled.cjs.js");require("../SearchFilter/filterDates.cjs.js");require("../Badge/Badge.cjs.js");require("../VersionUploader/components/UploadVersionDialog.cjs.js");require("../VersionUploader/context/VersionUploadContext.cjs.js");require("../Feedback/FeedbackContext.cjs.js");require("../Feedback/SupportBubble.cjs.js");require("../Chips/Chips.cjs.js");require("../LinksManager/LinksManager.styled.cjs.js");require("../../containers/EntityPickerDialog/EntityPickerDialog.cjs.js");require("../StyledLink/StyledLink.cjs.js");require("../LinksManager/CellEditingDialog.cjs.js");require("../../containers/ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");require("../../containers/ProjectTreeTable/context/SelectedRowsContext.cjs.js");require("../../containers/ProjectTreeTable/ProjectTreeTable.styled.cjs.js");require("../../containers/ProjectTreeTable/components/SelectionCell.cjs.js");require("../../containers/ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../../containers/ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../containers/ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableContext.cjs.js");require("../../containers/ProjectTreeTable/context/ClipboardContext.cjs.js");const m=require("../../containers/ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectDataContext.cjs.js");require("../../containers/ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("../../containers/ProjectTreeTable/components/HeaderActionButton.cjs.js");require("../../containers/ProjectTreeTable/components/ColumnHeaderMenu.cjs.js");const b=(i,u)=>{const[q,r]=e.useState(i);return e.useEffect(()=>{const n=setTimeout(()=>{r(i)},u);return()=>{clearTimeout(n)}},[i,u]),q},w=s.div`
+  padding: 16px;
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+`,v=s.label`
+  font-weight: 500;
+  color: var(--md-sys-color-on-surface);
+  font-size: 14px;
+`,y=s.div`
+  display: flex;
+  align-items: center;
+  gap: 12px;
+`,f=s.input`
+  flex: 1;
+  height: 4px;
+  border-radius: 2px;
+  background: var(--md-sys-color-outline-variant);
+  outline: none;
+  -webkit-appearance: none;
+  appearance: none;
+
+  &::-webkit-slider-thumb {
+    -webkit-appearance: none;
+    appearance: none;
+    width: 16px;
+    height: 16px;
+    border-radius: 50%;
+    background: var(--md-sys-color-primary);
+    cursor: grab;
+    box-shadow: var(--box-fill);
+  }
+
+  &:active::-webkit-slider-thumb {
+    cursor: grabbing;
+  }
+
+  &::-moz-range-thumb {
+    width: 16px;
+    height: 16px;
+    border-radius: 50%;
+    background: var(--md-sys-color-primary);
+    cursor: grabbing;
+    border: 2px solid var(--md-sys-color-surface);
+    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
+  }
+
+  &:hover::-webkit-slider-thumb {
+    background: var(--md-sys-color-primary-hover);
+  }
+
+  &:hover::-moz-range-thumb {
+    background: var(--md-sys-color-primary-container);
+  }
+`,R=s.span`
+  color: var(--md-sys-color-on-surface-variant);
+  min-width: 40px;
+  text-align: right;
+`,k=()=>{const{rowHeight:i=34,updateRowHeight:u,updateRowHeightWithPersistence:q}=m.useColumnSettingsContext(),[r,n]=e.useState(i),[t,c]=e.useState(!1),l=b(r,25);e.useEffect(()=>{t||n(i)},[i,t]),e.useEffect(()=>{t&&u(l)},[l,u,t]);const g=e.useCallback(x=>{const a=parseInt(x.target.value,10);n(a),t||(u(a),q(a))},[t,u,q]),h=e.useCallback(()=>{c(!0)},[]),p=e.useCallback(()=>{c(!1),q(r)},[r,q]),d=(r-24)/176*100;return o.jsxRuntimeExports.jsxs(w,{children:[o.jsxRuntimeExports.jsx(v,{htmlFor:"row-height-slider",children:"Row height"}),o.jsxRuntimeExports.jsxs(y,{children:[o.jsxRuntimeExports.jsx(f,{id:"row-height-slider",type:"range",min:24,max:200,step:2,value:r,onChange:g,onMouseDown:h,onMouseUp:p,style:{background:`linear-gradient(to right, var(--md-sys-color-primary) 0%, var(--md-sys-color-primary) ${d}%, var(--md-sys-color-outline-variant) ${d}%, var(--md-sys-color-outline-variant) 100%)`}}),o.jsxRuntimeExports.jsx(R,{children:r})]})]})};module.exports=k;
+//# sourceMappingURL=RowHeightSettings.cjs.js.map

package/dist/shared/src/components/ProjectTableSettings/RowHeightSettings.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RowHeightSettings.cjs.js","sources":["../../../../../src/components/ProjectTableSettings/RowHeightSettings.tsx"],"sourcesContent":["import { FC, useState, useCallback, useEffect } from 'react'\nimport styled from 'styled-components'\nimport { useColumnSettingsContext } from '@shared/containers/ProjectTreeTable'\n\n// Debounce hook for smooth slider performance\nconst useDebounce = (value: number, delay: number) => {\n  const [debouncedValue, setDebouncedValue] = useState(value)\n\n  useEffect(() => {\n    const handler = setTimeout(() => {\n      setDebouncedValue(value)\n    }, delay)\n\n    return () => {\n      clearTimeout(handler)\n    }\n  }, [value, delay])\n\n  return debouncedValue\n}\n\nconst Container = styled.div`\n  padding: 16px;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n`\n\nconst Label = styled.label`\n  font-weight: 500;\n  color: var(--md-sys-color-on-surface);\n  font-size: 14px;\n`\n\nconst SliderContainer = styled.div`\n  display: flex;\n  align-items: center;\n  gap: 12px;\n`\n\nconst Slider = styled.input`\n  flex: 1;\n  height: 4px;\n  border-radius: 2px;\n  background: var(--md-sys-color-outline-variant);\n  outline: none;\n  -webkit-appearance: none;\n  appearance: none;\n\n  &::-webkit-slider-thumb {\n    -webkit-appearance: none;\n    appearance: none;\n    width: 16px;\n    height: 16px;\n    border-radius: 50%;\n    background: var(--md-sys-color-primary);\n    cursor: grab;\n    box-shadow: var(--box-fill);\n  }\n\n  &:active::-webkit-slider-thumb {\n    cursor: grabbing;\n  }\n\n  &::-moz-range-thumb {\n    width: 16px;\n    height: 16px;\n    border-radius: 50%;\n    background: var(--md-sys-color-primary);\n    cursor: grabbing;\n    border: 2px solid var(--md-sys-color-surface);\n    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);\n  }\n\n  &:hover::-webkit-slider-thumb {\n    background: var(--md-sys-color-primary-hover);\n  }\n\n  &:hover::-moz-range-thumb {\n    background: var(--md-sys-color-primary-container);\n  }\n`\n\nconst ValueDisplay = styled.span`\n  color: var(--md-sys-color-on-surface-variant);\n  min-width: 40px;\n  text-align: right;\n`\n\nconst RowHeightSettings: FC = () => {\n  const {\n    rowHeight: contextRowHeight = 34,\n    updateRowHeight,\n    updateRowHeightWithPersistence,\n  } = useColumnSettingsContext()\n\n  // Local state for immediate UI updates during slider drag\n  const [localRowHeight, setLocalRowHeight] = useState(contextRowHeight)\n  const [isDragging, setIsDragging] = useState(false)\n\n  // Debounced value for smooth table updates during drag\n  const debouncedRowHeight = useDebounce(localRowHeight, 25)\n\n  // Sync with context row height when it changes externally (but not while dragging)\n  useEffect(() => {\n    if (!isDragging) {\n      setLocalRowHeight(contextRowHeight)\n    }\n  }, [contextRowHeight, isDragging])\n\n  // Update table rows during slider drag (no API persistence)\n  useEffect(() => {\n    if (isDragging) {\n      updateRowHeight(debouncedRowHeight)\n    }\n  }, [debouncedRowHeight, updateRowHeight, isDragging])\n\n  const handleSliderChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\n    const newValue = parseInt(e.target.value, 10)\n    setLocalRowHeight(newValue)\n\n    // If not dragging (e.g., arrow keys), update immediately\n    if (!isDragging) {\n      updateRowHeight(newValue)\n      updateRowHeightWithPersistence(newValue)\n    }\n  }, [isDragging, updateRowHeight, updateRowHeightWithPersistence])\n\n  const handleSliderStart = useCallback(() => {\n    setIsDragging(true)\n  }, [])\n\n  const handleSliderRelease = useCallback(() => {\n    setIsDragging(false)\n    // Persist to API only when user finishes adjusting\n    updateRowHeightWithPersistence(localRowHeight)\n  }, [localRowHeight, updateRowHeightWithPersistence])\n\n  // Calculate the percentage for the gradient fill\n  const fillPercentage = ((localRowHeight - 24) / (200 - 24)) * 100\n\n  return (\n    <Container>\n      <Label htmlFor=\"row-height-slider\">Row height</Label>\n      <SliderContainer>\n        <Slider\n          id=\"row-height-slider\"\n          type=\"range\"\n          min={24}\n          max={200}\n          step={2}\n          value={localRowHeight}\n          onChange={handleSliderChange}\n          onMouseDown={handleSliderStart}\n          onMouseUp={handleSliderRelease}\n          style={{\n            background: `linear-gradient(to right, var(--md-sys-color-primary) 0%, var(--md-sys-color-primary) ${fillPercentage}%, var(--md-sys-color-outline-variant) ${fillPercentage}%, var(--md-sys-color-outline-variant) 100%)`,\n          }}\n        />\n        <ValueDisplay>{localRowHeight}</ValueDisplay>\n      </SliderContainer>\n    </Container>\n  )\n}\n\nexport default RowHeightSettings\n"],"names":["useDebounce","value","delay","debouncedValue","setDebouncedValue","useState","useEffect","handler","Container","styled","Label","SliderContainer","Slider","ValueDisplay","RowHeightSettings","contextRowHeight","updateRowHeight","updateRowHeightWithPersistence","useColumnSettingsContext","localRowHeight","setLocalRowHeight","isDragging","setIsDragging","debouncedRowHeight","handleSliderChange","useCallback","e","newValue","handleSliderStart","handleSliderRelease","fillPercentage","jsx"],"mappings":"kqYAKA,MAAMA,EAAc,CAACC,EAAeC,IAAkB,CACpD,KAAM,CAACC,EAAgBC,CAAiB,EAAIC,EAAAA,SAASJ,CAAK,EAE1DK,OAAAA,EAAAA,UAAU,IAAM,CACR,MAAAC,EAAU,WAAW,IAAM,CAC/BH,EAAkBH,CAAK,GACtBC,CAAK,EAER,MAAO,IAAM,CACX,aAAaK,CAAO,CACtB,CAAA,EACC,CAACN,EAAOC,CAAK,CAAC,EAEVC,CACT,EAEMK,EAAYC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,EAOnBC,EAAQD,EAAO;AAAA;AAAA;AAAA;AAAA,EAMfE,EAAkBF,EAAO;AAAA;AAAA;AAAA;AAAA,EAMzBG,EAASH,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA2ChBI,EAAeJ,EAAO;AAAA;AAAA;AAAA;AAAA,EAMtBK,EAAwB,IAAM,CAC5B,KAAA,CACJ,UAAWC,EAAmB,GAC9B,gBAAAC,EACA,+BAAAC,GACEC,2BAAyB,EAGvB,CAACC,EAAgBC,CAAiB,EAAIf,EAAAA,SAASU,CAAgB,EAC/D,CAACM,EAAYC,CAAa,EAAIjB,EAAAA,SAAS,EAAK,EAG5CkB,EAAqBvB,EAAYmB,EAAgB,EAAE,EAGzDb,EAAAA,UAAU,IAAM,CACTe,GACHD,EAAkBL,CAAgB,CACpC,EACC,CAACA,EAAkBM,CAAU,CAAC,EAGjCf,EAAAA,UAAU,IAAM,CACVe,GACFL,EAAgBO,CAAkB,CAEnC,EAAA,CAACA,EAAoBP,EAAiBK,CAAU,CAAC,EAE9C,MAAAG,EAAqBC,cAAaC,GAA2C,CACjF,MAAMC,EAAW,SAASD,EAAE,OAAO,MAAO,EAAE,EAC5CN,EAAkBO,CAAQ,EAGrBN,IACHL,EAAgBW,CAAQ,EACxBV,EAA+BU,CAAQ,EAExC,EAAA,CAACN,EAAYL,EAAiBC,CAA8B,CAAC,EAE1DW,EAAoBH,EAAAA,YAAY,IAAM,CAC1CH,EAAc,EAAI,CACpB,EAAG,EAAE,EAECO,EAAsBJ,EAAAA,YAAY,IAAM,CAC5CH,EAAc,EAAK,EAEnBL,EAA+BE,CAAc,CAAA,EAC5C,CAACA,EAAgBF,CAA8B,CAAC,EAG7Ca,GAAmBX,EAAiB,IAAO,IAAa,IAE9D,gCACGX,EACC,CAAA,SAAA,CAACuB,EAAA,kBAAA,IAAArB,EAAA,CAAM,QAAQ,oBAAoB,SAAU,aAAA,2BAC5CC,EACC,CAAA,SAAA,CAAAoB,EAAA,kBAAA,IAACnB,EAAA,CACC,GAAG,oBACH,KAAK,QACL,IAAK,GACL,IAAK,IACL,KAAM,EACN,MAAOO,EACP,SAAUK,EACV,YAAaI,EACb,UAAWC,EACX,MAAO,CACL,WAAY,yFAAyFC,CAAc,0CAA0CA,CAAc,8CAAA,CAC7K,CACF,EACAC,EAAAA,kBAAAA,IAAClB,GAAc,SAAeM,CAAA,CAAA,CAAA,CAChC,CAAA,CAAA,EACF,CAEJ"}

package/dist/shared/src/components/ProjectTableSettings/RowHeightSettings.es.js

@@ -0,0 +1,332 @@
+import { j as m } from "../../../../_virtual/jsx-runtime.es.js";
+import { useState as l, useEffect as c, useCallback as s } from "react";
+import e from "styled-components";
+import "../../containers/ProjectTreeTable/ProjectTreeTable.es.js";
+import "react-toastify";
+import "lodash";
+import "uuid";
+import "../../util/pubsub.es.js";
+import "../../containers/ProjectTreeTable/context/CellEditingContext.es.js";
+import "@ynput/ayon-react-components";
+import "@tanstack/react-table";
+import "../../containers/ProjectTreeTable/widgets/CollapsedWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/DateWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/EnumWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/TextWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/BooleanWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/CellWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/EntityNameWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/GroupHeaderWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/ThumbnailWidget.es.js";
+import "clsx";
+import "../ThumbnailSimple/ThumbnailSimple.es.js";
+import "../EmptyPlaceholder/EmptyPlaceholder.es.js";
+import "../EmptyPlaceholder/EmptyPlaceholderFlex.styled.es.js";
+import "../../api/base/client.es.js";
+import "../../api/generated/graphql.es.js";
+import "../../api/generated/graphqlLinks.es.js";
+import "../../api/generated/access.es.js";
+import "../../api/generated/actions.es.js";
+import "../../api/generated/activityFeed.es.js";
+import "../../api/generated/addons.es.js";
+import "../../api/generated/anatomy.es.js";
+import "../../api/generated/attributes.es.js";
+import "../../api/generated/authentication.es.js";
+import "../../api/generated/bundles.es.js";
+import "../../api/generated/configuration.es.js";
+import "../../api/generated/desktop.es.js";
+import "../../api/generated/entityLists.es.js";
+import "../../api/generated/events.es.js";
+import "../../api/generated/files.es.js";
+import "../../api/generated/folders.es.js";
+import "../../api/generated/inbox.es.js";
+import "../../api/generated/links.es.js";
+import "../../api/generated/market.es.js";
+import "../../api/generated/onboarding.es.js";
+import "../../api/generated/operations.es.js";
+import "../../api/generated/products.es.js";
+import "../../api/generated/projectDashboard.es.js";
+import "../../api/generated/projects.es.js";
+import "../../api/generated/reviewables.es.js";
+import "../../api/generated/services.es.js";
+import "../../api/generated/system.es.js";
+import "../../api/generated/tasks.es.js";
+import "../../api/generated/teams.es.js";
+import "../../api/generated/thumbnails.es.js";
+import "../../api/generated/uRIs.es.js";
+import "../../api/generated/users.es.js";
+import "../../api/generated/versions.es.js";
+import "../../api/generated/workfiles.es.js";
+import "../../api/generated/ynputCloud.es.js";
+import "../../api/generated/grouping.es.js";
+import "../../api/generated/views.es.js";
+import "../../api/queries/actions/getActions.es.js";
+import "../../api/queries/activities/getActivities.es.js";
+import "../../api/queries/activities/updateActivities.es.js";
+import "../../api/queries/activities/updateReaction.es.js";
+import "../../api/queries/activities/getMentions.es.js";
+import "../../api/queries/addons/getAddons.es.js";
+import "../../api/queries/addons/updateAddons.es.js";
+import "../../api/queries/attributes/getAttributes.es.js";
+import "../../api/queries/attributes/updateAttributes.es.js";
+import "../../api/queries/authentication/getAuthentication.es.js";
+import "../../api/queries/cloud/cloud.es.js";
+import "../../api/queries/entities/getEntity.es.js";
+import "../../api/queries/entities/getEntityPanel.es.js";
+import "../../api/queries/entities/updateEntity.es.js";
+import "../../api/queries/entityLists/getLists.es.js";
+import "../../api/queries/entityLists/updateLists.es.js";
+import "../../api/queries/entityLists/getListsAttributes.es.js";
+import "../../api/queries/entityLists/updateListsAttributes.es.js";
+import "../../api/queries/entityLists/listFolders.es.js";
+import "../../api/queries/folders/getFolders.es.js";
+import "../../api/queries/grouping/getGrouping.es.js";
+import "../../api/queries/links/updateLinks.es.js";
+import "../../api/queries/links/getLinks.es.js";
+import "../../api/queries/links/getEntityLinks.es.js";
+import "../../api/queries/overview/getOverview.es.js";
+import "../../api/queries/overview/updateOverview.es.js";
+import "../../api/queries/permissions/getPermissions.es.js";
+import "../../api/queries/products/createProduct.es.js";
+import "../../api/queries/project/getProject.es.js";
+import "../../api/queries/project/updateProject.es.js";
+import "../../api/queries/review/getReview.es.js";
+import "../../api/queries/review/updateReview.es.js";
+import "../../api/queries/share/share.es.js";
+import "../../api/queries/system/getSystem.es.js";
+import "../../api/queries/userDashboard/getUserDashboard.es.js";
+import "../../api/queries/users/getUsers.es.js";
+import "../../api/queries/users/updateUsers.es.js";
+import "../../api/queries/versions/updateVersions.es.js";
+import "../../api/queries/views/getViews.es.js";
+import "../../api/queries/views/updateViews.es.js";
+import "../../api/queries/watchers/getWatchers.es.js";
+import "@dnd-kit/core";
+import "@dnd-kit/sortable";
+import "../ReviewablesList/ReviewablesList.styled.es.js";
+import "../../containers/ContextMenu/ContextMenuContext.es.js";
+/* empty css                                               */
+import "../ReviewablesList/ReviewablesUpload.styled.es.js";
+import "axios";
+import "../../context/RemoteModulesContext.es.js";
+import "../../context/DetailsPanelContext.es.js";
+import "../../context/ThumbnailUploaderContext.es.js";
+import "../../context/SettingsPanelContext.es.js";
+import "../../context/pip/PiPProvider.es.js";
+import "react-dom";
+import "../../context/pip/PiPWrapper.es.js";
+import "../../context/AddonProjectContext.es.js";
+import "../../context/AddonContext.es.js";
+import "../../context/PowerpackContext.es.js";
+import "../../context/MoveEntityContext.es.js";
+import "../../context/MenuContext.es.js";
+import "../ReviewableCard/ReviewableCard.es.js";
+import "../ReviewableProgressCard/ReviewableProgressCard.styled.es.js";
+import "../FileThumbnail/FileThumbnail.es.js";
+import "../Thumbnail/Thumbnail.styled.es.js";
+import "../Thumbnail/StackedThumbnails.es.js";
+import "../../containers/Feed/context/FeedContext.es.js";
+import "../../containers/Feed/components/Tooltips/UserTooltip/UserTooltip.styled.es.js";
+import "../../containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.es.js";
+import "../../containers/Feed/components/FileUploadPreview/FileUploadPreview.styled.es.js";
+import "../../containers/Feed/components/FileUploadPreview/Mimes/TextMime.es.js";
+import "react-markdown";
+import "remark-emoji";
+import "remark-gfm";
+import "remark-directive";
+import "remark-directive-rehype";
+import "../../containers/Feed/components/CommentInput/CommentInput.es.js";
+import "../../containers/Feed/components/ReactionContainer/Reactions.styled.es.js";
+import "../../containers/Feed/components/FilesGrid/FilesGrid.styled.es.js";
+import "../../containers/Feed/components/FileUploadCard/FileUploadCard.styled.es.js";
+import "../../containers/Feed/components/CommentInput/quillToMarkdown.es.js";
+import "../../containers/Feed/components/ActivityComment/ActivityComment.styled.es.js";
+import "../../containers/Feed/components/ActivityCheckbox/ActivityCheckbox.styled.es.js";
+import "../../containers/Feed/components/ActivityReference/ActivityReference.styled.es.js";
+import "react-router-dom";
+import "../../containers/Feed/components/ActivityStatus/ActivityStatus.es.js";
+import "../../containers/Feed/components/ActivityHeader/ActivityHeader.styled.es.js";
+import "../../containers/Feed/components/ActivityDate.es.js";
+import "../../containers/Feed/components/ActivityStatusChange/ActivityStatusChange.styled.es.js";
+import "../../containers/Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.es.js";
+import "../../containers/Feed/components/ActivityVersions/ActivityVersions.styled.es.js";
+import "../../containers/Feed/components/ActivityGroup/ActivityGroup.styled.es.js";
+import "../../containers/Feed/Feed.styled.es.js";
+import "date-fns";
+import "../../containers/DetailsPanel/DetailsPanel.styled.es.js";
+import "../../../../_virtual/runtime.es.js";
+import "../../../../_virtual/semver.es.js";
+import "react-redux";
+import "custom-protocol-check";
+import "../../containers/DetailsPanel/FeedFilters/FeedFilters.styled.es.js";
+import "../../containers/DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.styled.es.js";
+import "../PlayableIcon/PlayableIcon.es.js";
+import "../../containers/DetailsPanel/DetailsPanelFiles/DetailsPanelFiles.es.js";
+import "../../containers/DetailsPanel/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.es.js";
+import "../../containers/DetailsPanel/DetailsPanelFloating/DetailsPanelFloating.styled.es.js";
+import "../../containers/Actions/Actions.styled.es.js";
+import "../../containers/Actions/ActionsDropdown/ActionsDropdown.es.js";
+import "../../containers/Actions/ActionIcon.es.js";
+import "../../containers/Views/context/ViewsContext.es.js";
+import "../../containers/Views/Views.styled.es.js";
+import "../../containers/Views/ViewsMenuContainer/ViewsMenuContainer.es.js";
+import "../../containers/Views/ViewsMenu/ViewsMenu.es.js";
+import "../EntityPanelUploader/EntityPanelUploader.styled.es.js";
+import "../SimpleFormDialog/SimpleFormDialog.es.js";
+import "../EntityPath/EntityPath.styled.es.js";
+import "../EntityPath/SegmentProvider.es.js";
+import "../DetailsPanelAttributes/DetailsPanelAttributesEditor.es.js";
+import "../DetailsPanelDetails/DetailsPanelDetails.es.js";
+import "../DetailsPanelDetails/DetailsSection.es.js";
+import "../DetailsPanelDetails/FieldLabel.es.js";
+import "../Watchers/Watchers.es.js";
+import "./ProjectTableSettings.es.js";
+import "../Powerpack/PowerpackButton.es.js";
+import "../Powerpack/PricingLink.es.js";
+import "../Powerpack/PowerpackDialog.styled.es.js";
+import "../Powerpack/CTAButton.es.js";
+import "../SettingsPanel/SettingsPanel.es.js";
+import "../SettingsPanel/SettingsPanelItemTemplate.es.js";
+import "../AttributeEditor/components/MinMaxField.es.js";
+import "../EnumEditor/EnumEditor.styled.es.js";
+import "../SearchFilter/filterDates.es.js";
+import "../Badge/Badge.es.js";
+import "../VersionUploader/components/UploadVersionDialog.es.js";
+import "../VersionUploader/context/VersionUploadContext.es.js";
+import "../Feedback/FeedbackContext.es.js";
+import "../Feedback/SupportBubble.es.js";
+import "../Chips/Chips.es.js";
+import "../LinksManager/LinksManager.styled.es.js";
+import "../../containers/EntityPickerDialog/EntityPickerDialog.es.js";
+import "../StyledLink/StyledLink.es.js";
+import "../LinksManager/CellEditingDialog.es.js";
+import "../../containers/ProjectTreeTable/context/DetailsPanelEntityContext.es.js";
+import "../../containers/ProjectTreeTable/context/SelectedRowsContext.es.js";
+import "../../containers/ProjectTreeTable/ProjectTreeTable.styled.es.js";
+import "../../containers/ProjectTreeTable/components/SelectionCell.es.js";
+import "../../containers/ProjectTreeTable/components/RowSelectionHeader.es.js";
+import "../../containers/ProjectTreeTable/context/SelectionCellsContext.es.js";
+import "../../containers/ProjectTreeTable/widgets/LoadMoreWidget.es.js";
+import "../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.es.js";
+import "../../containers/ProjectTreeTable/context/ProjectTableContext.es.js";
+import "../../containers/ProjectTreeTable/context/ClipboardContext.es.js";
+import { useColumnSettingsContext as f } from "../../containers/ProjectTreeTable/context/ColumnSettingsContext.es.js";
+import "../../containers/ProjectTreeTable/context/ProjectDataContext.es.js";
+import "../../containers/ProjectTreeTable/components/GroupSettingsFallback.es.js";
+import "../../containers/ProjectTreeTable/components/HeaderActionButton.es.js";
+import "../../containers/ProjectTreeTable/components/ColumnHeaderMenu.es.js";
+const v = (o, t) => {
+  const [i, r] = l(o);
+  return c(() => {
+    const a = setTimeout(() => {
+      r(o);
+    }, t);
+    return () => {
+      clearTimeout(a);
+    };
+  }, [o, t]), i;
+}, y = e.div`
+  padding: 16px;
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+`, k = e.label`
+  font-weight: 500;
+  color: var(--md-sys-color-on-surface);
+  font-size: 14px;
+`, R = e.div`
+  display: flex;
+  align-items: center;
+  gap: 12px;
+`, S = e.input`
+  flex: 1;
+  height: 4px;
+  border-radius: 2px;
+  background: var(--md-sys-color-outline-variant);
+  outline: none;
+  -webkit-appearance: none;
+  appearance: none;
+
+  &::-webkit-slider-thumb {
+    -webkit-appearance: none;
+    appearance: none;
+    width: 16px;
+    height: 16px;
+    border-radius: 50%;
+    background: var(--md-sys-color-primary);
+    cursor: grab;
+    box-shadow: var(--box-fill);
+  }
+
+  &:active::-webkit-slider-thumb {
+    cursor: grabbing;
+  }
+
+  &::-moz-range-thumb {
+    width: 16px;
+    height: 16px;
+    border-radius: 50%;
+    background: var(--md-sys-color-primary);
+    cursor: grabbing;
+    border: 2px solid var(--md-sys-color-surface);
+    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
+  }
+
+  &:hover::-webkit-slider-thumb {
+    background: var(--md-sys-color-primary-hover);
+  }
+
+  &:hover::-moz-range-thumb {
+    background: var(--md-sys-color-primary-container);
+  }
+`, H = e.span`
+  color: var(--md-sys-color-on-surface-variant);
+  min-width: 40px;
+  text-align: right;
+`, Di = () => {
+  const {
+    rowHeight: o = 34,
+    updateRowHeight: t,
+    updateRowHeightWithPersistence: i
+  } = f(), [r, a] = l(o), [p, d] = l(!1), u = v(r, 25);
+  c(() => {
+    p || a(o);
+  }, [o, p]), c(() => {
+    p && t(u);
+  }, [u, t, p]);
+  const h = s((w) => {
+    const n = parseInt(w.target.value, 10);
+    a(n), p || (t(n), i(n));
+  }, [p, t, i]), b = s(() => {
+    d(!0);
+  }, []), x = s(() => {
+    d(!1), i(r);
+  }, [r, i]), g = (r - 24) / 176 * 100;
+  return /* @__PURE__ */ m.jsxs(y, { children: [
+    /* @__PURE__ */ m.jsx(k, { htmlFor: "row-height-slider", children: "Row height" }),
+    /* @__PURE__ */ m.jsxs(R, { children: [
+      /* @__PURE__ */ m.jsx(
+        S,
+        {
+          id: "row-height-slider",
+          type: "range",
+          min: 24,
+          max: 200,
+          step: 2,
+          value: r,
+          onChange: h,
+          onMouseDown: b,
+          onMouseUp: x,
+          style: {
+            background: `linear-gradient(to right, var(--md-sys-color-primary) 0%, var(--md-sys-color-primary) ${g}%, var(--md-sys-color-outline-variant) ${g}%, var(--md-sys-color-outline-variant) 100%)`
+          }
+        }
+      ),
+      /* @__PURE__ */ m.jsx(H, { children: r })
+    ] })
+  ] });
+};
+export {
+  Di as default
+};
+//# sourceMappingURL=RowHeightSettings.es.js.map

package/dist/shared/src/components/ProjectTableSettings/RowHeightSettings.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RowHeightSettings.es.js","sources":["../../../../../src/components/ProjectTableSettings/RowHeightSettings.tsx"],"sourcesContent":["import { FC, useState, useCallback, useEffect } from 'react'\nimport styled from 'styled-components'\nimport { useColumnSettingsContext } from '@shared/containers/ProjectTreeTable'\n\n// Debounce hook for smooth slider performance\nconst useDebounce = (value: number, delay: number) => {\n  const [debouncedValue, setDebouncedValue] = useState(value)\n\n  useEffect(() => {\n    const handler = setTimeout(() => {\n      setDebouncedValue(value)\n    }, delay)\n\n    return () => {\n      clearTimeout(handler)\n    }\n  }, [value, delay])\n\n  return debouncedValue\n}\n\nconst Container = styled.div`\n  padding: 16px;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n`\n\nconst Label = styled.label`\n  font-weight: 500;\n  color: var(--md-sys-color-on-surface);\n  font-size: 14px;\n`\n\nconst SliderContainer = styled.div`\n  display: flex;\n  align-items: center;\n  gap: 12px;\n`\n\nconst Slider = styled.input`\n  flex: 1;\n  height: 4px;\n  border-radius: 2px;\n  background: var(--md-sys-color-outline-variant);\n  outline: none;\n  -webkit-appearance: none;\n  appearance: none;\n\n  &::-webkit-slider-thumb {\n    -webkit-appearance: none;\n    appearance: none;\n    width: 16px;\n    height: 16px;\n    border-radius: 50%;\n    background: var(--md-sys-color-primary);\n    cursor: grab;\n    box-shadow: var(--box-fill);\n  }\n\n  &:active::-webkit-slider-thumb {\n    cursor: grabbing;\n  }\n\n  &::-moz-range-thumb {\n    width: 16px;\n    height: 16px;\n    border-radius: 50%;\n    background: var(--md-sys-color-primary);\n    cursor: grabbing;\n    border: 2px solid var(--md-sys-color-surface);\n    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);\n  }\n\n  &:hover::-webkit-slider-thumb {\n    background: var(--md-sys-color-primary-hover);\n  }\n\n  &:hover::-moz-range-thumb {\n    background: var(--md-sys-color-primary-container);\n  }\n`\n\nconst ValueDisplay = styled.span`\n  color: var(--md-sys-color-on-surface-variant);\n  min-width: 40px;\n  text-align: right;\n`\n\nconst RowHeightSettings: FC = () => {\n  const {\n    rowHeight: contextRowHeight = 34,\n    updateRowHeight,\n    updateRowHeightWithPersistence,\n  } = useColumnSettingsContext()\n\n  // Local state for immediate UI updates during slider drag\n  const [localRowHeight, setLocalRowHeight] = useState(contextRowHeight)\n  const [isDragging, setIsDragging] = useState(false)\n\n  // Debounced value for smooth table updates during drag\n  const debouncedRowHeight = useDebounce(localRowHeight, 25)\n\n  // Sync with context row height when it changes externally (but not while dragging)\n  useEffect(() => {\n    if (!isDragging) {\n      setLocalRowHeight(contextRowHeight)\n    }\n  }, [contextRowHeight, isDragging])\n\n  // Update table rows during slider drag (no API persistence)\n  useEffect(() => {\n    if (isDragging) {\n      updateRowHeight(debouncedRowHeight)\n    }\n  }, [debouncedRowHeight, updateRowHeight, isDragging])\n\n  const handleSliderChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\n    const newValue = parseInt(e.target.value, 10)\n    setLocalRowHeight(newValue)\n\n    // If not dragging (e.g., arrow keys), update immediately\n    if (!isDragging) {\n      updateRowHeight(newValue)\n      updateRowHeightWithPersistence(newValue)\n    }\n  }, [isDragging, updateRowHeight, updateRowHeightWithPersistence])\n\n  const handleSliderStart = useCallback(() => {\n    setIsDragging(true)\n  }, [])\n\n  const handleSliderRelease = useCallback(() => {\n    setIsDragging(false)\n    // Persist to API only when user finishes adjusting\n    updateRowHeightWithPersistence(localRowHeight)\n  }, [localRowHeight, updateRowHeightWithPersistence])\n\n  // Calculate the percentage for the gradient fill\n  const fillPercentage = ((localRowHeight - 24) / (200 - 24)) * 100\n\n  return (\n    <Container>\n      <Label htmlFor=\"row-height-slider\">Row height</Label>\n      <SliderContainer>\n        <Slider\n          id=\"row-height-slider\"\n          type=\"range\"\n          min={24}\n          max={200}\n          step={2}\n          value={localRowHeight}\n          onChange={handleSliderChange}\n          onMouseDown={handleSliderStart}\n          onMouseUp={handleSliderRelease}\n          style={{\n            background: `linear-gradient(to right, var(--md-sys-color-primary) 0%, var(--md-sys-color-primary) ${fillPercentage}%, var(--md-sys-color-outline-variant) ${fillPercentage}%, var(--md-sys-color-outline-variant) 100%)`,\n          }}\n        />\n        <ValueDisplay>{localRowHeight}</ValueDisplay>\n      </SliderContainer>\n    </Container>\n  )\n}\n\nexport default RowHeightSettings\n"],"names":["useDebounce","value","delay","debouncedValue","setDebouncedValue","useState","useEffect","handler","Container","styled","Label","SliderContainer","Slider","ValueDisplay","RowHeightSettings","contextRowHeight","updateRowHeight","updateRowHeightWithPersistence","useColumnSettingsContext","localRowHeight","setLocalRowHeight","isDragging","setIsDragging","debouncedRowHeight","handleSliderChange","useCallback","e","newValue","handleSliderStart","handleSliderRelease","fillPercentage","jsx"],"mappings":"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"}