@or-sdk/view-templates 1.0.1-beta.497.0

package/src/utils/getGetByIdQuery.ts

@@ -0,0 +1,13 @@
+import { getQueryProjectionPart } from '@or-sdk/data-hub';
+import { DEFAULT_PROJECTION_GET_LIST } from '../constants';
+
+function getGetByIdQuery({ projection = [] }: { projection: string[]; }): string {
+  return `query getTemplate($entity: TemplateType!, $params: GetInput!, $sourceId: String) {
+  getTemplate(entity: $entity, params: $params, sourceId: $sourceId) {
+    ... on View {${getQueryProjectionPart(projection.length ? projection : DEFAULT_PROJECTION_GET_LIST)}
+    }
+  }
+}`;
+}
+
+export default getGetByIdQuery;

package/src/utils/getListQuery.ts

@@ -0,0 +1,16 @@
+import { getQueryProjectionPart } from '@or-sdk/data-hub';
+import { DEFAULT_PROJECTION_LIST } from '../constants';
+
+function getListQuery({ projection = [] }: { projection: string[]; }): string {
+  return `query listTemplates($entity: TemplateType!, $params: ListInput!, $sourceId: String, $forceSandbox: Boolean) {
+  listTemplates(entity: $entity, params: $params, sourceId: $sourceId, forceSandbox: $forceSandbox) {
+    records {
+      ... on View {${getQueryProjectionPart(projection.length ? projection : DEFAULT_PROJECTION_LIST)}
+      }
+    }
+    last
+  }
+}`;
+}
+
+export default getListQuery;

package/src/utils/getNewViewTemplate.ts

