budibase/packages/bootstrap-components/dist/generators.js

const buttons = () => [
  {
    name: "common/Primary Button",
    description: "Bootstrap primary button ",
    inherits: "@budibase/standard-components/button",
    props: {
      className: "btn btn-primary",
    },
  },
  {
    name: "common/Default Button",
    description: "Bootstrap default button",
    inherits: "@budibase/standard-components/button",
    props: {
      className: "btn btn-secondary",
    },
  },
]

const forms = ({ records, indexes, helpers }) => [
  ...records.map(root),
  ...buttons(),
]

const formName = record => `${record.name}/${record.name} Form`

const root = record => ({
  name: formName(record),
  description: `Control for creating/updating '${record.nodeKey()}' `,
  inherits: "@budibase/standard-components/div",
  props: {
    className: "p-1",
    children: [
      {
        component: {
          _component: "@budibase/standard-components/h3",
          text: `Edit ${record.name}`,
        },
      },
      form(record),
      saveCancelButtons(record),
    ],
  },
})

const form = record => ({
  component: {
    _component: "@budibase/standard-components/form",
    formControls: record.fields.map(f => formControl(record, f)),
  },
})

const formControl = (record, field) => {
  if (
    field.type === "string" &&
    field.typeOptions.values &&
    field.typeOptions.values.length > 0
  ) {
    return {
      control: {
        _component: "@budibase/standard-components/select",
        options: field.typeOptions.values.map(v => ({ id: v, value: v })),
        value: {
          "##bbstate": `${record.name}.${field.name}`,
          "##bbsource": "store",
        },
        className: "form-control",
      },
      label: field.label,
    }
  } else {
    return {
      control: {
        _component: "@budibase/standard-components/input",
        value: {
          "##bbstate": `${record.name}.${field.name}`,
          "##bbsource": "store",
        },
        className: "form-control",
        type:
          field.type === "string"
            ? "text"
            : field.type === "datetime"
            ? "date"
            : field.type === "number"
            ? "number"
            : "text",
      },
      label: field.label,
    }
  }
}

const saveCancelButtons = record => ({
  component: {
    _component: "@budibase/standard-components/stackpanel",
    direction: "horizontal",
    children: [
      paddedPanelForButton({
        _component: "common/Primary Button",
        contentText: `Save ${record.name}`,
        onClick: [
          {
            "##eventHandlerType": "Save Record",
            parameters: {
              statePath: `${record.name}`,
            },
          },
          {
            "##eventHandlerType": "Set State",
            parameters: {
              path: `isEditing${record.name}`,
              value: "",
            },
          },
        ],
      }),
      paddedPanelForButton({
        _component: "common/Default Button",
        contentText: `Cancel`,
        onClick: [
          {
            "##eventHandlerType": "Set State",
            parameters: {
              path: `isEditing${record.name}`,
              value: "",
            },
          },
        ],
      }),
    ],
  },
})

const paddedPanelForButton = button => ({
  control: {
    _component: "@budibase/standard-components/div",
    className: "btn-group",
    children: [
      {
        component: button,
      },
    ],
  },
})

const getRecordPath = record => {
  const parts = []

  return parts.reverse().join("/")
}

const indexTables = ({ indexes, helpers }) =>
  indexes.map(i => indexTable(i, helpers))

const excludedColumns = ["id", "isNew", "key", "type", "sortKey"]

const indexTableProps = (index, helpers) => ({
  data: {
    "##bbstate": index.nodeKey(),
    "##bbsource": "store",
  },
  tableClass: "table table-hover",
  theadClass: "thead-dark",
  columns: helpers
    .indexSchema(index)
    .filter(c => !excludedColumns.includes(c.name))
    .map(column),
  onRowClick: [
    {
      "##eventHandlerType": "Set State",
      parameters: {
        path: `selectedrow_${index.name}`,
        value: {
          "##bbstate": "key",
          "##bbsource": "event",
        },
      },
    },
  ],
})

const getIndexTableName = (index, record) => {
  record = record || index.parent().type === "record" ? index.parent() : null

  return record
    ? `${getRecordPath()}/${index.name} Table`
    : `${index.name} Table`
}

const indexTable = (index, helpers) => ({
  name: getIndexTableName(index),
  inherits: "@budibase/standard-components/table",
  props: indexTableProps(index, helpers),
})

const column = col => ({
  title: col.name,
  value: {
    "##bbstate": col.name,
    "##bbsource": "context",
  },
})

const recordHomePageComponents = ({ indexes, records, helpers }) => [
  ...recordHomepages({ indexes, records }).map(component),

  ...recordHomepages({ indexes, records }).map(homePageButtons),

  ...indexTables({ indexes, records, helpers }),

  ...buttons(),
]

