@genexus/genexus-ide-ui 1.0.1 → 1.0.3

package/dist/genexus-ide-ui/p-853dacf5.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["shareKbCss","AUTHENTICATION_TYPE","GxIdeShareKb","this","renderedFirstTime","shortcutsSrc","getAssetPath","createKBCallbackHandler","async","kbData","name","kbNameEl","value","serverUrl","serverUrlEl","authenticationType","authTypeEl","user","userNameEl","password","passwordEl","createCallbackPromise","createKBCallback","then","formSubmitResult","formSubmitValidation","componentWillLoad","_componentLocale","Locale","getComponentStrings","el","componentDidLoad","focus","componentDidRender","componentDidRenderFirstTime","emit","componentName","render","h","Host","class","containerTitle","displayTitle","slimmerFooter","config","gxIdeContainer","labelPosition","noMargin","main","kbName","placeholder","toolTip","tooltip","ref","part","disableFilter","enableCustomServer","strict","serverUrls","renderFormItems","map","item","id","label","authentication","userName","slot","type","icon","onClick","footer","shareBtn","src"],"sources":["src/components/share-kb/share-kb.scss?tag=gx-ide-share-kb&encapsulation=shadow","src/components/share-kb/share-kb.tsx"],"sourcesContent":["@import \"../../global/gx-ide-common.scss\";\n@import \"../../global/gx-ide-mixins.scss\";\n\n:host {\n  display: block;\n}\n\n.main {\n  display: grid;\n  column-gap: var(--gx-ide-grid-column-gap);\n  row-gap: var(--gx-ide-grid-row-gap);\n  grid-template-columns: auto 1fr;\n  grid-template-areas:\n    \"kb-label kb-input \"\n    \"server-label server-input\"\n    \"auth-type-label auth-type-input\"\n    \"user-name-label user-name-input\"\n    \"password-label password-input\";\n\n  .kb-name-label {\n    grid-area: kb-label;\n  }\n  .kb-input {\n    grid-area: kb-input;\n  }\n  .server-url-label {\n    grid-area: server-label;\n  }\n  .server-url-input {\n    grid-area: server-input;\n  }\n  .auth-type-label {\n    grid-area: auth-type-label;\n  }\n  .auth-type-input {\n    grid-area: auth-type-input;\n  }\n  .user-name-label {\n    grid-area: user-name-label;\n  }\n  .user-name-input {\n    grid-area: user-name-input;\n  }\n  .password-label {\n    grid-area: password-label;\n  }\n  .password-input {\n    grid-area: password-input;\n  }\n}\n","// Define your constants\nconst AUTHENTICATION_TYPE = [\"GeneXus Account\", \"Local\"];\n\n/* STENCIL IMPORTS */\nimport {\n  Component,\n  Host,\n  h,\n  Prop,\n  Element,\n  Event,\n  EventEmitter,\n  getAssetPath\n} from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\n/* CUSTOM IMPORTS */\nimport { Locale } from \"../../common/locale\";\nimport {\n  FormSubmitResult,\n  GxServerAuthenticationType\n} from \"../../common/types\";\nimport { config } from \"../../common/config\";\nimport { formSubmitValidation } from \"../../common/form-validation\";\nimport { renderFormItems } from \"../../common/common\";\n\n@Component({\n  tag: \"gx-ide-share-kb\",\n  styleUrl: \"share-kb.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/share-kb\"]\n})\nexport class GxIdeShareKb {\n  /*\nINDEX:\n1.OWN PROPERTIES \n2.REFERENCE TO ELEMENTS\n3.STATE() VARIABLES\n4.PUBLIC PROPERTY API | WATCH'S\n5.EVENTS (EMIT)\n6.COMPONENT LIFECYCLE METHODS\n7.LISTENERS\n8.PUBLIC METHODS API\n9.LOCAL METHODS\n10.RENDER() FUNCTION\n*/\n\n  // 1.OWN PROPERTIES //\n\n  /**\n   * The component hard-coded strings translations.\n   */\n\n  private _componentLocale: any;\n  private renderedFirstTime = false;\n  private shortcutsSrc = getAssetPath(\n    `./gx-ide-assets/share-kb/shortcuts.json`\n  );\n\n  // 2. REFERENCE TO ELEMENTS //\n\n  @Element() el: HTMLGxIdeShareKbElement;\n  private kbNameEl: HTMLGxgFormTextElement;\n  private serverUrlEl: HTMLGxgComboBoxElement;\n  private authTypeEl: HTMLGxgComboBoxElement;\n  private userNameEl: HTMLGxgFormTextElement;\n  private passwordEl: HTMLGxgFormTextElement;\n\n  // 3.STATE() VARIABLES //\n\n  // 4.PUBLIC PROPERTY API | WATCH'S //\n\n  /**\n   * If true it displays the component title on the header\n   */\n  @Prop() readonly displayTitle = false;\n\n  /**\n   * The name of the kb\n   */\n  @Prop() readonly kbName!: string;\n\n  /**\n   * Urls array of cataloged servers to be shown on combo\n   */\n  @Prop() readonly serverUrls!: string[];\n\n  /**\n   * True if user can introduce server url manually\n   */\n  @Prop() readonly enableCustomServer: boolean = true;\n\n  /**\n   * Callback invoked when Share button is pressed\n   */\n  @Prop() readonly createKBCallback!: CreateKBCallback;\n\n  // 5.EVENTS (EMIT) //\n\n  /**\n   * @description Gets fired when the component has rendered for the first time.\n   */\n  @Event() componentDidRenderFirstTime: EventEmitter<string>;\n\n  // 6.COMPONENT LIFECYCLE METHODS //\n\n  async componentWillLoad() {\n    this._componentLocale = await Locale.getComponentStrings(this.el);\n  }\n\n  componentDidLoad() {\n    this.kbNameEl.focus();\n  }\n\n  componentDidRender() {\n    if (!this.renderedFirstTime) {\n      this.componentDidRenderFirstTime.emit(\n        this._componentLocale.componentName\n      );\n      this.renderedFirstTime = true;\n    }\n  }\n\n  // 7.LISTENERS //\n\n  // 8.PUBLIC METHODS API //\n\n  private createKBCallbackHandler = async () => {\n    const kbData: ShareKBData = {\n      name: this.kbNameEl.value,\n      serverUrl: this.serverUrlEl.value,\n      authenticationType: this.authTypeEl.value,\n      user: this.userNameEl.value,\n      password: this.passwordEl.value\n    };\n    const createCallbackPromise = this.createKBCallback(kbData);\n    createCallbackPromise.then(formSubmitResult => {\n      formSubmitValidation(formSubmitResult, this);\n    });\n  };\n\n  // 9.LOCAL METHODS //\n\n  // 10.RENDER() FUNCTION //\n\n  render() {\n    return (\n      <Host class=\"gx-ide-component\">\n        <div class=\"gx-ide-main-wrapper\">\n          <gx-ide-container\n            containerTitle={\n              this.displayTitle ? this._componentLocale.componentName : null\n            }\n            slimmerFooter={config.gxIdeContainer.slimmerFooter}\n          >\n            <main class=\"main\">\n              {/* #kb name */}\n              <gxg-label labelPosition=\"start\" class=\"kb-label\" noMargin>\n                {this._componentLocale.main.kbName}\n              </gxg-label>\n              <gxg-form-text\n                labelPosition=\"start\"\n                placeholder=\"SalesInventory\"\n                max-width=\"100%\"\n                value={this.kbName}\n                toolTip={config.tooltip}\n                ref={(el: HTMLGxgFormTextElement) =>\n                  (this.kbNameEl = el as HTMLGxgFormTextElement)\n                }\n                part=\"kb-name\"\n                class=\"kb-input\"\n              ></gxg-form-text>\n\n              {/* #server url */}\n              <gxg-label\n                labelPosition=\"start\"\n                class=\"server-url-label\"\n                noMargin\n              >\n                {this._componentLocale.main.serverUrl}\n              </gxg-label>\n              <gxg-combo-box\n                disableFilter={!this.enableCustomServer}\n                labelPosition=\"start\"\n                placeholder=\"https://myexampleserver.com\"\n                strict\n                toolTip={config.tooltip}\n                value={this.serverUrls[0]}\n                ref={(el: HTMLGxgComboBoxElement) =>\n                  (this.serverUrlEl = el as HTMLGxgComboBoxElement)\n                }\n                part=\"server-url\"\n                class=\"server-url-input\"\n              >\n                {renderFormItems(\n                  \"gxg-combo-box-item\",\n                  this.serverUrls.map((item: string) => ({\n                    id: item,\n                    label: item\n                  })),\n                  \"server-url\"\n                )}\n              </gxg-combo-box>\n\n              {/* #authentication type */}\n              <gxg-label labelPosition=\"start\" class=\"auth-type-label\" noMargin>\n                {this._componentLocale.main.authentication}\n              </gxg-label>\n              <gxg-combo-box\n                labelPosition=\"start\"\n                placeholder=\"https://myexampleserver.com\"\n                max-width=\"100%\"\n                value={AUTHENTICATION_TYPE[0]}\n                ref={(el: HTMLGxgComboBoxElement) =>\n                  (this.authTypeEl = el as HTMLGxgComboBoxElement)\n                }\n                part=\"auth-type\"\n                class=\"auth-type-input\"\n              >\n                {renderFormItems(\n                  \"gxg-combo-box-item\",\n                  AUTHENTICATION_TYPE.map((item: string) => ({\n                    id: item,\n                    label: item\n                  })),\n                  \"auth-type\"\n                )}\n              </gxg-combo-box>\n\n              {/* #user name */}\n              <gxg-label labelPosition=\"start\" class=\"user-name-label\" noMargin>\n                {this._componentLocale.main.userName}\n              </gxg-label>\n              <gxg-form-text\n                labelPosition=\"start\"\n                placeholder=\"My User\"\n                max-width=\"100%\"\n                toolTip={config.tooltip}\n                ref={(el: HTMLGxgFormTextElement) =>\n                  (this.userNameEl = el as HTMLGxgFormTextElement)\n                }\n                part=\"user-name\"\n                class=\"user-name-input\"\n              ></gxg-form-text>\n\n              {/* #password */}\n              <gxg-label labelPosition=\"start\" class=\"password-label\" noMargin>\n                {this._componentLocale.main.password}\n              </gxg-label>\n              <gxg-form-text\n                labelPosition=\"start\"\n                password\n                toolTip={config.tooltip}\n                max-width=\"100%\"\n                ref={(el: HTMLGxgFormTextElement) =>\n                  (this.passwordEl = el as HTMLGxgFormTextElement)\n                }\n                part=\"password\"\n                class=\"password-input\"\n              ></gxg-form-text>\n            </main>\n            <gxg-button\n              slot=\"footer-end\"\n              type=\"primary-text-icon\"\n              icon=\"gemini-tools/share\"\n              onClick={this.createKBCallbackHandler}\n              part=\"share-kb\"\n            >\n              {this._componentLocale.footer.shareBtn}\n            </gxg-button>\n          </gx-ide-container>\n        </div>\n        <gxg-shortcuts src={this.shortcutsSrc}></gxg-shortcuts>\n      </Host>\n    );\n  }\n}\n\nexport type CreateKBCallback = (data: ShareKBData) => Promise<FormSubmitResult>;\nexport type ShareKBData = {\n  name: string;\n  serverUrl: string;\n  authenticationType: GxServerAuthenticationType;\n  user: string;\n  password: string;\n};\n"],"mappings":"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"}

