globuswebcomponents 1.5.6 → 1.5.8

package/dist/esm/gb-textarea-input-field.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"gb-textarea-input-field.entry.js","sources":["src/components/gb-textarea-input-field/gb-textarea-input-field.css?tag=gb-textarea-input-field&encapsulation=shadow","src/components/gb-textarea-input-field/gb-textarea-input-field.tsx"],"sourcesContent":["@import '../../global/global.css';\r\n\r\n.textarea_container{\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: var(--spacing-2);\r\n}\r\n\r\n.input_with_label{\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: var(--spacing-2);\r\n}\r\n\r\n.textarea{\r\n    border: 1px solid var(--color-border-input, #CDD5DF);\r\n    border-radius: var(--rounded-sm);\r\n    padding: 0.75rem 0.875rem;\r\n    font-family: var(--font-family-body);\r\n    resize: none;\r\n    width: 15rem; /* Remove later */\r\n    min-height: 7.5rem;\r\n    overflow: visible;\r\n}\r\n\r\n.textarea::placeholder{\r\n    color: var(--color-text-subtle, #697586);\r\n}\r\n\r\n.results_display {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  position: relative;\r\n  gap: 0.5rem;\r\n  width: 100%;\r\n  background-color: var(--color-surface, #FFFFFF);\r\n}\r\n\r\n.results_display.disabled{\r\n  background: var(--color-background-disabled, #F6F8FA);\r\n}\r\n\r\n.textarea_tags{\r\n  --weight: fit-content;\r\n  /* flex-direction: row-reverse; */\r\n  display: flex;\r\n  flex-direction: column;\r\n  position: relative;\r\n}\r\n\r\n.textarea.tags{\r\n    display: flex;\r\n}\r\n\r\n.input_like,\r\n.results_display{\r\n    height: fit-content;\r\n}\r\n\r\n.input_like{\r\n    border: none;\r\n    font-family: var(--font-family-body);\r\n}\r\n\r\n.input_like:focus{\r\n    outline: none;\r\n}\r\n\r\n.input_like.disabled{\r\n  background: var(--color-background-disabled, #F6F8FA);\r\n}\r\n\r\n.hidden-span {\r\n  visibility: hidden;\r\n  position: absolute;\r\n  max-width: 100%;\r\n  white-space: pre;\r\n}\r\n\r\n/* State Styles */\r\n.textarea:focus-within{\r\n    border: 1.3px solid var(--color-border-selected, #075DB2);\r\n    outline-color: transparent;\r\n}\r\n\r\n.textarea.destructive{\r\n    border: 1px solid var(--color-border-danger, #B51726);\r\n}\r\n\r\n.textarea.disabled{\r\n    background: var(--color-background-gray-subtlest, #F6F8FA);\r\n    border: 1px solid var(--color-border-disabled, #E3E8EF);\r\n    cursor: not-allowed;\r\n    pointer-events: none;\r\n}\r\n\r\n.label {\r\n    color: var(--color-text, #4B5565);\r\n}\r\n\r\n.hint_text{\r\n    color: var(--color-text-subtle, #697586);\r\n}\r\n\r\n.hint_text.destructive{\r\n    color: var(--color-border-danger, #B51726);\r\n}\r\n\r\n.dropdown_menu{\r\n    display: flex;\r\n    min-width: 100%;\r\n    width: fit-content;\r\n    max-height: 15rem;\r\n    padding: var(--spacing-none);\r\n    flex-direction: column;\r\n    align-items: stretch;\r\n    border-radius: var(--rounded-sm);\r\n    border: 1px solid var(--color-border-subtler, #E3E8EF);\r\n    background: var(--color-surface, #FFFFFF);\r\n    box-shadow: var(--shadow-sm);\r\n    position: absolute;\r\n    z-index: 99999;\r\n    gap: var(--spacing-none);\r\n    transition: 1s ease-in-out;\r\n    overflow-y: auto;\r\n    top: 105%;\r\n}","import { Component, Element, Prop, State, h, Fragment, Event, EventEmitter, Listen, Watch } from '@stencil/core';\r\nimport { StateEnum } from '../../models/reusableModels';\r\n\r\n@Component({\r\n  tag: 'gb-textarea-input-field',\r\n  styleUrl: 'gb-textarea-input-field.css',\r\n  shadow: true,\r\n})\r\nexport class GbTextareaInputField {\r\n  @Prop() type: 'default' | 'tags';\r\n  @Prop({ mutable: true }) state: 'default' | 'filled' | 'active' | 'disabled';\r\n  @Prop() destructive: boolean = false;\r\n  @Prop() placeholderText: string = '';\r\n  @Prop() showLabel: boolean = false;\r\n  @Prop() label: string = '';\r\n  @Prop() showHintText: boolean = false;\r\n  @Prop() hintText: string = '';\r\n  @Prop({ reflect: true }) idOfInput!: string;\r\n  @Prop({ reflect: true }) isReadOnly: boolean = false;\r\n  @Prop({ mutable: true }) value: any = [\r\n    // { objectName: 'John Doe', objectValue: 'john.doe@example.com' },\r\n    // { objectName: 'Jane Smith', objectValue: 'jane.smith@example.com' },\r\n    // { objectName: 'Alice Johnson', objectValue: 'alice.johnson@example.com' },\r\n    // { objectName: 'Emmanuel Kadiri', objectValue: 'kadiri2047@gmail.com' },\r\n    // { objectName: 'Gideon Ogunkola', objectValue: 'gideon@example.com' },\r\n  ];\r\n  @Prop() icon: 'country' | 'avatar' | 'dot' | 'false';\r\n  @Prop({ mutable: true }) results: any[] = [\r\n    // { objectName: 'John Doe', objectValue: 'john.doe@example.com' },\r\n    // { objectName: 'Jane Smith', objectValue: 'jane.smith@example.com' },\r\n    // { objectName: 'Alice Johnson', objectValue: 'alice.johnson@example.com' },\r\n    // { objectName: 'Emmanuel Kadiri', objectValue: 'kadiri2047@gmail.com' },\r\n    // { objectName: 'Gideon Ogunkola', objectValue: 'gideon@example.com' },\r\n    // 10,\r\n    // 20,\r\n    // 30,\r\n    // 40,\r\n    // 50,\r\n  ];\r\n  @Element() el: HTMLElement;\r\n  @State() content: string = '';\r\n  @State() inputValue: string = '';\r\n  @State() selectedStaff: any[] = [];\r\n  @State() paddingLeft: string = '1rem';\r\n  @State() paddingTop: string = '0rem';\r\n  @State() show: boolean = false;\r\n  @State() staffInfo: any[] = [];\r\n  @State() selectedItems: any[] = [];\r\n  @State() unselectedItems: any[] = [];\r\n  @Event() textareaValueChanged: EventEmitter<any[]>;\r\n\r\n  private textarea!: HTMLTextAreaElement;\r\n  inputElement!: HTMLInputElement;\r\n  resultsDisplayElement!: HTMLDivElement;\r\n  private hiddenSpan: HTMLElement;\r\n  private minWidth: number = 10;\r\n\r\n  componentDidLoad() {\r\n    if (this.type === 'tags') {\r\n      document.addEventListener('click', this.handleClickOutside);\r\n    }\r\n\r\n    this.inputElement.addEventListener('input', this.handleTagInput.bind(this));\r\n\r\n    this.updateInputWidth();\r\n  }\r\n  \r\n  componentWillLoad() {\r\n    this.updateSelectedItems(this.value);\r\n  }\r\n\r\n  disconnectedCallback() {\r\n    this.inputElement.removeEventListener('input', this.handleTagInput.bind(this));\r\n  }\r\n\r\n  handleInput() {\r\n    this.textarea.style.height = 'auto'; // Reset height to calculate the new height\r\n    this.textarea.style.height = `${this.textarea.scrollHeight - 22}px`; // Set the height to the scrollHeight\r\n  }\r\n\r\n  handleTagInput(event: Event) {\r\n    const target = event.target as HTMLInputElement;\r\n    this.inputValue = target.value; // Update the value\r\n    this.textareaValueChanged.emit(this.selectedItems);\r\n\r\n    if (this.inputValue.trim() === '') {\r\n      this.show = false;\r\n      // this.results = [];\r\n      return;\r\n    }\r\n\r\n    // Simulate API call\r\n    setTimeout(() => {\r\n      // this.results = this.mockStaffSearch(this.inputValue);\r\n      this.show = this.results.length > 0;\r\n    }, 1000);\r\n\r\n    this.updateInputWidth();\r\n  }\r\n\r\n  emitInputValue() {\r\n    this.textareaValueChanged.emit(this.selectedItems);\r\n  }\r\n\r\n  handleTagRemove(index: number) {\r\n    if (this.value.length > 0) {\r\n      this.value = [...this.value.slice(0, index), ...this.value.slice(index + 1)];\r\n      this.updateStyles();\r\n      this.emitInputValue();\r\n    } else {\r\n      this.selectedItems = [...this.selectedItems.slice(0, index), ...this.selectedItems.slice(index + 1)];\r\n      this.updateStyles();\r\n      this.emitInputValue();\r\n    }\r\n  }\r\n\r\n  updateStyles() {\r\n    setTimeout(() => {\r\n      if (this.resultsDisplayElement) {\r\n        const resultsWidth = this.resultsDisplayElement.offsetWidth;\r\n        const inputWidth = this.inputElement.offsetWidth;\r\n\r\n        this.paddingLeft = this.selectedItems.length === 0 ? '1rem' : `${resultsWidth + 10}px`;\r\n\r\n        this.paddingTop = this.selectedItems.length > 2 ? '1rem' : `${inputWidth + 10}px`;\r\n      }\r\n    });\r\n\r\n    if (this.destructive) {\r\n      this.destructive = false;\r\n    }\r\n    this.inputValue = '';\r\n  }\r\n\r\n  mockStaffSearch(query: string) {\r\n    const mockData = this.results;\r\n\r\n    return mockData.filter(staff => staff.objectName.toLowerCase().includes(query.toLowerCase()));\r\n  }\r\n\r\n  selectStaff(staff: any) {\r\n    this.selectedStaff = [...this.selectedStaff, staff];\r\n    this.inputValue = '';\r\n    this.staffInfo = [];\r\n    this.updateStyles();\r\n  }\r\n\r\n  updateInputWidth() {\r\n    if (this.hiddenSpan) {\r\n      const input = this.el.shadowRoot.querySelector('input') as HTMLInputElement;\r\n\r\n      // Update input width based on span's width or use minimum width\r\n      const calculatedWidth = Math.max(this.hiddenSpan.offsetWidth + 10, this.minWidth);\r\n      input.style.width = `${calculatedWidth}px`;\r\n    }\r\n  }\r\n\r\n  handleWrapperClick() {\r\n    this.inputElement.focus(); // Focus the input field\r\n  }\r\n\r\n  selectDropdownItem(item: any) {\r\n    if (this.value.length === 0) {\r\n      const isObject = typeof item === 'object';\r\n      const isSelected = this.selectedItems.some(i => (isObject ? i.objectName === item.objectName : i === item));\r\n      if (isSelected) {\r\n        // Unselect item: Move it from selectedItems to unselectedItems\r\n        this.selectedItems = this.selectedItems.filter(i => (isObject ? i.objectName !== item.objectName : i !== item));\r\n        if (!this.unselectedItems.some(i => (isObject ? i.objectName === item.objectName : i === item))) {\r\n          this.unselectedItems = [...this.unselectedItems, item];\r\n        }\r\n        this.textareaValueChanged.emit(this.selectedItems);\r\n      } else {\r\n        // Select item: Move it from unselectedItems to selectedItems\r\n        this.selectedItems = [...this.selectedItems, item];\r\n        this.unselectedItems = this.unselectedItems.filter(i => (isObject ? i.objectName !== item.objectName : i !== item));\r\n        this.textareaValueChanged.emit(this.selectedItems);\r\n      }\r\n    } else {\r\n      const isObject = typeof item === 'object';\r\n      const isSelected = this.selectedItems.some(i => (isObject ? i.objectName === item.objectName : i === item));\r\n\r\n      if (isSelected) {\r\n        this.value = this.value.filter(i => (isObject ? i.objectName !== item.objectName : i !== item));\r\n        console.log(this.value);\r\n        this.textareaValueChanged.emit(this.value);\r\n      } else {\r\n        this.value = [...this.value, item]; // Add item to array\r\n        this.textareaValueChanged.emit(this.value);\r\n      }\r\n    }\r\n\r\n    this.updateStyles();\r\n  }\r\n\r\n  @Watch('value')\r\n  updateSelectedItems(newValue: any[]) {\r\n    if (Array.isArray(newValue) && newValue.length > 0) {\r\n      this.selectedItems = [];\r\n      this.unselectedItems = [];\r\n\r\n      const objectValues = newValue.filter(val => typeof val === 'object' && val !== null);\r\n      const primitiveValues = newValue.filter(val => typeof val !== 'object');\r\n\r\n      this.selectedItems = this.results.filter(item =>\r\n        typeof item === 'object' && item !== null\r\n          ? objectValues.some(val => JSON.stringify(val) === JSON.stringify(item)) // Avoid object reference issues\r\n          : primitiveValues.includes(item),\r\n      );\r\n\r\n      this.unselectedItems = this.results.filter(item =>\r\n        typeof item === 'object' && item !== null ? !objectValues.some(val => JSON.stringify(val) === JSON.stringify(item)) : !primitiveValues.includes(item),\r\n      );\r\n    } else {\r\n      this.selectedItems = [];\r\n      this.unselectedItems = [...this.results];\r\n    }\r\n  }\r\n\r\n  isTagItemSelected(item) {\r\n    // return this.selectedStaff.some(i => i.name === item.name);\r\n\r\n    const isObject = typeof item === 'object';\r\n    return this.selectedItems.some(i => (isObject ? i.objectName === item.objectName : i === item));\r\n  }\r\n\r\n  @Listen('click', { target: 'document' })\r\n  handleClickOutside(event: MouseEvent) {\r\n    if (this.show && !this.el.contains(event.target as Node)) {\r\n      this.show = false;\r\n    }\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div class=\"textarea_container\">\r\n        <div class=\"input_with_label\">\r\n          {this.showLabel && <p class={`label text-sm-medium`}>{this.label}</p>}\r\n          {this.type === 'default' && (\r\n            <textarea\r\n              ref={el => (this.textarea = el as HTMLTextAreaElement)}\r\n              onInput={() => this.handleInput()}\r\n              class={`textarea ${this.state} ${this.destructive ? 'destructive' : ''}`}\r\n              placeholder={this.placeholderText}\r\n            ></textarea>\r\n          )}\r\n          {this.type === 'tags' && (\r\n            <div class=\"textarea_tags\">\r\n              <div class={`textarea ${this.type} ${this.state} ${this.destructive ? 'destructive' : ''}`} onClick={() => this.handleWrapperClick()}>\r\n                <div class={`results_display ${this.state === 'disabled' ? 'disabled' : ''}`} ref={el => (this.resultsDisplayElement = el as HTMLDivElement)}>\r\n                  {this.value.length === 0 ? (\r\n                    <>\r\n                      {this.selectedItems.map((item, index) => (\r\n                        <>\r\n                          {typeof item === 'object' ? (\r\n                            <div class=\"added_tag\" key={index}>\r\n                              <gb-tag size=\"sm\" icon={this.icon ? this.icon : 'avatar'} action=\"X_close\" onClick={() => this.handleTagRemove(index)}>\r\n                                <p class=\"text-xs-medium\">{item.objectName.split(' ')[0]}</p>\r\n                                <h1 slot=\"initials\" class=\"text-xxs-semi-bold\">\r\n                                  {item.objectName\r\n                                    .split(' ')\r\n                                    .map(part => part.charAt(0).toUpperCase())\r\n                                    .join('')}\r\n                                </h1>\r\n                              </gb-tag>\r\n                            </div>\r\n                          ) : (\r\n                            <div class=\"added_tag\" key={index}>\r\n                              <gb-tag size=\"sm\" icon={this.icon ? this.icon : 'avatar'} action=\"X_close\" onClick={() => this.handleTagRemove(index)}>\r\n                                <p class=\"text-xs-medium\">{item}</p>\r\n                              </gb-tag>\r\n                            </div>\r\n                          )}\r\n                        </>\r\n                      ))}\r\n                    </>\r\n                  ) : (\r\n                    <>\r\n                      {this.value.map((val, index) => (\r\n                        <>\r\n                          {typeof val === 'object' ? (\r\n                            <gb-tag size=\"sm\" action=\"X_close\" icon={this.icon ? this.icon : 'avatar'} onClick={() => this.handleTagRemove(index)} key={index}>\r\n                              <h1 class=\"text-xxs-semi-bold\" slot=\"initials\">\r\n                                {val.objectName.split(' ').map(part => part.charAt(0).toUpperCase())}\r\n                              </h1>\r\n                              <p>{val.objectName.split(' ')[0]}</p>\r\n                            </gb-tag>\r\n                          ) : (\r\n                            <gb-tag size=\"sm\" action=\"X_close\" icon={this.icon ? this.icon : 'avatar'} onClick={() => this.handleTagRemove(index)} key={index}>\r\n                              <p>{val}</p>\r\n                            </gb-tag>\r\n                          )}\r\n                        </>\r\n                      ))}\r\n                    </>\r\n                  )}\r\n                  <span class=\"hidden-span\" ref={el => (this.hiddenSpan = el as HTMLElement)}>\r\n                    {this.inputValue || '  '}\r\n                  </span>\r\n                  <div class=\"input_field\">\r\n                    <input\r\n                      id={this.idOfInput}\r\n                      class={`input_like text-md-regular ${this.state}`}\r\n                      type=\"text\"\r\n                      // placeholder={this.placeholderText}\r\n                      value={this.inputValue}\r\n                      readOnly={this.isReadOnly}\r\n                      ref={el => (this.inputElement = el as HTMLInputElement)}\r\n                      onBlur={() => this.emitInputValue()}\r\n                    />\r\n                  </div>\r\n                </div>\r\n                {this.destructive && (\r\n                  <div class=\"help_icon\">\r\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n                      <path\r\n                        d=\"M7.9947 10H8.00069M8.00004 8.00004V5.33337M14.6667 8.00004C14.6667 11.6819 11.6819 14.6667 8.00004 14.6667C4.31814 14.6667 1.33337 11.6819 1.33337 8.00004C1.33337 4.31814 4.31814 1.33337 8.00004 1.33337C11.6819 1.33337 14.6667 4.31814 14.6667 8.00004Z\"\r\n                        stroke=\"#B51726\"\r\n                        stroke-width=\"1.33333\"\r\n                        stroke-linecap=\"round\"\r\n                        stroke-linejoin=\"round\"\r\n                      />\r\n                    </svg>\r\n                  </div>\r\n                )}\r\n              </div>\r\n              {this.show && (\r\n                <div class={`dropdown_menu`}>\r\n                  {this.results.map(item => (\r\n                    <gb-input-dropdown-menu-item\r\n                      type=\"checkbox\"\r\n                      supporting-text={true}\r\n                      state={StateEnum.Default}\r\n                      onClick={() => this.selectDropdownItem(item)}\r\n                      selected={this.isTagItemSelected(item)}\r\n                    >\r\n                      {typeof item === 'object'\r\n                        ? [<p slot=\"name\">{item.objectName}</p>, <p slot=\"supporting_text\">{item.objectValue}</p>]\r\n                        : typeof item !== 'object' && <p slot=\"name\">{item}</p>}\r\n                    </gb-input-dropdown-menu-item>\r\n                  ))}\r\n                </div>\r\n              )}\r\n            </div>\r\n          )}\r\n        </div>\r\n        {this.showHintText && <p class={`hint_text text-sm-regular ${this.destructive ? 'destructive' : ''}`}>{this.hintText}</p>}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"],"names":[],"mappings":"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"}