const findIndexForRecord = (indexes, record) => {
  const forRecord = indexes.filter(i =>
    i.allowedRecordNodeIds.includes(record.nodeId)
  )
  if (forRecord.length === 0) return
  if (forRecord.length === 1) return forRecord[0]
  const noMap = forRecord.filter(i => !i.filter || !i.filter.trim())
  if (noMap.length === 0) forRecord[0]
  return noMap[0]
}

const recordHomepages = ({ indexes, records }) =>
  records
    .filter(r => r.parent().type === "root")
    .map(r => ({
      record: r,
      index: findIndexForRecord(indexes, r),
    }))
    .filter(r => r.index)

const homepageComponentName = record => `${record.name}/${record.name} homepage`

const component = ({ record, index }) => ({
  inherits: "@budibase/standard-components/div",
  name: homepageComponentName(record),
  props: {
    className: "d-flex flex-column h-100",
    children: [
      {
        component: {
          _component: `${record.name}/homepage buttons`,
        },
      },
      {
        component: {
          _component: getIndexTableName(index),
        },
        className: "flex-gow-1 overflow-auto",
      },
    ],
    onLoad: [
      {
        "##eventHandlerType": "Set State",
        parameters: {
          path: `isEditing${record.name}`,
          value: "",
        },
      },
      {
        "##eventHandlerType": "List Records",
        parameters: {
          statePath: index.nodeKey(),
          indexKey: index.nodeKey(),
        },
      },
    ],
  },
})

const homePageButtons = ({ index, record }) => ({
  inherits: "@budibase/standard-components/div",
  name: `${record.name}/homepage buttons`,
  props: {
    className: "btn-toolbar mt-4 mb-2",
    children: [
      {
        component: {
          _component: "@budibase/standard-components/div",
          className: "btn-group mr-3",
          children: [
            {
              component: {
                _component: "common/Default Button",
                contentText: `Create ${record.name}`,
                onClick: [
                  {
                    "##eventHandlerType": "Get New Record",
                    parameters: {
                      statePath: record.name,
                      collectionKey: `/${record.collectionName}`,
                      childRecordType: record.name,
                    },
                  },
                  {
                    "##eventHandlerType": "Set State",
                    parameters: {
                      path: `isEditing${record.name}`,
                      value: "true",
                    },
                  },
                ],
              },
            },
            {
              component: {
                _component: "common/Default Button",
                contentText: `Refresh`,
                onClick: [
                  {
                    "##eventHandlerType": "List Records",
                    parameters: {
                      statePath: index.nodeKey(),
                      indexKey: index.nodeKey(),
                    },
                  },
                ],
              },
            },
          ],
        },
      },
      {
        component: {
          _component: "@budibase/standard-components/if",
          condition: `$store.selectedrow_${index.name} && $store.selectedrow_${index.name}.length > 0`,
          thenComponent: {
            _component: "@budibase/standard-components/div",
            className: "btn-group",
            children: [
              {
                component: {
                  _component: "common/Default Button",
                  contentText: `Edit ${record.name}`,
                  onClick: [
                    {
                      "##eventHandlerType": "Load Record",
                      parameters: {
                        statePath: record.name,
                        recordKey: {
                          "##bbstate": `selectedrow_${index.name}`,
                          "##source": "store",
                        },
                      },
                    },
                    {
                      "##eventHandlerType": "Set State",
                      parameters: {
                        path: `isEditing${record.name}`,
                        value: "true",
                      },
                    },
                  ],
                },
              },
              {
                component: {
                  _component: "common/Default Button",
                  contentText: `Delete ${record.name}`,
                  onClick: [
                    {
                      "##eventHandlerType": "Delete Record",
                      parameters: {
                        recordKey: {
                          "##bbstate": `selectedrow_${index.name}`,
                          "##source": "store",
                        },
                      },
                    },
                  ],
                },
              },
            ],
          },
        },
      },
    ],
  },
})

const selectNavContent = ({ indexes, records, helpers }) => [
  ...recordHomepages({ indexes, records }).map(component$1),

  ...recordHomePageComponents({ indexes, records, helpers }),

  ...forms({ indexes, records, helpers }),
]

const navContentComponentName = record =>
  `${record.name}/${record.name} Nav Content`

const component$1 = ({ record, index }) => ({
  inherits: "@budibase/standard-components/if",
  description: `the component that gets displayed when the ${record.collectionName} nav is selected`,
  name: navContentComponentName(record),
  props: {
    condition: `$store.isEditing${record.name}`,
    thenComponent: {
      _component: formName(record),
    },
    elseComponent: {
      _component: homepageComponentName(record),
    },
  },
})