package/dist/genexus-ide-ui/p-9265eb8d.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["daysOfWeek","daysFromToday","date","today","Date","timeDifference","getTime","daysDifference","Math","floor","isToday","toDateString","isYesterday","yesterday","setDate","getDate","formatDate","type","formattedDate","undefined","dateIsValid","locale","lang","_a","document","getElementsByTagName","getAttribute","valueOf","toLocaleDateString","year","getFullYear","month","String","getMonth","padStart","day","hours","getHours","minutes","getMinutes","time","toLocaleTimeString","daysPassedFromToday","currentYear","getDay","toLocaleString","countTreeItems","treeModel","children","totalNodes","forEach","node","items","setInitialComboValue","options","selected","find","option","value","id","escapeRegExp","str","replace","hiChar","text","filterValue","escapedFilterValue","re","RegExp","h","innerHTML","closeOnOutsideClickHandler","eventInfo","ref","composedPath","includes"],"sources":["src/common/helpers.tsx"],"sourcesContent":["/* STENCIL IMPORTS */\nimport { h } from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\nimport { TreeViewItemModel } from \"@genexus/chameleon-controls-library\";\n/* CUSTOM IMPORTS */\nimport { GxOption } from \"./types\";\n\nconst daysOfWeek = [\n  \"Sunday\",\n  \"Monday\",\n  \"Tuesday\",\n  \"Wednesday\",\n  \"Thursday\",\n  \"Friday\",\n  \"Saturday\"\n];\n\n/**\n * @param element an HTMLElement\n * @returns an alphabetically ordered array of all the parts and exportparts the element contains.\n */\nexport const getElementSelectorParts = (element: HTMLElement) => {\n  const queries: string[] = [];\n  const elementParts = element.shadowRoot?.querySelectorAll(`[part]`);\n  const elementExportParts =\n    element.shadowRoot?.querySelectorAll(`[exportparts]`);\n\n  elementParts?.forEach(el => {\n    queries.push(\n      `${element.tagName.toLowerCase()}::part(${el.getAttribute(\"part\")})`\n    );\n  });\n  elementExportParts?.forEach(el => {\n    queries.push(\n      ...[\n        ...el.getAttribute(\"exportparts\").matchAll(/(?:[\\w-]+:)?([\\w-]+)/g)\n      ].map(item => `${element.tagName.toLowerCase()}::part(${item[1]})`)\n    );\n  });\n\n  return queries.sort();\n};\n\n/**\n * @param selector a part selector\n * @returns A reference to the element the part belongs to.\n */\nexport const querySelectorPart = (selector: string) => {\n  const querySelectorDeep = (\n    element: HTMLElement,\n    parts: string\n  ): HTMLElement => {\n    const shadow = element.shadowRoot;\n    const partList = parts.split(\" \");\n\n    const partElement: HTMLElement = shadow.querySelector(\n      partList.map(partName => `[part~=\"${partName}\"]`).join(\"\")\n    );\n    if (partElement) {\n      return partElement;\n    }\n\n    const exportPartElement: HTMLElement = shadow.querySelector(\n      partList.map(partName => `[exportparts*=\"${partName}\"]`).join(\"\")\n    );\n    if (exportPartElement) {\n      const exportPartList: string[] = [];\n      const exportparts = exportPartElement.getAttribute(\"exportparts\");\n\n      partList.forEach(partItem => {\n        const exportPartName = exportparts.match(\n          `(?:([\\\\w-]+):)?(${partItem})`\n        )[1];\n        if (exportPartName) {\n          exportPartList.push(exportPartName);\n        }\n      });\n\n      if (partList.length === exportPartList.length) {\n        return querySelectorDeep(exportPartElement, exportPartList.join(\" \"));\n      }\n    }\n\n    return null;\n  };\n\n  const selectorItems = selector.match(\"(.*)::part\\\\(([^)]+)\\\\)\");\n  const entity = selectorItems[1];\n  const partName = selectorItems[2];\n\n  return querySelectorDeep(document.querySelector(entity), partName);\n};\n\nconst daysFromToday = (date: Date): number => {\n  const today = new Date();\n  // To calculate the time difference of two dates\n  const timeDifference = today.getTime() - date.getTime();\n  // To calculate the no. of days between two dates\n  const daysDifference = timeDifference / (1000 * 3600 * 24);\n  return Math.floor(daysDifference);\n};\n\n/* --- Date Functions ---*/\n\nconst isToday = (date: Date): boolean => {\n  const today = new Date();\n  if (today.toDateString() === date.toDateString()) {\n    return true;\n  }\n  return false;\n};\n\nconst isYesterday = (date: Date): boolean => {\n  const yesterday = new Date();\n  yesterday.setDate(yesterday.getDate() - 1);\n  if (yesterday.toDateString() === date.toDateString()) {\n    return true;\n  }\n  return false;\n};\n\nexport const formatDate = (\n  date: Date,\n  type: FormatDateType = \"date-time\"\n): string => {\n  let formattedDate;\n  // validate date\n  // undefined or null\n  if (date === undefined || date === null) {\n    return \"\";\n  }\n  // If the date object is invalid it will return 'NaN' on getTime() and NaN is never equal to itself\n  const dateIsValid = date.getTime() === date.getTime();\n  if (!dateIsValid) {\n    return \"Invalid date\";\n  }\n  let locale = \"en-US\";\n  const lang = document\n    .getElementsByTagName(\"html\")[0]\n    .getAttribute(\"lang\")\n    ?.valueOf();\n  if (lang === \"es\") {\n    locale = \"es-ES\";\n  }\n  formattedDate = date.toLocaleDateString(locale);\n  const year = date.getFullYear();\n  const month = String(date.getMonth() + 1).padStart(2, \"0\");\n  const day = String(date.getDate()).padStart(2, \"0\");\n  const hours = String(date.getHours()).padStart(2, \"0\");\n  const minutes = String(date.getMinutes()).padStart(2, \"0\");\n  const time = `${hours}:${minutes}`;\n  if (type === \"date-time\") {\n    formattedDate += ` / ${date.toLocaleTimeString()}`;\n  } else if (type === \"date-time-short\") {\n    // No seconds\n    if (locale === \"es-ES\") {\n      formattedDate = `${year}-${month}-${day} ${time}`;\n    } else {\n      formattedDate = `${month}/${day}/${year} ${time}`;\n    }\n  } else if (\"pretty\") {\n    const daysPassedFromToday = daysFromToday(date);\n    const today = new Date();\n    const currentYear = today.getFullYear();\n    if (isToday(date)) {\n      return `Today ${time}`;\n    } else if (isYesterday(date)) {\n      return `Yesterday ${time}`;\n    } else if (daysPassedFromToday <= 7) {\n      // If one week or less, just show the day of the week, and the time\n      const day = daysOfWeek[date.getDay()];\n      return `${day} ${time}`;\n    } else if (currentYear === year) {\n      // If current year, show day number and month name. Example: November 17th\n      if (locale === \"es-ES\") {\n        formattedDate = `${day} de ${date.toLocaleString(\"es-ES\", {\n          month: \"long\"\n        })} ${time}`;\n      } else {\n        formattedDate = `${date.toLocaleString(\"en-US\", {\n          month: \"long\"\n        })} ${day} ${time}`;\n      }\n    } else {\n      // Display date as usual\n      formattedDate = formatDate(date, \"date-time-short\");\n    }\n  }\n  return formattedDate;\n};\n\nexport type FormatDateType =\n  | \"date\"\n  | \"date-time\"\n  | \"date-time-short\"\n  | \"pretty\";\n\n/* --- End of Date Functions ---*/\n\n/* Count the total tree nodes (by default it does not count the first level nodes)*/\nexport const countTreeItems = (\n  treeModel: TreeViewItemModel[],\n  children = false\n): number => {\n  let totalNodes = 0;\n  treeModel.forEach(node => {\n    children && totalNodes++;\n    if (node.items) {\n      totalNodes += countTreeItems(node.items, true);\n    }\n  });\n  return totalNodes;\n};\n\n/**\n * @description it evaluates the initial selected combo item\n * @param options an array of GxOption\n * @returns the initial combo value, which in this case is the id\n */\nexport const setInitialComboValue = (options: GxOption[]): string => {\n  const selected = options.find(option => option.selected);\n  if (selected) {\n    return selected.value || selected.id;\n  } else {\n    return options[0].value || options[0].id;\n  }\n};\n\nexport const escapeRegExp = (str: string) => {\n  return str.replace(/[.*+?^${}()|[\\]\\\\]/g, \"\\\\$&\");\n};\n\nexport const hiChar = function (text: string, filterValue: string) {\n  if (text && filterValue) {\n    /* this function highlights the character(s) that match(es) the filter value. (hi)light (Char)acters */\n    const escapedFilterValue = escapeRegExp(filterValue);\n    const re = new RegExp(escapedFilterValue, \"gi\");\n    return (\n      <span\n        innerHTML={text.replace(re, '<span class=\"hiChar\">$&</span>')}\n      ></span>\n    );\n  } else {\n    return text;\n  }\n};\n\nexport const closeOnOutsideClickHandler = (\n  eventInfo: PointerEvent,\n  ref: HTMLElement\n): true | void => {\n  if (!eventInfo.composedPath().includes(ref)) {\n    return true;\n  }\n};\n"],"mappings":"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"}