@@ -0,0 +1,132 @@
+function getNewViewTemplate() {
+  return {
+    cardIds: [],
+    data: {
+      data: {
+        allowCardsDragging: true,
+        allowCardsDraggingWhenReadOnly: false,
+        'background-color': '',
+        customBackgroundColor: {
+          fill: 'rgba(246, 246, 246, 0.5)',
+          hex: '#F6F6F6',
+          opacity: 1,
+          source: 'hex',
+          stroke: 'rgb(246, 246, 246)',
+        },
+        description: 'I\'m going to build my own view template',
+        destroyRejectedCards: true,
+        filterByTagIds: [],
+        filters: {
+          dates: {
+            rangeName: '30days',
+          },
+          queryParams: {},
+          timezone: {
+            text: 'UTC',
+            uiLabel: 'UTC',
+            value: 'UTC',
+          },
+        },
+        label: 'My custom view template',
+        loadEntities: {},
+        navigationSection: {
+          name: 'Analytics',
+          link: {
+            name: 'Overview',
+          },
+        },
+        showFilterByTagsButton: false,
+        showFilterByTagsButtonWhenReadOnly: false,
+        showViewLoadingStatus: false,
+        style: '',
+        useCustomBackgroundColor: false,
+        viewClasses: [],
+        viewLoadingStatus: {
+          progressType: 'circular',
+          slots: [
+            'aside-left',
+            'aside-right',
+            'footer',
+            'header',
+            'navigation',
+          ],
+          message: '',
+          title: '',
+          flat: false,
+          showProgress: true,
+          errorOptionIds: [],
+        },
+      },
+      form: {
+        code: 'return {\n  computed: {\n    allowCardsDragging: {\n      get() {\n        return this.userData.allowCardsDragging;\n      },\n      set(value) {\n        this.setData([{\n          "path": "allowCardsDragging",\n          "newSetting": value\n        }]);\n      }\n    },\n\n    allowCardsDraggingWhenReadOnly: {\n      get() {\n        return this.userData.allowCardsDraggingWhenReadOnly;\n      },\n      set(value) {\n        this.setData([{\n          "path": "allowCardsDraggingWhenReadOnly",\n          "newSetting": value\n        }]);\n      }\n    },\n\n    defaultColors() {\n      return [{\n        "hex": "#ffffff",\n        "source": "hex",\n        "fill": "rgba(255, 255, 255, 0.5)",\n        "stroke": "rgba(255, 255, 255, 1)",\n        "opacity": 1\n      }];\n    },\n\n    destroyRejectedCards: {\n      get() {\n        return this.userData.destroyRejectedCards;\n      },\n      set(value) {\n        this.setData([{\n          "path": "destroyRejectedCards",\n          "newSetting": value\n        }]);\n      }\n    },\n\n    layoutSlotOptions() {\n      return _.get(this.formData, \'layoutSlotOptions\') || [];\n    },\n\n    loadBots: {\n      get() {\n        return _.get(this.userData, \'loadEntities.bots\', false);\n      },\n      set(value) {\n        this.changeLoadEntities(\'bots\', value);\n      }\n    },\n\n    loadFlows: {\n      get() {\n        return _.get(this.userData, \'loadEntities.flows\', false);\n      },\n      set(value) {\n        this.changeLoadEntities(\'flows\', value);\n      }\n    },\n\n    loadTags: {\n      get() {\n        return _.get(this.userData, \'loadEntities.tags\', false);\n      },\n      set(value) {\n        this.changeLoadEntities(\'tags\', value);\n      }\n    },\n\n    loadViews: {\n      get() {\n        return _.get(this.userData, \'loadEntities.views\', false);\n      },\n      set(value) {\n        this.changeLoadEntities(\'views\', value);\n      }\n    },\n\n    viewLoadingStatus: {\n      get() {\n        return this.userData.viewLoadingStatus || {\n          slots: [],\n          errorOptionIds: []\n        };\n      },\n      set(value) {\n        this.setData([{\n          "path": "viewLoadingStatus",\n          "newSetting": value\n        }]);\n      }\n    },\n\n    overrideLoadBots: {\n      get() {\n        return !_.isNil(_.get(this.userData, \'loadEntities.bots\'));\n      },\n      set(value) {\n        this.changeOverrideLoadEntities(\'bots\', this.loadBots, value);\n      }\n    },\n\n    overrideLoadFlows: {\n      get() {\n        return !_.isNil(_.get(this.userData, \'loadEntities.flows\'));\n      },\n      set(value) {\n        this.changeOverrideLoadEntities(\'flows\', this.loadFlows, value);\n      }\n    },\n\n    overrideLoadTags: {\n      get() {\n        return !_.isNil(_.get(this.userData, \'loadEntities.tags\'));\n      },\n      set(value) {\n        this.changeOverrideLoadEntities(\'tags\', this.loadTags, value);\n      }\n    },\n\n    overrideLoadViews: {\n      get() {\n        return !_.isNil(_.get(this.userData, \'loadEntities.views\'));\n      },\n      set(value) {\n        this.changeOverrideLoadEntities(\'views\', this.loadViews, value);\n      }\n    },\n\n    progressElementTypeOptions() {\n      return _.get(this.formData, \'progressElementTypeOptions\') || [];\n    },\n\n    showFilterByTagsButton: {\n      get() {\n        return this.userData.showFilterByTagsButton;\n      },\n      set(value) {\n        this.setData([{\n          "path": "showFilterByTagsButton",\n          "newSetting": value\n        }]);\n      }\n    },\n\n    showFilterByTagsButtonWhenReadOnly: {\n      get() {\n        return this.userData.showFilterByTagsButtonWhenReadOnly;\n      },\n      set(value) {\n        this.setData([{\n          "path": "showFilterByTagsButtonWhenReadOnly",\n          "newSetting": value\n        }]);\n      }\n    },\n\n    showViewLoadingStatus: {\n      get() {\n        return _.get(this.userData, \'showViewLoadingStatus\', false);\n      },\n      set(value) {\n        this.setData([{\n          "path": "showViewLoadingStatus",\n          "newSetting": value\n        }]);\n      }\n    },\n\n    userData() {\n      return _.cloneDeep(this.viewData) || {};\n    },\n\n    viewBackgroundColor: {\n      get() {\n        const customBackgroundColor = this.userData.customBackgroundColor;\n        return !_.isEmpty(this.defaultColors) && _.isEmpty(customBackgroundColor) ?\n          this.defaultColors[0] :\n          customBackgroundColor;\n      },\n      set(value) {\n        this.setData([{\n          "path": \'customBackgroundColor\',\n          "newSetting": _.assign(value, {\n            opacity: 1\n          })\n        }, {\n          "path": \'background-color\',\n          "newSetting": value.hex\n        }]);\n      }\n    },\n\n    viewLoadingStatusErrorOptions() {\n      return _.get(this.formData, \'loadingStatusErrorOptions\') || [];\n    },\n\n    viewLoadingStatusTitlePlaceholder() {\n      return _.isEmpty(this.viewLoadingStatusInput.title) ?\n        _.get(this.userData, \'label\') :\n        this.viewLoadingStatusInput.title;\n    }\n  },\n\n  data() {\n    return {\n      colorPickerDisabledColor: {\n        "hex": "#E9E9E9",\n        "source": "hex",\n        "fill": "rgba(233, 233, 233, 0.5)",\n        "stroke": "rgb(233, 233, 233)"\n      },\n      showViewLoadingStatusTimeoutDefault: 10,\n      showViewLoadingStatusTimeoutMax: 60,\n      showViewLoadingStatusTimeoutMin: 1,\n      styleInput: \'\',\n      useCustomBackgroundColorInput: false,\n      viewClassesObj: {},\n      viewLoadingStatusInput: {\n        slots: [],\n        errorOptionIds: []\n      }\n    };\n  },\n\n  methods: {\n    changeLoadEntities(entitiesType, value) {\n      const newValue = _.cloneDeep(_.get(this.userData, \'loadEntities\')) || {};\n      _.set(newValue, entitiesType, value);\n      this.setData([{\n        "path": "loadEntities",\n        "newSetting": newValue\n      }]);\n    },\n\n    changeOverrideLoadEntities(entitiesType, loadEntities, value) {\n      const oldValue = _.get(this.userData, \'loadEntities\');\n      const newValue = oldValue ? _.cloneDeep(oldValue) : {};\n      if (value) {\n        _.set(newValue, entitiesType, loadEntities == true);\n      } else {\n        _.unset(newValue, entitiesType);\n      }\n      if (!_.isEqual(newValue, oldValue)) {\n        this.setData([{\n          "path": "loadEntities",\n          "newSetting": newValue\n        }]);\n      }\n    },\n\n    changeUseCustomBackgroundColor(value) {\n      const backgroundColor = value ?\n        _.get(this.userData, \'customBackgroundColor.hex\') :\n        \'\';\n      this.setData([{\n        "path": "useCustomBackgroundColor",\n        "newSetting": value\n      }, {\n        "path": "background-color",\n        "newSetting": backgroundColor\n      }]);\n    },\n\n    changeViewClasses(value, viewClasses) {\n      const oldViewClasses = _.get(this.userData, \'viewClasses\', []);\n      const fixedViewClasses = _.map(viewClasses, _.kebabCase);\n      const newViewClasses = value ?\n        _.uniq(_.concat(oldViewClasses, fixedViewClasses)) :\n        _.reject(oldViewClasses, viewClass => _.includes(fixedViewClasses, viewClass));\n      this.setData([{\n        "path": "viewClasses",\n        "newSetting": newViewClasses\n      }]);\n    },\n\n    initViewClassesObj() {\n      this.viewClassesObj = _.reduce(this.userData.viewClasses, (res, value) => {\n        _.set(res, `${_.camelCase(value)}`, true);\n        return res;\n      }, {});\n    },\n\n    initViewLoadingStatusInput() {\n      this.viewLoadingStatusInput = this.viewLoadingStatus;\n      if (!_.has(this.viewLoadingStatusInput, \'slots\')) {\n        _.set(this.viewLoadingStatusInput, \'slots\', []);\n      }\n      if (!_.has(this.viewLoadingStatusInput, \'errorOptionIds\')) {\n        _.set(this.viewLoadingStatusInput, \'errorOptionIds\', []);\n      }\n    },\n\n    saveStyles() {\n      this.setData([{\n        "path": "style",\n        "newSetting": _.cloneDeep(this.styleInput)\n      }]);\n    },\n\n    setData(changes) {\n      try {\n        const beforeChange = _.cloneDeep(this.viewData);\n        const afterChange = _.cloneDeep(this.viewData);\n\n        _.forEach(changes, item => {\n          const path = _.get(item, \'path\');\n          if (path && _.has(item, \'newSetting\')) {\n            const newValue = _.get(item, \'newSetting\');\n            const oldValue = _.get(beforeChange, path);\n            if (!_.isEqual(newValue, oldValue)) {\n              _.set(afterChange, path, newValue);\n            }\n          }\n        });\n        this.$emit(\'apply-new-settings\', afterChange);\n      } catch (e) {\n        console.log(e);\n      }\n    },\n\n    updateViewLoadingStatus() {\n      this.viewLoadingStatus = _.cloneDeep(this.viewLoadingStatusInput);\n    },\n\n    updateViewLoadingStatusTimeout(value) {\n      const timeout = Number(value);\n      if (_.isEmpty(value) || isNaN(timeout)) {\n        this.viewLoadingStatusInput.timeout = undefined;\n      } else {\n        const fixedTimeout = Math.max(Math.min(timeout, this.showViewLoadingStatusTimeoutMax), this.showViewLoadingStatusTimeoutMin);\n        if (fixedTimeout !== timeout) {\n          this.viewLoadingStatusInput.timeout = fixedTimeout;\n        }\n      }\n      this.updateViewLoadingStatus();\n    }\n  },\n\n  mounted() {\n    this.useCustomBackgroundColorInput = this.userData.useCustomBackgroundColor;\n    this.initViewClassesObj();\n    this.initViewLoadingStatusInput();\n    this.styleInput = _.cloneDeep(this.userData.style) || \'\';\n  },\n\n  props: {\n    formData: {\n      type: Object,\n      default: null\n    },\n\n    viewData: {\n      type: Object,\n      required: true\n    }\n  }\n}',
+        data: {
+          layoutSlotOptions: [
+            {
+              value: 'aside-left',
+              label: 'Aside Left',
+            },
+            {
+              value: 'aside-right',
+              label: 'Aside Right',
+            },
+            {
+              value: 'footer',
+              label: 'Footer',
+            },
+            {
+              value: 'header',
+              label: 'Header',
+            },
+            {
+              value: 'navigation',
+              label: 'Navigation',
+            },
+          ],
+          loadingStatusErrorOptions: [
+            {
+              value: 'reload-page',
+              label: 'Reload',
+            },
+            {
+              value: 'sign-out',
+              label: 'Sign out',
+            },
+          ],
+          progressElementTypeOptions: [
+            {
+              value: 'circular',
+              label: 'Circular',
+            },
+            {
+              value: 'linear',
+              label: 'Linear',
+            },
+          ],
+        },
+        style: '.form-wrapper {\n  display: flex;\n  flex-grow: 1;\n  flex-direction: column;\n  -webkit-justify-content: space-around;\n  justify-content: space-around;\n}\n\n.form-row-with-label {\n  display: flex;\n  flex-grow: 1;\n  flex-direction: column;\n}\n\n.form-row-label {\n  font-size: 12px;\n  color: #91969d;\n  line-height: 36px;\n}\n\n.form-row {\n  display: flex;\n  flex-grow: 1;\n  flex-direction: row;\n}\n\n.form-row-margin-bottom {\n  margin-bottom: 20px;\n}\n\n.form-col {\n  display: flex;\n  flex-grow: 1;\n  flex-direction: column;\n  padding-right: 10px;\n  \n  &.narrow {\n    flex-grow: 0;\n  }\n  \n  &.custom-style {\n    .or-code {\n      margin-bottom: 12px;\n    }\n  }\n}\n\n.textbox-right-label {\n  display: flex;\n  flex-direction: row;\n  align-items: flex-end;\n  margin-top: 36px;\n  \n  .ui-textbox {\n    margin-bottom: 0;\n    margin-right: 10px;\n    width: 90px;\n  }\n}\n\n.background-color-wrapper {\n  display: flex;\n  flex-direction: row;\n  \n  .color-picker {\n    padding: 0 0 6px 12px;\n  }\n}\n\n.override-load-all-entities {\n   .ui-checkbox.load-all-entities {\n      margin-left: 20px;\n      }\n}\n',
+        template: '<div class="form-wrapper">\n  <or-collapsible title="Layout" class="collapsible-view-data" open disable-ripple>\n    <div class="form-row form-row-margin-bottom">\n      <div class="form-col">\n        <or-switch label="Show button Filter by Tags" v-model="showFilterByTagsButton"></or-switch>\n        <or-switch v-if="showFilterByTagsButton === true" label="Show button Filter by Tags on shared View"\n          v-model="showFilterByTagsButtonWhenReadOnly">\n        </or-switch>\n      </div>\n    </div>\n    <div class="form-row form-row-margin-bottom">\n      <div class="form-col">\n        <or-switch label="Enable cards dragging" v-model="allowCardsDragging"></or-switch>\n        <or-switch v-if="allowCardsDragging === true" label="Enable cards dragging on shared View"\n          v-model="allowCardsDraggingWhenReadOnly">\n        </or-switch>\n      </div>\n    </div>\n    <div class="form-row">\n      <div class="form-col background-color-wrapper">\n        <or-switch label="Change background color" v-model="useCustomBackgroundColorInput" \n          class="switch-change-background-color"\n          @change="changeUseCustomBackgroundColor">\n        </or-switch>\n        <or-color-picker v-if="useCustomBackgroundColorInput" v-model="viewBackgroundColor" \n          class="small round" :default-colors="defaultColors" allow-advanced>\n        </or-color-picker>\n        <or-color-picker v-else readonly :value="colorPickerDisabledColor" \n          class="small round" :default-colors="defaultColors">\n        </or-color-picker>\n      </div>\n    </div>\n    <div class="form-row form-row-margin-bottom">\n      <div class="form-col item-view-classes-wrapper">\n        <or-switch label="Hide margin outside card" v-model="viewClassesObj.gridCardsNoPadding" \n          class="switch-change-view-classes-grid-cards-no-padding"\n          @change="changeViewClasses($event, [\'gridNoMargin\', \'gridCardsNoPadding\'])">\n        </or-switch>\n        <or-switch label="Hide margin inside card" v-model="viewClassesObj.gridCardsNoCardPadding" \n          class="switch-change-view-classes-grid-cards-no-card-padding"\n          @change="changeViewClasses($event, [\'gridCardsNoCardPadding\'])">\n        </or-switch>\n        <or-switch label="Hide border of card" v-model="viewClassesObj.gridCardsNoBorder" \n          class="switch-change-view-classes-grid-cards-no-border"\n          @change="changeViewClasses($event, [\'gridCardsNoBorder\'])">\n        </or-switch>\n      </div>\n    </div>\n    <div class="form-row">\n      <div class="form-col">\n        <or-switch label="Destroy hidden cards" v-model="destroyRejectedCards" \n          class="switch-destroy-hidden-cards">\n        </or-switch>\n      </div>\n    </div>\n    <div class="form-row">\n      <div class="form-col custom-style">\n        <or-code v-model="styleInput" label="View custom styles" mode="scss" @blur="saveStyles">\n        </or-code>\n      </div>\n    </div>\n  </or-collapsible>\n  <or-collapsible title="Loading data status" class="collapsible-card-data" disable-ripple>\n    <div class="form-row">\n      <div class="form-col">\n        <or-switch v-model="showViewLoadingStatus" class="switch-show-status"\n           label="One or several card will show loading data status message on view opening">\n        </or-switch>\n      </div>\n    </div>\n    <div v-if="showViewLoadingStatus" class="form-row">\n      <div class="form-col">\n        <or-textbox label="Title" v-model="viewLoadingStatusInput.title" \n          :placeholder="viewLoadingStatusTitlePlaceholder"\n          @change="updateViewLoadingStatus">\n        </or-textbox>\n      </div>\n    </div>\n    <div v-if="showViewLoadingStatus" class="form-row">\n      <div class="form-col">\n        <or-textbox label="Message" v-model="viewLoadingStatusInput.message" \n          placeholder="Loading"\n          @change="updateViewLoadingStatus">\n        </or-textbox>\n      </div>\n    </div>\n    <div v-if="showViewLoadingStatus" class="form-row">\n      <div class="form-col">\n        <or-select-expression\n          class="loading-status-error-handlers"\n          label="Loading data standard error handlers" multiple simple-text\n          v-model="viewLoadingStatusInput.errorOptionIds"\n          :options="viewLoadingStatusErrorOptions"\n          @input="updateViewLoadingStatus">\n        </or-select-expression>\n      </div>\n    </div>\n    <div v-if="showViewLoadingStatus" class="form-row">\n      <div class="form-col">\n        <or-switch label="Show progress element" v-model="viewLoadingStatusInput.showProgress" \n          class="switch-show-status-progress"\n          @change="updateViewLoadingStatus">\n        </or-switch>\n      </div>\n    </div>\n    <div v-if="showViewLoadingStatus && viewLoadingStatusInput.showProgress" class="form-row">\n      <div class="form-col">\n        <or-select label="Progress element type" v-model="viewLoadingStatusInput.progressType" \n          :options="progressElementTypeOptions"\n          @change="updateViewLoadingStatus">\n        </or-select>\n      </div>\n    </div>\n    <div v-if="showViewLoadingStatus" class="form-row">\n      <div class="form-col">\n        <or-select-expression\n          class="navigation-link-filters"\n          label="Hide cards in slots" multiple simple-text\n          v-model="viewLoadingStatusInput.slots"\n          :options="layoutSlotOptions"\n          @input="updateViewLoadingStatus">\n        </or-select-expression>\n      </div>\n    </div>\n    <div v-if="showViewLoadingStatus" class="form-row">\n      <div class="form-col">\n        <or-switch label="Show status in box" v-model="viewLoadingStatusInput.flat" \n          class="switch-show-status-in-box" \n          :true-value="false" :false-value="true"\n          @change="updateViewLoadingStatus">\n        </or-switch>\n      </div>\n    </div>\n    <div v-if="showViewLoadingStatus" class="form-row">  \n      <div class="form-col">\n        <or-textbox label="Timeout to wait status message from card in seconds"\n          v-model="viewLoadingStatusInput.timeout" type="number" step="1"\n          :placeholder="showViewLoadingStatusTimeoutDefault"\n          :min="showViewLoadingStatusTimeoutMin" :max="showViewLoadingStatusTimeoutMax"\n          @change="updateViewLoadingStatusTimeout">\n        </or-textbox>\n      </div>\n    </div>\n  </or-collapsible>\n  <or-collapsible title="Load account entities on the view opening" class="collapsible-view-data" disable-ripple>\n    <div class="form-row override-load-all-entities">\n      <div class="form-col">\n        <or-switch label="Override default behavior to load bots" \n          v-model="overrideLoadBots">\n        </or-switch>\n      </div>\n    </div>\n    <div v-if="overrideLoadBots" class="form-row override-load-all-entities">\n      <div class="form-col">\n        <or-checkbox class="load-all-entities" label="Load all bots" \n          v-model="loadBots">\n        </or-checkbox>\n      </div>\n    </div>\n    <div class="form-row override-load-all-entities">\n      <div class="form-col">\n        <or-switch label="Override default behavior to load flows" \n          v-model="overrideLoadFlows">\n        </or-switch>\n      </div>\n    </div>\n    <div v-if="overrideLoadFlows" class="form-row override-load-all-entities">\n      <div class="form-col">\n        <or-checkbox class="load-all-entities" label="Load all flows" \n          v-model="loadFlows">\n        </or-checkbox>\n      </div>\n    </div>\n    <div class="form-row override-load-all-entities">\n      <div class="form-col">\n        <or-switch label="Override default behavior to load views" \n          v-model="overrideLoadViews">\n        </or-switch>\n      </div>\n    </div>\n    <div v-if="overrideLoadViews" class="form-row override-load-all-entities">\n      <div class="form-col">\n        <or-checkbox class="load-all-entities" label="Load all views" \n          v-model="loadViews">\n        </or-checkbox>\n      </div>\n    </div>\n    <div class="form-row override-load-all-entities">\n      <div class="form-col">\n        <or-switch label="Override default behavior to load tags" \n          v-model="overrideLoadTags">\n        </or-switch>\n      </div>\n    </div>\n    <div v-if="overrideLoadTags" class="form-row override-load-all-entities">\n      <div class="form-col">\n        <or-checkbox class="load-all-entities" label="Load all tags" \n          v-model="loadTags">\n        </or-checkbox>\n      </div>\n    </div>\n  </or-collapsible>\n</div>',
+      },
+      presentation: {
+        code: `return {
+    extends : Vue.component('or-grid-draggable')
+};`,
+        data: null,
+        style: '',
+        template: '',
+      },
+    },
+    template: {
+      category: '',
+      description: 'I\'m going to build my own view template',
+      help: '',
+      icon: '',
+      iconUrl: '',
+      label: 'My custom view template',
+      publishedBy: '',
+      tags: '',
+      version: '',
+    },
+  };
+}
+
+export default getNewViewTemplate;

package/src/utils/index.ts

@@ -0,0 +1,7 @@
+/**
+ * @internal
+ */
+
+export { default as getListQuery } from './getListQuery';
+export { default as getGetByIdQuery } from './getGetByIdQuery';
+export { default as getNewViewTemplate } from './getNewViewTemplate';

package/tsconfig.dev.json

@@ -0,0 +1,8 @@
+{
+  "extends": "./tsconfig.esm.json",
+  "compilerOptions": {
+    "declarationDir": "./dist/types",
+    "rootDir": "./src",
+    "declaration": true
+  }
+}

package/tsconfig.esm.json

@@ -0,0 +1,12 @@
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "./dist/esm",
+    "declarationDir": "./dist/types",
+    "module": "ES6",
+    "target": "es6",
+    "rootDir": "./src",
+    "declaration": true,
+    "declarationMap": true
+  }
+}

package/tsconfig.json

@@ -0,0 +1,7 @@
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "./dist/cjs/",
+    "rootDir": "./src"
+  }
+}

package/tsconfig.types.json

@@ -0,0 +1,10 @@
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "./dist/types/",
+    "rootDir": "./src",
+    "declaration": true,
+    "declarationMap": true,
+    "emitDeclarationOnly": true
+  }
+}