Fix empty string key, Add documentation to component library

Author: CarlosNZ

custom-component-library/README.md

@@ -27,6 +27,7 @@ These are the ones currently available:
 - [x] `NaN`
 - [x] `BigInt`
 - [x] Markdown
+- [x] "Enhanced" link
 - [ ] Image (to-do)
 
 ## Development

custom-component-library/src/App.tsx

@@ -44,6 +44,8 @@ function App() {
           {
             ...(STORE_DATE_AS_DATE_OBJECT ? DateObjectDefinition : DatePickerDefinition),
             customNodeProps: {
+              // Display the time depending on whether or not the "Show time"
+              // toggle is checked
               showTime: (data as TestData)?.['Date & Time']?.['Show Time in Date?'] ?? false,
             },
           },
@@ -53,6 +55,8 @@ function App() {
           NanDefinition,
           SymbolDefinition,
           BigIntDefinition,
+          // Can override specific definition properties when using the
+          // components
           {
             ...MarkdownNodeDefinition,
             condition: ({ key }) => key === 'Markdown',

src/hooks/useCommon.ts

@@ -104,7 +104,7 @@ export const useCommon = ({ props, collapsed }: CommonProps) => {
 
   const derivedValues = { isEditing, isEditingKey, isArray, canEditKey }
 
-  const emptyStringKey = name === '' && path.length > 1 ? translate('EMPTY_STRING', nodeData) : null
+  const emptyStringKey = name === '' && path.length > 0 ? translate('EMPTY_STRING', nodeData) : null
 
   return {
     pathString,