package/dist/genexus-ide-ui/p-9c1b4eb9.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["config","tooltip","gxgMessage","common","type","textAlign","padding","maxWidth","minHeight","gxIdeContainer","slimmerFooter","loader","timeout"],"sources":["src/common/config.ts"],"sourcesContent":["/* The purpose of config is to provide a simple way to change options/settings that are generally applied on all the components*/\nexport const config = {\n  // tooltip is a property that exists on some gemini controls. When set to true, it will display the error/warning/success message (if any) by using a tooltip, instead of displaying the message under the control. The tooltip prevents changes on the component total height, which is desired.\n  tooltip: true,\n  gxgMessage: {\n    common: {\n      type: \"text-regular\",\n      textAlign: \"center\",\n      padding: \"m\",\n      maxWidth: \"250px\",\n      minHeight: \"300px\"\n    }\n  },\n  gxIdeContainer: {\n    slimmerFooter: true\n  },\n  loader: {\n    /* The amount of milliseconds the loader will display, before abort because of timeout*/\n    timeout: 4000\n  }\n};\n\n/* - - - - - - - - - - - - - - - - \nch-tree-view-render\n- - - - - - - - - - - - - - - -  */\nexport const getImagePathTreeViewCallback = (imageSrc: string) =>\n  `./assets/icons/${imageSrc}.svg#enabled`;\n"],"mappings":";MACaA,IAAS;;EAEpBC,SAAS;EACTC,YAAY;IACVC,QAAQ;MACNC,MAAM;MACNC,WAAW;MACXC,SAAS;MACTC,UAAU;MACVC,WAAW;;;EAGfC,gBAAgB;IACdC,eAAe;;EAEjBC,QAAQ;;IAENC,SAAS"}