const app = ({ records, indexes, helpers }) => [
  {
    name: "Application Root",
    inherits: "@budibase/bootstrap-components/nav",
    props: {
      items: recordHomepages({ indexes, records }).map(navItem),
      orientation: "horizontal",
      alignment: "start",
      fill: false,
      pills: true,
      selectedItem: {
        "##bbstate": "selectedNav",
        "##bbstatefallback": `${records[0].name}`,
        "##bbsource": "store",
      },
      className: "p-3",
    },
  },
  {
    name: "Login",
    inherits: "@budibase/standard-components/login",
    props: {},
  },
  ...selectNavContent({ records, indexes, helpers }),
]

const navItem = ({ record }) => ({
  title: record.collectionName,
  component: {
    _component: navContentComponentName(record),
  },
})

export { app, forms, indexTables, recordHomePageComponents as recordHomepages }
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2VuZXJhdG9ycy5qcyIsInNvdXJjZXMiOlsiLi4vc3JjL2dlbmVyYXRvcnMvYnV0dG9uR2VuZXJhdG9ycy5qcyIsIi4uL3NyYy9nZW5lcmF0b3JzL2Zvcm1zR2VuZXJhdG9yLmpzIiwiLi4vc3JjL2dlbmVyYXRvcnMvZ2V0UmVjb3JkUGF0aC5qcyIsIi4uL3NyYy9nZW5lcmF0b3JzL2luZGV4VGFibGVzR2VuZXJhdG9yLmpzIiwiLi4vc3JjL2dlbmVyYXRvcnMvcmVjb3JkSG9tZVBhZ2VHZW5lcmF0b3IuanMiLCIuLi9zcmMvZ2VuZXJhdG9ycy9zZWxlY3RlZE5hdkNvbnRlbnRHZW5lcmF0b3IuanMiLCIuLi9zcmMvZ2VuZXJhdG9ycy9hcHBHZW5lcmF0b3IuanMiXSwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGNvbnN0IGJ1dHRvbnMgPSAoKSA9PiBbXHJcbiAgICB7XHJcbiAgICAgICAgbmFtZTogXCJjb21tb24vUHJpbWFyeSBCdXR0b25cIixcclxuICAgICAgICBkZXNjcmlwdGlvbjogXCJCb290c3RyYXAgcHJpbWFyeSBidXR0b24gXCIsXHJcbiAgICAgICAgaW5oZXJpdHM6IFwiQGJ1ZGliYXNlL3N0YW5kYXJkLWNvbXBvbmVudHMvYnV0dG9uXCIsXHJcbiAgICAgICAgcHJvcHM6IHtcclxuICAgICAgICAgICAgY2xhc3NOYW1lOiBcImJ0biBidG4tcHJpbWFyeVwiXHJcbiAgICAgICAgfVxyXG4gICAgfSxcclxuICAgIHtcclxuICAgICAgICBuYW1lOiBcImNvbW1vbi9EZWZhdWx0IEJ1dHRvblwiLFxyXG4gICAgICAgIGRlc2NyaXB0aW9uOiBcIkJvb3RzdHJhcCBkZWZhdWx0IGJ1dHRvblwiLFxyXG4gICAgICAgIGluaGVyaXRzOiBcIkBidWRpYmFzZS9zdGFuZGFyZC1jb21wb25lbnRzL2J1dHRvblwiLFxyXG4gICAgICAgIHByb3BzOiB7XHJcbiAgICAgICAgICAgIGNsYXNzTmFtZTogXCJidG4gYnRuLXNlY29uZGFyeVwiXHJcbiAgICAgICAgfVxyXG4gICAgfVxyXG5dIiwiaW1wb3J0IHtidXR0b25zfSBmcm9tIFwiLi9idXR0b25HZW5lcmF0b3JzXCI7XHJcblxyXG5leHBvcnQgY29uc3QgZm9ybXMgPSAoe3JlY29yZHMsIGluZGV4ZXMsIGhlbHBlcnN9KSA9PiBcclxuICAgIFtcclxuICAgICAgICAuLi5yZWNvcmRzLm1hcChyb290KSxcclxuICAgICAgICAuLi5idXR0b25zKHtyZWNvcmRzLCBpbmRleGVzLCBoZWxwZXJzfSlcclxuICAgIF07XHJcblxyXG5leHBvcnQgY29uc3QgZm9ybU5hbWUgPSByZWNvcmQgPT4gIGAke3JlY29yZC5uYW1lfS8ke3JlY29yZC5uYW1lfSBGb3JtYDtcclxuXHJcbmNvbnN0IHJvb3QgPSByZWNvcmQgPT4gKHtcclxuICAgIG5hbWU6IGZvcm1OYW1lKHJlY29yZCksXHJcbiAgICBkZXNjcmlwdGlvbjogYENvbnRyb2wgZm9yIGNyZWF0aW5nL3VwZGF0aW5nICcke3JlY29yZC5ub2RlS2V5KCl9JyBgLFxyXG4gICAgaW5oZXJpdHM6IFwiQGJ1ZGliYXNlL3N0YW5kYXJkLWNvbXBvbmVudHMvZGl2XCIsXHJcbiAgICBwcm9wczoge1xyXG4gICAgICAgIGNsYXNzTmFtZTpcInAtMVwiLFxyXG4gICAgICAgIGNoaWxkcmVuOiBbXHJcbiAgICAgICAgICAgIHtcclxuICAgICAgICAgICAgICAgIGNvbXBvbmVudDoge1xyXG4gICAgICAgICAgICAgICAgICAgIF9jb21wb25lbnQ6IFwiQGJ1ZGliYXNlL3N0YW5kYXJkLWNvbXBvbmVudHMvaDNcIixcclxuICAgICAgICAgICAgICAgICAgICB0ZXh0OiBgRWRpdCAke3JlY29yZC5uYW1lfWAsXHJcbiAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIH0sXHJcbiAgICAgICAgICAgIGZvcm0ocmVjb3JkKSxcclxuICAgICAgICAgICAgc2F2ZUNhbmNlbEJ1dHRvbnMocmVjb3JkKVxyXG4gICAgICAgIF1cclxuICAgIH1cclxufSkgXHJcblxyXG5jb25zdCBmb3JtID0gcmVjb3JkID0+ICh7XHJcbiAgICBjb21wb25lbnQ6IHtcclxuICAgICAgICBfY29tcG9uZW50OiBcIkBidWRpYmFzZS9zdGFuZGFyZC1jb21wb25lbnRzL2Zvcm1cIixcclxuICAgICAgICBmb3JtQ29udHJvbHM6IFxyXG4gICAgICAgICAgICByZWNvcmQuZmllbGRzLm1hcChmID0+IGZvcm1Db250cm9sKHJlY29yZCwgZikpXHJcbiAgICB9XHJcbn0pXHJcblxyXG5jb25zdCBmb3JtQ29udHJvbCA9IChyZWNvcmQsIGZpZWxkKSA9PiB7XHJcbiAgICBpZihmaWVsZC50eXBlID09PSBcInN0cmluZ1wiICYmIGZpZWxkLnR5cGVPcHRpb25zLnZhbHVlcyAmJiBmaWVsZC50eXBlT3B0aW9ucy52YWx1ZXMubGVuZ3RoID4gMCkge1xyXG4gICAgICAgIHJldHVybiAoe1xyXG4gICAgICAgICAgICBjb250cm9sOiB7XHJcbiAgICAgICAgICAgICAgICBfY29tcG9uZW50OiBcIkBidWRpYmFzZS9zdGFuZGFyZC1jb21wb25lbnRzL3NlbGVjdFwiLFxyXG4gICAgICAgICAgICAgICAgb3B0aW9uczogZmllbGQudHlwZU9wdGlvbnMudmFsdWVzLm1hcCh2ID0+ICh7aWQ6diwgdmFsdWU6dn0pKSxcclxuICAgICAgICAgICAgICAgIHZhbHVlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgXCIjI2Jic3RhdGVcIjpgJHtyZWNvcmQubmFtZX0uJHtmaWVsZC5uYW1lfWAsXHJcbiAgICAgICAgICAgICAgICAgICAgXCIjI2Jic291cmNlXCI6XCJzdG9yZVwiXHJcbiAgICAgICAgICAgICAgICB9LFxyXG4gICAgICAgICAgICAgICAgY2xhc3NOYW1lOiBcImZvcm0tY29udHJvbFwiXHJcbiAgICAgICAgICAgIH0sXHJcbiAgICAgICAgICAgIGxhYmVsOiBmaWVsZC5sYWJlbFxyXG4gICAgICAgIH0pO1xyXG4gICAgfSBlbHNlIHtcclxuICAgICAgICByZXR1cm4gKHtcclxuICAgICAgICAgICAgY29udHJvbDoge1xyXG4gICAgICAgICAgICAgICAgX2NvbXBvbmVudDogXCJAYnVkaWJhc2Uvc3RhbmRhcmQtY29tcG9uZW50cy9pbnB1dFwiLFxyXG4gICAgICAgICAgICAgICAgdmFsdWU6IHtcclxuICAgICAgICAgICAgICAgICAgICBcIiMjYmJzdGF0ZVwiOmAke3JlY29yZC5uYW1lfS4ke2ZpZWxkLm5hbWV9YCxcclxuICAgICAgICAgICAgICAgICAgICBcIiMjYmJzb3VyY2VcIjpcInN0b3JlXCJcclxuICAgICAgICAgICAgICAgIH0sXHJcbiAgICAgICAgICAgICAgICBjbGFzc05hbWU6IFwiZm9ybS1jb250cm9sXCIsXHJcbiAgICAgICAgICAgICAgICB0eXBlOiBmaWVsZC5