natural_sorting.js

import compact from 'lodash/compact'
import get from 'lodash/get'
import head from 'lodash/head'
import orderBy from 'lodash/orderBy'

const getFirstValue = (el, path) => {
  const paths = path.split('|')
  const values = paths.map(path => get(el, path))
  return head(compact(values))
}

const padStringWithLeadingNumbers = (str, size = 9) => {
  const matches = String(str).match(/^(\d+)(.+)?/)
  if (matches) {
    const [_, num, word] = matches
    const largenum = num.padStart(size, '0')
    return [largenum, word].join('')
  }
  return str
}

const naturalSortingValue = el => {
  const str = getFirstValue(el, 'customFieldValues.sorting|name')
  return padStringWithLeadingNumbers(str, 9)
}

orderBy([], naturalSortingValue)