@economic/taco 1.17.0-alpha.0 → 1.17.1

package/dist/esm/packages/taco/src/components/Icon/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../../src/components/Icon/components/index.tsx"],"sourcesContent":["import AccountPreview from './AccountPreview';\nimport AccountingYearCancel from './AccountingYearCancel';\nimport AccountingYear from './AccountingYear';\nimport Accounting from './Accounting';\nimport ArrowBottom from './ArrowBottom';\nimport ArrowDown from './ArrowDown';\nimport ArrowEnd from './ArrowEnd';\nimport ArrowLeft from './ArrowLeft';\nimport ArrowRight from './ArrowRight';\nimport ArrowStart from './ArrowStart';\nimport ArrowTop from './ArrowTop';\nimport ArrowUp from './ArrowUp';\nimport AttachAuto from './AttachAuto';\nimport AttachCancel from './AttachCancel';\nimport Attach from './Attach';\nimport AutotextInsert from './AutotextInsert';\nimport Autotext from './Autotext';\nimport BasicTabs from './BasicTabs';\nimport Basic from './Basic';\nimport BellSolid from './BellSolid';\nimport Book from './Book';\nimport Booking from './Booking';\nimport Budget from './Budget';\nimport Calendar from './Calendar';\nimport CashAccount from './CashAccount';\nimport CashReports from './CashReports';\nimport ChatSolid from './ChatSolid';\nimport Chat from './Chat';\nimport ChevronDownDouble from './ChevronDownDouble';\nimport ChevronDownSolid from './ChevronDownSolid';\nimport ChevronDown from './ChevronDown';\nimport ChevronLeftDouble from './ChevronLeftDouble';\nimport ChevronLeftSolid from './ChevronLeftSolid';\nimport ChevronLeft from './ChevronLeft';\nimport ChevronRightDouble from './ChevronRightDouble';\nimport ChevronRightSolid from './ChevronRightSolid';\nimport ChevronRight from './ChevronRight';\nimport ChevronUpDouble from './ChevronUpDouble';\nimport ChevronUpSolid from './ChevronUpSolid';\nimport ChevronUp from './ChevronUp';\nimport CircleClose from './CircleClose';\nimport CircleMinus from './CircleMinus';\nimport CirclePlus from './CirclePlus';\nimport CircleTick from './CircleTick';\nimport ClampOpen from './ClampOpen';\nimport Clamp from './Clamp';\nimport Close from './Close';\nimport ConnectionEnable from './ConnectionEnable';\nimport ConnectionRevoke from './ConnectionRevoke';\nimport Contacts from './Contacts';\nimport Copy from './Copy';\nimport Courses from './Courses';\nimport Credit from './Credit';\nimport DeletePermanently from './DeletePermanently';\nimport Delete from './Delete';\nimport Depecriate from './Depecriate';\nimport Developer from './Developer';\nimport DistributionTemplate from './DistributionTemplate';\nimport DocumentApprove from './DocumentApprove';\nimport DocumentCreateEntry from './DocumentCreateEntry';\nimport DocumentCut from './DocumentCut';\nimport DocumentError from './DocumentError';\nimport DocumentIsolatePage from './DocumentIsolatePage';\nimport DocumentMerge from './DocumentMerge';\nimport DocumentMove from './DocumentMove';\nimport DocumentPreview from './DocumentPreview';\nimport DocumentReceived from './DocumentReceived';\nimport DocumentRejectedRequest from './DocumentRejectedRequest';\nimport DocumentSplit from './DocumentSplit';\nimport DocumentTime from './DocumentTime';\nimport Document from './Document';\nimport Download from './Download';\nimport Drag from './Drag';\nimport ECopedia from './ECopedia';\nimport ESignature from './ESignature';\nimport Edit from './Edit';\nimport EllipsisHorizontal from './EllipsisHorizontal';\nimport EllipsisVertical from './EllipsisVertical';\nimport EntriesOnAccount from './EntriesOnAccount';\nimport EntriesOpen from './EntriesOpen';\nimport EntriesWarning from './EntriesWarning';\nimport EntryTypeCustomerInvoice from './EntryTypeCustomerInvoice';\nimport EntryTypeCustomerPayment from './EntryTypeCustomerPayment';\nimport EntryTypeJournalEntry from './EntryTypeJournalEntry';\nimport EntryTypeManualCustomerInvoice from './EntryTypeManualCustomerInvoice';\nimport EntryTypeSupplierInvoice from './EntryTypeSupplierInvoice';\nimport EntryTypeSupplierPayment from './EntryTypeSupplierPayment';\nimport EnvelopeApproved from './EnvelopeApproved';\nimport Envelope from './Envelope';\nimport ExpandView from './ExpandView';\nimport Expenses from './Expenses';\nimport ExportToExcel from './ExportToExcel';\nimport ExportToPdf from './ExportToPdf';\nimport Export from './Export';\nimport FilterSolid from './FilterSolid';\nimport Filter from './Filter';\nimport GraphSolid from './GraphSolid';\nimport Hash from './Hash';\nimport Home from './Home';\nimport Images from './Images';\nimport Import from './Import';\nimport InboxEinvoicing from './InboxEinvoicing';\nimport InboxScanning from './InboxScanning';\nimport InboxSmart from './InboxSmart';\nimport Inbox from './Inbox';\nimport Info from './Info';\nimport InventoryMatrix from './InventoryMatrix';\nimport Inventory from './Inventory';\nimport JournalPro from './JournalPro';\nimport LayoutBoth from './LayoutBoth';\nimport LayoutFirst from './LayoutFirst';\nimport LayoutLast from './LayoutLast';\nimport LayoutNone from './LayoutNone';\nimport Layout from './Layout';\nimport LedgerCardCustomerReminder from './LedgerCardCustomerReminder';\nimport LedgerCardManualCustomerInvoice from './LedgerCardManualCustomerInvoice';\nimport LedgerCardObsoleteStock from './LedgerCardObsoleteStock';\nimport LedgerCardOpeningEntry from './LedgerCardOpeningEntry';\nimport LedgerCardReservedEntry from './LedgerCardReservedEntry';\nimport LedgerCardShrinkagePilferage from './LedgerCardShrinkagePilferage';\nimport LedgerCardStockAdjustment from './LedgerCardStockAdjustment';\nimport LedgerCardTransferredOpeningEntry from './LedgerCardTransferredOpeningEntry';\nimport LedgerCard from './LedgerCard';\nimport Lightbulb from './Lightbulb';\nimport Line from './Line';\nimport ListBulleted from './ListBulleted';\nimport ListSearch from './ListSearch';\nimport List from './List';\nimport LockOpen from './LockOpen';\nimport LogOut from './LogOut';\nimport Log from './Log';\nimport Market from './Market';\nimport MatchAmount from './MatchAmount';\nimport MatchEntries from './MatchEntries';\nimport Menu from './Menu';\nimport Mileage from './Mileage';\nimport ModalResize from './ModalResize';\nimport ModalShrink from './ModalShrink';\nimport MoreSolid from './MoreSolid';\nimport More from './More';\nimport Move from './Move';\nimport NavigationList from './NavigationList';\nimport NoteFollowUp from './NoteFollowUp';\nimport NoteRead from './NoteRead';\nimport Note from './Note';\nimport Numbers from './Numbers';\nimport PartnerApi from './PartnerApi';\nimport Period from './Period';\nimport PersonChange from './PersonChange';\nimport PersonMinus from './PersonMinus';\nimport PersonPlus from './PersonPlus';\nimport PersonTick from './PersonTick';\nimport Play from './Play';\nimport PlusMinus from './PlusMinus';\nimport Print from './Print';\nimport ProcessPayment from './ProcessPayment';\nimport ProductLedgerCard from './ProductLedgerCard';\nimport Profile from './Profile';\nimport ProjectCards from './ProjectCards';\nimport Projects from './Projects';\nimport Quicklinks from './Quicklinks';\nimport RatingBankruptcy from './RatingBankruptcy';\nimport RatingPaymentProblems from './RatingPaymentProblems';\nimport Reconciled from './Reconciled';\nimport Refresh from './Refresh';\nimport ReportSolid from './ReportSolid';\nimport Report from './Report';\nimport Restore from './Restore';\nimport RotateLeft from './RotateLeft';\nimport RotateRight from './RotateRight';\nimport Sales from './Sales';\nimport SearchBold from './SearchBold';\nimport Search from './Search';\nimport SecureTick from './SecureTick';\nimport Secure from './Secure';\nimport SettingsSolid from './SettingsSolid';\nimport Settings from './Settings';\nimport Shortcuts from './Shortcuts';\nimport ShowAll from './ShowAll';\nimport ShowLess from './ShowLess';\nimport ShowMore from './ShowMore';\nimport ShowTemplate from './ShowTemplate';\nimport Sliders from './Sliders';\nimport Smartpay from './Smartpay';\nimport SortBy from './SortBy';\nimport Spinner from './Spinner';\nimport StarSolid from './StarSolid';\nimport Star from './Star';\nimport Subscriptions from './Subscriptions';\nimport SystemEntries from './SystemEntries';\nimport Tag from './Tag';\nimport TemplateOverride from './TemplateOverride';\nimport Templates from './Templates';\nimport ThumbBoth from './ThumbBoth';\nimport ThumbDownSolid from './ThumbDownSolid';\nimport ThumbDown from './ThumbDown';\nimport ThumbUpSolid from './ThumbUpSolid';\nimport ThumbUp from './ThumbUp';\nimport Tick from './Tick';\nimport Time from './Time';\nimport TransferCancel from './TransferCancel';\nimport TransferLocked from './TransferLocked';\nimport Transfer from './Transfer';\nimport Undo from './Undo';\nimport Undock from './Undock';\nimport Unreconciled from './Unreconciled';\nimport Warning from './Warning';\nimport Webshop from './Webshop';\nimport Website from './Website';\nimport Workflow from './Workflow';\nimport Zoom from './Zoom';\n\nexport const icons: Record<\n    IconName,\n    React.ForwardRefExoticComponent<React.SVGAttributes<SVGSVGElement> & React.RefAttributes<SVGSVGElement>>\n> = {\n    'account-preview': AccountPreview,\n    'accounting-year-cancel': AccountingYearCancel,\n    'accounting-year': AccountingYear,\n    accounting: Accounting,\n    'arrow-bottom': ArrowBottom,\n    'arrow-down': ArrowDown,\n    'arrow-end': ArrowEnd,\n    'arrow-left': ArrowLeft,\n    'arrow-right': ArrowRight,\n    'arrow-start': ArrowStart,\n    'arrow-top': ArrowTop,\n    'arrow-up': ArrowUp,\n    'attach-auto': AttachAuto,\n    'attach-cancel': AttachCancel,\n    attach: Attach,\n    'autotext-insert': AutotextInsert,\n    autotext: Autotext,\n    'basic-tabs': BasicTabs,\n    basic: Basic,\n    'bell-solid': BellSolid,\n    book: Book,\n    booking: Booking,\n    budget: Budget,\n    calendar: Calendar,\n    'cash-account': CashAccount,\n    'cash-reports': CashReports,\n    'chat-solid': ChatSolid,\n    chat: Chat,\n    'chevron-down-double': ChevronDownDouble,\n    'chevron-down-solid': ChevronDownSolid,\n    'chevron-down': ChevronDown,\n    'chevron-left-double': ChevronLeftDouble,\n    'chevron-left-solid': ChevronLeftSolid,\n    'chevron-left': ChevronLeft,\n    'chevron-right-double': ChevronRightDouble,\n    'chevron-right-solid': ChevronRightSolid,\n    'chevron-right': ChevronRight,\n    'chevron-up-double': ChevronUpDouble,\n    'chevron-up-solid': ChevronUpSolid,\n    'chevron-up': ChevronUp,\n    'circle-close': CircleClose,\n    'circle-minus': CircleMinus,\n    'circle-plus': CirclePlus,\n    'circle-tick': CircleTick,\n    'clamp-open': ClampOpen,\n    clamp: Clamp,\n    close: Close,\n    'connection-enable': ConnectionEnable,\n    'connection-revoke': ConnectionRevoke,\n    contacts: Contacts,\n    copy: Copy,\n    courses: Courses,\n    credit: Credit,\n    'delete-permanently': DeletePermanently,\n    delete: Delete,\n    depecriate: Depecriate,\n    developer: Developer,\n    'distribution-template': DistributionTemplate,\n    'document-approve': DocumentApprove,\n    'document-create-entry': DocumentCreateEntry,\n    'document-cut': DocumentCut,\n    'document-error': DocumentError,\n    'document-isolate-page': DocumentIsolatePage,\n    'document-merge': DocumentMerge,\n    'document-move': DocumentMove,\n    'document-preview': DocumentPreview,\n    'document-received': DocumentReceived,\n    'document-rejected-request': DocumentRejectedRequest,\n    'document-split': DocumentSplit,\n    'document-time': DocumentTime,\n    document: Document,\n    download: Download,\n    drag: Drag,\n    'e-copedia': ECopedia,\n    'e-signature': ESignature,\n    edit: Edit,\n    'ellipsis-horizontal': EllipsisHorizontal,\n    'ellipsis-vertical': EllipsisVertical,\n    'entries-on-account': EntriesOnAccount,\n    'entries-open': EntriesOpen,\n    'entries-warning': EntriesWarning,\n    'entry-type-customer-invoice': EntryTypeCustomerInvoice,\n    'entry-type-customer-payment': EntryTypeCustomerPayment,\n    'entry-type-journal-entry': EntryTypeJournalEntry,\n    'entry-type-manual-customer-invoice': EntryTypeManualCustomerInvoice,\n    'entry-type-supplier-invoice': EntryTypeSupplierInvoice,\n    'entry-type-supplier-payment': EntryTypeSupplierPayment,\n    'envelope-approved': EnvelopeApproved,\n    envelope: Envelope,\n    'expand-view': ExpandView,\n    expenses: Expenses,\n    'export-to-excel': ExportToExcel,\n    'export-to-pdf': ExportToPdf,\n    export: Export,\n    'filter-solid': FilterSolid,\n    filter: Filter,\n    'graph-solid': GraphSolid,\n    hash: Hash,\n    home: Home,\n    images: Images,\n    import: Import,\n    'inbox-einvoicing': InboxEinvoicing,\n    'inbox-scanning': InboxScanning,\n    'inbox-smart': InboxSmart,\n    inbox: Inbox,\n    info: Info,\n    'inventory-matrix': InventoryMatrix,\n    inventory: Inventory,\n    'journal-pro': JournalPro,\n    'layout-both': LayoutBoth,\n    'layout-first': LayoutFirst,\n    'layout-last': LayoutLast,\n    'layout-none': LayoutNone,\n    layout: Layout,\n    'ledger-card-customer-reminder': LedgerCardCustomerReminder,\n    'ledger-card-manual-customer-invoice': LedgerCardManualCustomerInvoice,\n    'ledger-card-obsolete-stock': LedgerCardObsoleteStock,\n    'ledger-card-opening-entry': LedgerCardOpeningEntry,\n    'ledger-card-reserved-entry': LedgerCardReservedEntry,\n    'ledger-card-shrinkage-pilferage': LedgerCardShrinkagePilferage,\n    'ledger-card-stock-adjustment': LedgerCardStockAdjustment,\n    'ledger-card-transferred-opening-entry': LedgerCardTransferredOpeningEntry,\n    'ledger-card': LedgerCard,\n    lightbulb: Lightbulb,\n    line: Line,\n    'list-bulleted': ListBulleted,\n    'list-search': ListSearch,\n    list: List,\n    'lock-open': LockOpen,\n    'log-out': LogOut,\n    log: Log,\n    market: Market,\n    'match-amount': MatchAmount,\n    'match-entries': MatchEntries,\n    menu: Menu,\n    mileage: Mileage,\n    'modal-resize': ModalResize,\n    'modal-shrink': ModalShrink,\n    'more-solid': MoreSolid,\n    more: More,\n    move: Move,\n    'navigation-list': NavigationList,\n    'note-follow-up': NoteFollowUp,\n    'note-read': NoteRead,\n    note: Note,\n    numbers: Numbers,\n    'partner-api': PartnerApi,\n    period: Period,\n    'person-change': PersonChange,\n    'person-minus': PersonMinus,\n    'person-plus': PersonPlus,\n    'person-tick': PersonTick,\n    play: Play,\n    'plus-minus': PlusMinus,\n    print: Print,\n    'process-payment': ProcessPayment,\n    'product-ledger-card': ProductLedgerCard,\n    profile: Profile,\n    'project-cards': ProjectCards,\n    projects: Projects,\n    quicklinks: Quicklinks,\n    'rating-bankruptcy': RatingBankruptcy,\n    'rating-payment-problems': RatingPaymentProblems,\n    reconciled: Reconciled,\n    refresh: Refresh,\n    'report-solid': ReportSolid,\n    report: Report,\n    restore: Restore,\n    'rotate-left': RotateLeft,\n    'rotate-right': RotateRight,\n    sales: Sales,\n    'search-bold': SearchBold,\n    search: Search,\n    'secure-tick': SecureTick,\n    secure: Secure,\n    'settings-solid': SettingsSolid,\n    settings: Settings,\n    shortcuts: Shortcuts,\n    'show-all': ShowAll,\n    'show-less': ShowLess,\n    'show-more': ShowMore,\n    'show-template': ShowTemplate,\n    sliders: Sliders,\n    smartpay: Smartpay,\n    'sort-by': SortBy,\n    spinner: Spinner,\n    'star-solid': StarSolid,\n    star: Star,\n    subscriptions: Subscriptions,\n    'system-entries': SystemEntries,\n    tag: Tag,\n    'template-override': TemplateOverride,\n    templates: Templates,\n    'thumb-both': ThumbBoth,\n    'thumb-down-solid': ThumbDownSolid,\n    'thumb-down': ThumbDown,\n    'thumb-up-solid': ThumbUpSolid,\n    'thumb-up': ThumbUp,\n    tick: Tick,\n    time: Time,\n    'transfer-cancel': TransferCancel,\n    'transfer-locked': TransferLocked,\n    transfer: Transfer,\n    undo: Undo,\n    undock: Undock,\n    unreconciled: Unreconciled,\n    warning: Warning,\n    webshop: Webshop,\n    website: Website,\n    workflow: Workflow,\n    zoom: Zoom,\n};\n\n// the prop extraction tool can't handle this\n//export type IconName = keyof typeof icons;\nexport type IconName =\n    | 'account-preview'\n    | 'accounting-year-cancel'\n    | 'accounting-year'\n    | 'accounting'\n    | 'arrow-bottom'\n    | 'arrow-down'\n    | 'arrow-end'\n    | 'arrow-left'\n    | 'arrow-right'\n    | 'arrow-start'\n    | 'arrow-top'\n    | 'arrow-up'\n    | 'attach-auto'\n    | 'attach-cancel'\n    | 'attach'\n    | 'autotext-insert'\n    | 'autotext'\n    | 'basic-tabs'\n    | 'basic'\n    | 'bell-solid'\n    | 'book'\n    | 'booking'\n    | 'budget'\n    | 'calendar'\n    | 'cash-account'\n    | 'cash-reports'\n    | 'chat-solid'\n    | 'chat'\n    | 'chevron-down-double'\n    | 'chevron-down-solid'\n    | 'chevron-down'\n    | 'chevron-left-double'\n    | 'chevron-left-solid'\n    | 'chevron-left'\n    | 'chevron-right-double'\n    | 'chevron-right-solid'\n    | 'chevron-right'\n    | 'chevron-up-double'\n    | 'chevron-up-solid'\n    | 'chevron-up'\n    | 'circle-close'\n    | 'circle-minus'\n    | 'circle-plus'\n    | 'circle-tick'\n    | 'clamp-open'\n    | 'clamp'\n    | 'close'\n    | 'connection-enable'\n    | 'connection-revoke'\n    | 'contacts'\n    | 'copy'\n    | 'courses'\n    | 'credit'\n    | 'delete-permanently'\n    | 'delete'\n    | 'depecriate'\n    | 'developer'\n    | 'distribution-template'\n    | 'document-approve'\n    | 'document-create-entry'\n    | 'document-cut'\n    | 'document-error'\n    | 'document-isolate-page'\n    | 'document-merge'\n    | 'document-move'\n    | 'document-preview'\n    | 'document-received'\n    | 'document-rejected-request'\n    | 'document-split'\n    | 'document-time'\n    | 'document'\n    | 'download'\n    | 'drag'\n    | 'e-copedia'\n    | 'e-signature'\n    | 'edit'\n    | 'ellipsis-horizontal'\n    | 'ellipsis-vertical'\n    | 'entries-on-account'\n    | 'entries-open'\n    | 'entries-warning'\n    | 'entry-type-customer-invoice'\n    | 'entry-type-customer-payment'\n    | 'entry-type-journal-entry'\n    | 'entry-type-manual-customer-invoice'\n    | 'entry-type-supplier-invoice'\n    | 'entry-type-supplier-payment'\n    | 'envelope-approved'\n    | 'envelope'\n    | 'expand-view'\n    | 'expenses'\n    | 'export-to-excel'\n    | 'export-to-pdf'\n    | 'export'\n    | 'filter-solid'\n    | 'filter'\n    | 'graph-solid'\n    | 'hash'\n    | 'home'\n    | 'images'\n    | 'import'\n    | 'inbox-einvoicing'\n    | 'inbox-scanning'\n    | 'inbox-smart'\n    | 'inbox'\n    | 'info'\n    | 'inventory-matrix'\n    | 'inventory'\n    | 'journal-pro'\n    | 'layout-both'\n    | 'layout-first'\n    | 'layout-last'\n    | 'layout-none'\n    | 'layout'\n    | 'ledger-card-customer-reminder'\n    | 'ledger-card-manual-customer-invoice'\n    | 'ledger-card-obsolete-stock'\n    | 'ledger-card-opening-entry'\n    | 'ledger-card-reserved-entry'\n    | 'ledger-card-shrinkage-pilferage'\n    | 'ledger-card-stock-adjustment'\n    | 'ledger-card-transferred-opening-entry'\n    | 'ledger-card'\n    | 'lightbulb'\n    | 'line'\n    | 'list-bulleted'\n    | 'list-search'\n    | 'list'\n    | 'lock-open'\n    | 'log-out'\n    | 'log'\n    | 'market'\n    | 'match-amount'\n    | 'match-entries'\n    | 'menu'\n    | 'mileage'\n    | 'modal-resize'\n    | 'modal-shrink'\n    | 'more-solid'\n    | 'more'\n    | 'move'\n    | 'navigation-list'\n    | 'note-follow-up'\n    | 'note-read'\n    | 'note'\n    | 'numbers'\n    | 'partner-api'\n    | 'period'\n    | 'person-change'\n    | 'person-minus'\n    | 'person-plus'\n    | 'person-tick'\n    | 'play'\n    | 'plus-minus'\n    | 'print'\n    | 'process-payment'\n    | 'product-ledger-card'\n    | 'profile'\n    | 'project-cards'\n    | 'projects'\n    | 'quicklinks'\n    | 'rating-bankruptcy'\n    | 'rating-payment-problems'\n    | 'reconciled'\n    | 'refresh'\n    | 'report-solid'\n    | 'report'\n    | 'restore'\n    | 'rotate-left'\n    | 'rotate-right'\n    | 'sales'\n    | 'search-bold'\n    | 'search'\n    | 'secure-tick'\n    | 'secure'\n    | 'settings-solid'\n    | 'settings'\n    | 'shortcuts'\n    | 'show-all'\n    | 'show-less'\n    | 'show-more'\n    | 'show-template'\n    | 'sliders'\n    | 'smartpay'\n    | 'sort-by'\n    | 'spinner'\n    | 'star-solid'\n    | 'star'\n    | 'subscriptions'\n    | 'system-entries'\n    | 'tag'\n    | 'template-override'\n    | 'templates'\n    | 'thumb-both'\n    | 'thumb-down-solid'\n    | 'thumb-down'\n    | 'thumb-up-solid'\n    | 'thumb-up'\n    | 'tick'\n    | 'time'\n    | 'transfer-cancel'\n    | 'transfer-locked'\n    | 'transfer'\n    | 'undo'\n    | 'undock'\n    | 'unreconciled'\n    | 'warning'\n    | 'webshop'\n    | 'website'\n    | 'workflow'\n    | 'zoom';\n"],"names":["icons","AccountPreview","AccountingYearCancel","AccountingYear","accounting","Accounting","ArrowBottom","ArrowDown","ArrowEnd","ArrowLeft","ArrowRight","ArrowStart","ArrowTop","ArrowUp","AttachAuto","AttachCancel","attach","Attach","AutotextInsert","autotext","Autotext","BasicTabs","basic","Basic","BellSolid","book","Book","booking","Booking","budget","Budget","calendar","Calendar","CashAccount","CashReports","ChatSolid","chat","Chat","ChevronDownDouble","ChevronDownSolid","ChevronDown","ChevronLeftDouble","ChevronLeftSolid","ChevronLeft","ChevronRightDouble","ChevronRightSolid","ChevronRight","ChevronUpDouble","ChevronUpSolid","ChevronUp","CircleClose","CircleMinus","CirclePlus","CircleTick","ClampOpen","clamp","Clamp","close","Close","ConnectionEnable","ConnectionRevoke","contacts","Contacts","copy","Copy","courses","Courses","credit","Credit","DeletePermanently","delete","Delete","depecriate","Depecriate","developer","Developer","DistributionTemplate","DocumentApprove","DocumentCreateEntry","DocumentCut","DocumentError","DocumentIsolatePage","DocumentMerge","DocumentMove","DocumentPreview","DocumentReceived","DocumentRejectedRequest","DocumentSplit","DocumentTime","document","Document","download","Download","drag","Drag","ECopedia","ESignature","edit","Edit","EllipsisHorizontal","EllipsisVertical","EntriesOnAccount","EntriesOpen","EntriesWarning","EntryTypeCustomerInvoice","EntryTypeCustomerPayment","EntryTypeJournalEntry","EntryTypeManualCustomerInvoice","EntryTypeSupplierInvoice","EntryTypeSupplierPayment","EnvelopeApproved","envelope","Envelope","ExpandView","expenses","Expenses","ExportToExcel","ExportToPdf","export","Export","FilterSolid","filter","Filter","GraphSolid","hash","Hash","home","Home","images","Images","import","Import","InboxEinvoicing","InboxScanning","InboxSmart","inbox","Inbox","info","Info","InventoryMatrix","inventory","Inventory","JournalPro","LayoutBoth","LayoutFirst","LayoutLast","LayoutNone","layout","Layout","LedgerCardCustomerReminder","LedgerCardManualCustomerInvoice","LedgerCardObsoleteStock","LedgerCardOpeningEntry","LedgerCardReservedEntry","LedgerCardShrinkagePilferage","LedgerCardStockAdjustment","LedgerCardTransferredOpeningEntry","LedgerCard","lightbulb","Lightbulb","line","Line","ListBulleted","ListSearch","list","List","LockOpen","LogOut","log","Log","market","Market","MatchAmount","MatchEntries","menu","Menu","mileage","Mileage","ModalResize","ModalShrink","MoreSolid","more","More","move","Move","NavigationList","NoteFollowUp","NoteRead","note","Note","numbers","Numbers","PartnerApi","period","Period","PersonChange","PersonMinus","PersonPlus","PersonTick","play","Play","PlusMinus","print","Print","ProcessPayment","ProductLedgerCard","profile","Profile","ProjectCards","projects","Projects","quicklinks","Quicklinks","RatingBankruptcy","RatingPaymentProblems","reconciled","Reconciled","refresh","Refresh","ReportSolid","report","Report","restore","Restore","RotateLeft","RotateRight","sales","Sales","SearchBold","search","Search","SecureTick","secure","Secure","SettingsSolid","settings","Settings","shortcuts","Shortcuts","ShowAll","ShowLess","ShowMore","ShowTemplate","sliders","Sliders","smartpay","Smartpay","SortBy","spinner","Spinner","StarSolid","star","Star","subscriptions","Subscriptions","SystemEntries","tag","Tag","TemplateOverride","templates","Templates","ThumbBoth","ThumbDownSolid","ThumbDown","ThumbUpSolid","ThumbUp","tick","Tick","time","Time","TransferCancel","TransferLocked","transfer","Transfer","undo","Undo","undock","Undock","unreconciled","Unreconciled","warning","Warning","webshop","Webshop","website","Website","workflow","Workflow","zoom","Zoom"],"mappings":"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"}

package/dist/esm/packages/taco/src/components/IconButton/IconButton.js

@@ -0,0 +1,50 @@
+import { forwardRef, createElement } from 'react';
+import cn from 'classnames';
+import { Icon } from '../Icon/Icon.js';
+import { getButtonClasses, getAppearanceClasses, createButtonWithTooltip, createButtonWithOverlays } from '../Button/util.js';
+
+const Base = /*#__PURE__*/forwardRef(function IconButtonBase(props, ref) {
+  const {
+    icon,
+    rounded = false,
+    ...otherProps
+  } = props;
+  const className = cn('w-8', getButtonClasses(), getAppearanceClasses(otherProps.appearance, true), {
+    'rounded-full': rounded,
+    rounded: !rounded,
+    'cursor-not-allowed opacity-50': props.disabled,
+    'focus:yt-focus active:focus:yt-focus': !props.disabled
+  }, props.className);
+  if (!icon) {
+    return null;
+  }
+  return createButtonWithTooltip({
+    ...otherProps,
+    children: /*#__PURE__*/createElement(Icon, {
+      name: icon,
+      className: "m-0 p-0"
+    }),
+    'data-taco': 'icon-button'
+  }, className, ref);
+});
+const IconButton = /*#__PURE__*/forwardRef(function Button(props, ref) {
+  const {
+    dialog,
+    hanger,
+    menu,
+    popover,
+    ...buttonProps
+  } = props;
+  const button = /*#__PURE__*/createElement(Base, Object.assign({}, buttonProps, {
+    ref: ref
+  }));
+  return createButtonWithOverlays({
+    dialog,
+    hanger,
+    menu,
+    popover
+  }, button);
+});
+
+export { Base, IconButton };
+//# sourceMappingURL=IconButton.js.map

package/dist/esm/packages/taco/src/components/IconButton/IconButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.js","sources":["../../../../../../../src/components/IconButton/IconButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'classnames';\nimport * as ButtonPrimitive from '../../primitives/Button';\nimport { Icon, IconName } from '../Icon/Icon';\nimport { getAppearanceClasses, getButtonClasses, createButtonWithTooltip, createButtonWithOverlays } from '../Button/util';\nimport { Appearance } from '../../types';\nimport { DialogProps, HangerProps, MenuProps, PopoverProps } from '../..';\n\nexport type IconButtonProps = Omit<ButtonPrimitive.ButtonProps, 'children'> & {\n    /** Appearance will change the style of the button */\n    appearance?: Appearance;\n    /**\n     * Dialog component associated with the button, clicking the button will open the dialog.\n     * *Note* that `onClick` event on button won't be handled, as in this case, the purpose of\n     * the button should be only to open the associated dialog when clicked.\n     */\n    dialog?: (props: Partial<DialogProps>) => JSX.Element;\n    /** Hanger component associated with the button. */\n    hanger?: (props: Partial<HangerProps>) => JSX.Element;\n    /** Set which icon should be rendered within button */\n    icon: IconName; // this dynamic type causes the type extraction for props to fail\n    /** Menu component associated with the button. */\n    menu?: (props: Partial<MenuProps>) => JSX.Element;\n    /**\n     * Popover component associated with the button, clicking the button will open the popover.\n     * *Note* that `onClick` event on button won't be handled, as in this case, the purpose of\n     * the button should be only to open the associated popover when clicked.\n     */\n    popover?: (props: Partial<PopoverProps>) => JSX.Element;\n    /**\n     * Set whether the button is rounded.\n     * Default value is `false`\n     */\n    rounded?: boolean;\n    /** A tooltip to show when hovering over the button */\n    tooltip?: string;\n};\n\nexport const Base = React.forwardRef(function IconButtonBase(\n    props: IconButtonProps,\n    ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>\n) {\n    const { icon, rounded = false, ...otherProps } = props;\n\n    const className = cn(\n        'w-8',\n        getButtonClasses(),\n        getAppearanceClasses(otherProps.appearance, true),\n        {\n            'rounded-full': rounded,\n            rounded: !rounded,\n            'cursor-not-allowed opacity-50': props.disabled,\n            'focus:yt-focus active:focus:yt-focus': !props.disabled,\n        },\n        props.className\n    );\n\n    if (!icon) {\n        return null;\n    }\n\n    return createButtonWithTooltip(\n        { ...otherProps, children: <Icon name={icon} className=\"m-0 p-0\" />, 'data-taco': 'icon-button' },\n        className,\n        ref\n    );\n});\n\nexport const IconButton = React.forwardRef(function Button(\n    props: IconButtonProps,\n    ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>\n) {\n    const { dialog, hanger, menu, popover, ...buttonProps } = props;\n    const button = <Base {...buttonProps} ref={ref} />;\n\n    return createButtonWithOverlays({ dialog, hanger, menu, popover }, button);\n});\n"],"names":["Base","React","IconButtonBase","props","ref","icon","rounded","otherProps","className","cn","getButtonClasses","getAppearanceClasses","appearance","disabled","createButtonWithTooltip","children","Icon","name","IconButton","Button","dialog","hanger","menu","popover","buttonProps","button","createButtonWithOverlays"],"mappings":";;;;;MAsCaA,IAAI,gBAAGC,UAAgB,CAAC,SAASC,cAAc,CACxDC,KAAsB,EACtBC,GAAqD;EAErD,MAAM;IAAEC,IAAI;IAAEC,OAAO,GAAG,KAAK;IAAE,GAAGC;GAAY,GAAGJ,KAAK;EAEtD,MAAMK,SAAS,GAAGC,EAAE,CAChB,KAAK,EACLC,gBAAgB,EAAE,EAClBC,oBAAoB,CAACJ,UAAU,CAACK,UAAU,EAAE,IAAI,CAAC,EACjD;IACI,cAAc,EAAEN,OAAO;IACvBA,OAAO,EAAE,CAACA,OAAO;IACjB,+BAA+B,EAAEH,KAAK,CAACU,QAAQ;IAC/C,sCAAsC,EAAE,CAACV,KAAK,CAACU;GAClD,EACDV,KAAK,CAACK,SAAS,CAClB;EAED,IAAI,CAACH,IAAI,EAAE;IACP,OAAO,IAAI;;EAGf,OAAOS,uBAAuB,CAC1B;IAAE,GAAGP,UAAU;IAAEQ,QAAQ,eAAEd,cAACe,IAAI;MAACC,IAAI,EAAEZ,IAAI;MAAEG,SAAS,EAAC;MAAY;IAAE,WAAW,EAAE;GAAe,EACjGA,SAAS,EACTJ,GAAG,CACN;AACL,CAAC;MAEYc,UAAU,gBAAGjB,UAAgB,CAAC,SAASkB,MAAM,CACtDhB,KAAsB,EACtBC,GAAqD;EAErD,MAAM;IAAEgB,MAAM;IAAEC,MAAM;IAAEC,IAAI;IAAEC,OAAO;IAAE,GAAGC;GAAa,GAAGrB,KAAK;EAC/D,MAAMsB,MAAM,gBAAGxB,cAACD,IAAI,oBAAKwB,WAAW;IAAEpB,GAAG,EAAEA;KAAO;EAElD,OAAOsB,wBAAwB,CAAC;IAAEN,MAAM;IAAEC,MAAM;IAAEC,IAAI;IAAEC;GAAS,EAAEE,MAAM,CAAC;AAC9E,CAAC;;;;"}

package/dist/esm/packages/taco/src/components/Input/Input.js

@@ -0,0 +1,119 @@
+import { forwardRef, createElement, useRef, memo, cloneElement } from 'react';
+import cn from 'classnames';
+import { Icon } from '../Icon/Icon.js';
+import { getButtonStateClasses, getInputClasses } from './util.js';
+import { useBoundingClientRectListener } from '../../hooks/useBoundingClientRectListener.js';
+import { useMergedRef } from '../../hooks/useMergedRef.js';
+
+const validSetSelectionRangeTypes = ['text', 'search', 'url', 'tel', 'password'];
+const InputWithoutDeprecatedFeatures = /*#__PURE__*/forwardRef(function InputWithoutDeprecatedFeatures(props, ref) {
+  const {
+    highlighted,
+    invalid,
+    onKeyDown,
+    postfix,
+    prefix,
+    type = 'text',
+    ...attributes
+  } = props;
+  const internalRef = useMergedRef(ref);
+  let handleKeyDown = onKeyDown;
+  // home and end keys only navigate to the start/end of input value if the input container does not scroll
+  // if it has scroll height then the browser reverts to native scrolling behaviour only
+  // so we manually override it to ensure _our_ desired behaviour remains intact
+  // only the 'text', 'search', 'url', 'tel', 'password' input types support setSelectionRange
+  if (validSetSelectionRangeTypes.includes(type)) {
+    handleKeyDown = event => {
+      if (!event.shiftKey && (event.key === 'Home' || event.key === 'End')) {
+        event.preventDefault();
+        const position = event.key === 'End' ? event.currentTarget.value.length : 0;
+        event.currentTarget.setSelectionRange(position, position);
+      }
+      if (typeof onKeyDown === 'function') {
+        onKeyDown(event);
+      }
+    };
+  }
+  const prefixRef = useRef(null);
+  const prefixRect = useBoundingClientRectListener(prefixRef);
+  const postfixRef = useRef(null);
+  const postfixRect = useBoundingClientRectListener(postfixRef);
+  const className = cn(getInputClasses(props), {
+    'pl-8': !!prefix,
+    'pr-8': !!postfix
+  }, attributes.className);
+  return /*#__PURE__*/createElement("div", {
+    className: "relative inline-flex w-full"
+  }, /*#__PURE__*/createElement("input", Object.assign({}, attributes, {
+    className: className,
+    "data-taco": "input",
+    onKeyDown: handleKeyDown,
+    ref: internalRef,
+    style: {
+      paddingLeft: prefixRect ? `${prefixRect.width - 1}px` : undefined,
+      paddingRight: postfixRect ? `${postfixRect.width - 1}px` : undefined
+    },
+    type: type
+  })), prefix ? /*#__PURE__*/createElement(Affix, {
+    type: "prefix",
+    children: prefix,
+    disabled: attributes.disabled,
+    ref: prefixRef
+  }) : null, postfix ? /*#__PURE__*/createElement(Affix, {
+    type: "postfix",
+    children: postfix,
+    disabled: attributes.disabled,
+    ref: postfixRef
+  }) : null);
+});
+const Affix = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function Affix(props, ref) {
+  const {
+    children,
+    disabled,
+    type
+  } = props;
+  if (children) {
+    return /*#__PURE__*/createElement("span", {
+      className: cn('group absolute top-0 flex h-full items-center justify-center px-2',
+      // icon
+      '[&_[data-taco="icon"]]:!h-5 [&_[data-taco="icon"]]:!w-5', {
+        'text-grey-300': disabled,
+        'text-grey-700': !disabled,
+        'left-0 [&>button]:!-ml-2': type === 'prefix',
+        'right-0 [&>button]:!-mr-2': type === 'postfix'
+      }),
+      ref: ref
+    }, children);
+  }
+  return null;
+}));
+const Input = /*#__PURE__*/forwardRef(function LegacyInput(props, ref) {
+  var _attributes$postfix;
+  const {
+    button,
+    icon,
+    ...attributes
+  } = props;
+  let postfix;
+  if (button) {
+    const disabled = button.props.disabled || attributes.disabled;
+    const buttonClassName = cn('items-center focus:z-10 flex justify-center border rounded-l-none rounded-r h-full focus:rounded focus:outline-none', {
+      [getButtonStateClasses(attributes.invalid)]: !props.disabled
+    }, button.props.className);
+    postfix = /*#__PURE__*/cloneElement(button, {
+      className: buttonClassName,
+      disabled
+    });
+  } else if (icon) {
+    postfix = typeof icon === 'string' ? /*#__PURE__*/createElement(Icon, {
+      name: icon
+    }) : icon;
+  }
+  return /*#__PURE__*/createElement(InputWithoutDeprecatedFeatures, Object.assign({}, attributes, {
+    postfix: (_attributes$postfix = attributes.postfix) !== null && _attributes$postfix !== void 0 ? _attributes$postfix : postfix,
+    ref: ref
+  }));
+});
+
+export { Input };
+//# sourceMappingURL=Input.js.map

package/dist/esm/packages/taco/src/components/Input/Input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","sources":["../../../../../../../src/components/Input/Input.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'classnames';\nimport { Icon, IconName } from '../Icon/Icon';\nimport { getButtonStateClasses, getInputClasses } from './util';\nimport { useBoundingClientRectListener } from '../../hooks/useBoundingClientRectListener';\nimport { useMergedRef } from '../../hooks/useMergedRef';\n\nexport type InputWithoutDeprecatedFeaturesProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'prefix'> & {\n    /** Draws attention to the input by changing its style and making it visually prominent */\n    highlighted?: boolean;\n    /* Whether the input is in an invalid state */\n    invalid?: boolean;\n    postfix?: string | JSX.Element;\n    prefix?: string | JSX.Element;\n};\n\nconst validSetSelectionRangeTypes = ['text', 'search', 'url', 'tel', 'password'];\n\nconst InputWithoutDeprecatedFeatures = React.forwardRef(function InputWithoutDeprecatedFeatures(\n    props: InputWithoutDeprecatedFeaturesProps,\n    ref: React.Ref<HTMLInputElement>\n) {\n    const { highlighted, invalid, onKeyDown, postfix, prefix, type = 'text', ...attributes } = props;\n    const internalRef = useMergedRef<HTMLInputElement>(ref);\n\n    let handleKeyDown = onKeyDown;\n\n    // home and end keys only navigate to the start/end of input value if the input container does not scroll\n    // if it has scroll height then the browser reverts to native scrolling behaviour only\n    // so we manually override it to ensure _our_ desired behaviour remains intact\n    // only the 'text', 'search', 'url', 'tel', 'password' input types support setSelectionRange\n    if (validSetSelectionRangeTypes.includes(type)) {\n        handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n            if (!event.shiftKey && (event.key === 'Home' || event.key === 'End')) {\n                event.preventDefault();\n                const position = event.key === 'End' ? event.currentTarget.value.length : 0;\n                event.currentTarget.setSelectionRange(position, position);\n            }\n\n            if (typeof onKeyDown === 'function') {\n                onKeyDown(event);\n            }\n        };\n    }\n\n    const prefixRef = React.useRef<HTMLSpanElement>(null);\n    const prefixRect = useBoundingClientRectListener(prefixRef);\n    const postfixRef = React.useRef<HTMLSpanElement>(null);\n    const postfixRect = useBoundingClientRectListener(postfixRef);\n\n    const className = cn(\n        getInputClasses(props),\n        {\n            'pl-8': !!prefix,\n            'pr-8': !!postfix,\n        },\n        attributes.className\n    );\n\n    return (\n        <div className=\"relative inline-flex w-full\">\n            <input\n                {...attributes}\n                className={className}\n                data-taco=\"input\"\n                onKeyDown={handleKeyDown}\n                ref={internalRef}\n                style={{\n                    paddingLeft: prefixRect ? `${prefixRect.width - 1}px` : undefined,\n                    paddingRight: postfixRect ? `${postfixRect.width - 1}px` : undefined,\n                }}\n                type={type}\n            />\n            {prefix ? <Affix type=\"prefix\" children={prefix} disabled={attributes.disabled} ref={prefixRef} /> : null}\n            {postfix ? <Affix type=\"postfix\" children={postfix} disabled={attributes.disabled} ref={postfixRef} /> : null}\n        </div>\n    );\n});\n\ntype AffixProps = {\n    children?: string | JSX.Element;\n    disabled?: boolean;\n    type: 'prefix' | 'postfix';\n};\nconst Affix = React.memo(\n    React.forwardRef(function Affix(props: AffixProps, ref: React.Ref<HTMLSpanElement>) {\n        const { children, disabled, type } = props;\n\n        if (children) {\n            return (\n                <span\n                    className={cn(\n                        'group absolute top-0 flex h-full items-center justify-center px-2',\n                        // icon\n                        '[&_[data-taco=\"icon\"]]:!h-5 [&_[data-taco=\"icon\"]]:!w-5',\n                        {\n                            'text-grey-300': disabled,\n                            'text-grey-700': !disabled,\n                            'left-0 [&>button]:!-ml-2': type === 'prefix',\n                            'right-0 [&>button]:!-mr-2': type === 'postfix',\n                        }\n                    )}\n                    ref={ref}>\n                    {children}\n                </span>\n            );\n        }\n\n        return null;\n    })\n);\n\nexport type InputProps = InputWithoutDeprecatedFeaturesProps & {\n    /** Shows a button within the input field */\n    button?: React.ReactElement;\n    /** Shows an icon within the input field  */\n    icon?: IconName | JSX.Element;\n};\n\nexport const Input = React.forwardRef(function LegacyInput(props: InputProps, ref: React.Ref<HTMLInputElement>) {\n    const { button, icon, ...attributes } = props;\n\n    let postfix;\n\n    if (button) {\n        const disabled = button.props.disabled || attributes.disabled;\n        const buttonClassName = cn(\n            'items-center focus:z-10 flex justify-center border rounded-l-none rounded-r h-full focus:rounded focus:outline-none',\n            {\n                [getButtonStateClasses(attributes.invalid)]: !props.disabled,\n            },\n            button.props.className\n        );\n        postfix = React.cloneElement(button, {\n            className: buttonClassName,\n            disabled,\n        });\n    } else if (icon) {\n        postfix = typeof icon === 'string' ? <Icon name={icon} /> : icon;\n    }\n\n    return <InputWithoutDeprecatedFeatures {...attributes} postfix={attributes.postfix ?? postfix} ref={ref} />;\n});\n"],"names":["validSetSelectionRangeTypes","InputWithoutDeprecatedFeatures","React","props","ref","highlighted","invalid","onKeyDown","postfix","prefix","type","attributes","internalRef","useMergedRef","handleKeyDown","includes","event","shiftKey","key","preventDefault","position","currentTarget","value","length","setSelectionRange","prefixRef","prefixRect","useBoundingClientRectListener","postfixRef","postfixRect","className","cn","getInputClasses","style","paddingLeft","width","undefined","paddingRight","Affix","children","disabled","Input","LegacyInput","button","icon","buttonClassName","getButtonStateClasses","Icon","name"],"mappings":"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"}

package/dist/esm/packages/taco/src/components/Input/util.js

@@ -0,0 +1,31 @@
+import cn from 'classnames';
+
+const getInputClasses = props => {
+  const disabled = props.disabled || !!props['aria-disabled'];
+  const readOnly = props.readOnly || !!props['aria-readonly'];
+  const invalid = props.invalid || !!props['aria-invalid'];
+  return cn('peer bg-white text-black text-sm border font-normal not-italic no-underline rounded inline-flex items-center leading-6 px-2 relative w-full text-ellipsis transition-colors transition-opacity ease-in min-h-[theme(spacing.8)]', {
+    // default
+    'border-grey-300 focus:border-blue-300 focus:yt-focus': !invalid,
+    'hover:shadow-[0_0_0.1rem_theme(colors.grey.500)] active:border-blue-700': !invalid && !disabled,
+    // disabled
+    'border-grey-200 text-opacity-25 cursor-not-allowed placeholder:text-grey-700': disabled,
+    // highlighted
+    'bg-[rgba(255,255,0,0.075)]': props.highlighted && disabled,
+    'bg-[rgba(255,255,0,0.2)]': props.highlighted && !disabled,
+    // invalid
+    'border-red focus:border-red-300 focus:yt-focus-red active:border-red-700': invalid,
+    'hover:shadow-[0_0_0.15rem_theme(colors.red.500)]': invalid && !disabled,
+    // readOnly
+    'cursor-not-allowed text-black bg-grey-200': readOnly
+  });
+};
+const getButtonStateClasses = invalid => {
+  if (invalid) {
+    return '!border-red-500 group-peer-focus:!border-red-300 focus:yt-focus-red group-focus:group-active:!border-red-300 transition-colors ease-in';
+  }
+  return 'border-grey-300 focus:!border-blue-300 group-peer-focus:!border-blue-300 group-peer-focus:group-peer-active:!border-blue-700 transition-colors transition-opacity ease-in';
+};
+
+export { getButtonStateClasses, getInputClasses };
+//# sourceMappingURL=util.js.map

package/dist/esm/packages/taco/src/components/Input/util.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"util.js","sources":["../../../../../../../src/components/Input/util.ts"],"sourcesContent":["import cn from 'classnames';\n\nexport const getInputClasses = props => {\n    const disabled = props.disabled || !!props['aria-disabled'];\n    const readOnly = props.readOnly || !!props['aria-readonly'];\n    const invalid = props.invalid || !!props['aria-invalid'];\n\n    return cn(\n        'peer bg-white text-black text-sm border font-normal not-italic no-underline rounded inline-flex items-center leading-6 px-2 relative w-full text-ellipsis transition-colors transition-opacity ease-in min-h-[theme(spacing.8)]',\n        {\n            // default\n            'border-grey-300 focus:border-blue-300 focus:yt-focus': !invalid,\n            'hover:shadow-[0_0_0.1rem_theme(colors.grey.500)] active:border-blue-700': !invalid && !disabled,\n            // disabled\n            'border-grey-200 text-opacity-25 cursor-not-allowed placeholder:text-grey-700': disabled,\n            // highlighted\n            'bg-[rgba(255,255,0,0.075)]': props.highlighted && disabled,\n            'bg-[rgba(255,255,0,0.2)]': props.highlighted && !disabled,\n            // invalid\n            'border-red focus:border-red-300 focus:yt-focus-red active:border-red-700': invalid,\n            'hover:shadow-[0_0_0.15rem_theme(colors.red.500)]': invalid && !disabled,\n            // readOnly\n            'cursor-not-allowed text-black bg-grey-200': readOnly,\n        }\n    );\n};\n\nexport const getButtonStateClasses = (invalid: boolean | undefined): string => {\n    if (invalid) {\n        return '!border-red-500 group-peer-focus:!border-red-300 focus:yt-focus-red group-focus:group-active:!border-red-300 transition-colors ease-in';\n    }\n\n    return 'border-grey-300 focus:!border-blue-300 group-peer-focus:!border-blue-300 group-peer-focus:group-peer-active:!border-blue-700 transition-colors transition-opacity ease-in';\n};\n"],"names":["getInputClasses","props","disabled","readOnly","invalid","cn","highlighted","getButtonStateClasses"],"mappings":";;MAEaA,eAAe,GAAGC,KAAK;EAChC,MAAMC,QAAQ,GAAGD,KAAK,CAACC,QAAQ,IAAI,CAAC,CAACD,KAAK,CAAC,eAAe,CAAC;EAC3D,MAAME,QAAQ,GAAGF,KAAK,CAACE,QAAQ,IAAI,CAAC,CAACF,KAAK,CAAC,eAAe,CAAC;EAC3D,MAAMG,OAAO,GAAGH,KAAK,CAACG,OAAO,IAAI,CAAC,CAACH,KAAK,CAAC,cAAc,CAAC;EAExD,OAAOI,EAAE,CACL,iOAAiO,EACjO;;IAEI,sDAAsD,EAAE,CAACD,OAAO;IAChE,yEAAyE,EAAE,CAACA,OAAO,IAAI,CAACF,QAAQ;;IAEhG,8EAA8E,EAAEA,QAAQ;;IAExF,4BAA4B,EAAED,KAAK,CAACK,WAAW,IAAIJ,QAAQ;IAC3D,0BAA0B,EAAED,KAAK,CAACK,WAAW,IAAI,CAACJ,QAAQ;;IAE1D,0EAA0E,EAAEE,OAAO;IACnF,kDAAkD,EAAEA,OAAO,IAAI,CAACF,QAAQ;;IAExE,2CAA2C,EAAEC;GAChD,CACJ;AACL;MAEaI,qBAAqB,GAAIH,OAA4B;EAC9D,IAAIA,OAAO,EAAE;IACT,OAAO,wIAAwI;;EAGnJ,OAAO,2KAA2K;AACtL;;;;"}

package/dist/esm/packages/taco/src/components/Listbox/Listbox.js

@@ -0,0 +1,55 @@
+import { forwardRef, createElement } from 'react';
+import cn from 'classnames';
+import { ScrollableList } from './ScrollableList.js';
+import { useListbox } from './useListbox.js';
+import { useMultiListbox } from './useMultiListbox.js';
+
+const Listbox = /*#__PURE__*/forwardRef(function Listbox(props, ref) {
+  const {
+    className: externalClassName,
+    ...otherProps
+  } = props;
+  const {
+    list,
+    input
+  } = useListbox(otherProps, ref);
+  const className = cn('bg-white inline-flex relative w-full', externalClassName);
+  return /*#__PURE__*/createElement("span", {
+    "data-taco": "listbox",
+    className: className
+  }, /*#__PURE__*/createElement(ScrollableList, Object.assign({}, list, {
+    style: {
+      ...list.style,
+      maxHeight: 'calc(12rem + 2px)' /* (6 * option height) + listbox border */
+    }
+  })), /*#__PURE__*/createElement("input", Object.assign({}, input, {
+    className: "hidden",
+    type: "text"
+  })));
+});
+const MultiListbox = /*#__PURE__*/forwardRef(function Listbox(props, ref) {
+  const {
+    className: externalClassName,
+    ...otherProps
+  } = props;
+  const {
+    list,
+    input
+  } = useMultiListbox(otherProps, ref);
+  const className = cn('bg-white inline-flex relative w-full', externalClassName);
+  return /*#__PURE__*/createElement("span", {
+    "data-taco": "listbox",
+    className: className
+  }, /*#__PURE__*/createElement(ScrollableList, Object.assign({}, list, {
+    style: {
+      ...list.style,
+      maxHeight: 'calc(12rem + 2px + 2px)' /* (6 * option height) + listbox border + ALL_OPTIONS bottom border */
+    }
+  })), /*#__PURE__*/createElement("input", Object.assign({}, input, {
+    className: "hidden",
+    type: "text"
+  })));
+});
+
+export { Listbox, MultiListbox };
+//# sourceMappingURL=Listbox.js.map

package/dist/esm/packages/taco/src/components/Listbox/Listbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Listbox.js","sources":["../../../../../../../src/components/Listbox/Listbox.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'classnames';\nimport { useListbox } from './useListbox';\nimport { useMultiListbox } from './useMultiListbox';\nimport { ScrollableList, ScrollableListItemValue, ScrollableListItem } from './ScrollableList';\n\nexport type ListboxItem = ScrollableListItem;\nexport type ListboxValue = ScrollableListItemValue;\n\nexport type ListboxTexts = {\n    /**\n     * Text displayed in the listbox if no data provided.\n     * To read more about how to provide the text, see [Provider](component:provider) component\n     */\n    empty: string;\n    /**\n     * Text displayed in the listbox to indicate the data is loading.\n     * Read more about how to provide the text in [Provider](component:provider) component\n     */\n    loading: string;\n    /**\n     * The first option displayed in a multiselect listbox that selects all available options.\n     * Read more about how to provide the text in [Provider](component:provider) component\n     */\n    allOption: string;\n};\n\nexport type ListboxProps = Pick<React.InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'onFocus'> &\n    Omit<React.InputHTMLAttributes<HTMLElement>, 'defaultValue' | 'onChange' | 'value'> & {\n        /** Data indicating the options in listbox */\n        data?: ListboxItem[];\n        /**\n         * Initial value of the listbox.\n         * This is used when listbox is mounted, if no value is provided.\n         * *Note* that listbox is a controlled component, setting this will also trigger the `onChange` event\n         */\n        defaultValue?: ListboxValue;\n        /** Set what value should have an empty option in listbox */\n        emptyValue?: ListboxValue;\n        /** Draws attention to the listbox by changing its style and making it visually prominent */\n        highlighted?: boolean;\n        /* Whether the input is in an invalid state */\n        invalid?: boolean;\n        /**\n         * Shows a loading indicator with a text next to it.\n         * Read more about how to provide the text in [Provider](component:provider) component\n         */\n        loading?: boolean;\n        /**\n         * Value of the listbox representing the selected item.\n         * It needs to be an existing value from the provided data\n         */\n        value?: ListboxValue;\n    };\n\nexport const Listbox = React.forwardRef(function Listbox(props: ListboxProps, ref: React.Ref<HTMLInputElement>) {\n    const { className: externalClassName, ...otherProps } = props;\n    const { list, input } = useListbox(otherProps, ref);\n    const className = cn('bg-white inline-flex relative w-full', externalClassName);\n\n    return (\n        <span data-taco=\"listbox\" className={className}>\n            <ScrollableList\n                {...list}\n                style={{ ...list.style, maxHeight: 'calc(12rem + 2px)' /* (6 * option height) + listbox border */ }}\n            />\n            <input {...input} className=\"hidden\" type=\"text\" />\n        </span>\n    );\n});\n\nexport const MultiListbox = React.forwardRef(function Listbox(props: ListboxProps, ref: React.Ref<HTMLInputElement>) {\n    const { className: externalClassName, ...otherProps } = props;\n    const { list, input } = useMultiListbox(otherProps, ref);\n    const className = cn('bg-white inline-flex relative w-full', externalClassName);\n\n    return (\n        <span data-taco=\"listbox\" className={className}>\n            <ScrollableList\n                {...list}\n                style={{\n                    ...list.style,\n                    maxHeight: 'calc(12rem + 2px + 2px)' /* (6 * option height) + listbox border + ALL_OPTIONS bottom border */,\n                }}\n            />\n            <input {...input} className=\"hidden\" type=\"text\" />\n        </span>\n    );\n});\n"],"names":["Listbox","React","props","ref","className","externalClassName","otherProps","list","input","useListbox","cn","ScrollableList","style","maxHeight","type","MultiListbox","useMultiListbox"],"mappings":";;;;;;MAuDaA,OAAO,gBAAGC,UAAgB,CAAC,SAASD,OAAO,CAACE,KAAmB,EAAEC,GAAgC;EAC1G,MAAM;IAAEC,SAAS,EAAEC,iBAAiB;IAAE,GAAGC;GAAY,GAAGJ,KAAK;EAC7D,MAAM;IAAEK,IAAI;IAAEC;GAAO,GAAGC,UAAU,CAACH,UAAU,EAAEH,GAAG,CAAC;EACnD,MAAMC,SAAS,GAAGM,EAAE,CAAC,sCAAsC,EAAEL,iBAAiB,CAAC;EAE/E,oBACIJ;iBAAgB,SAAS;IAACG,SAAS,EAAEA;kBACjCH,cAACU,cAAc,oBACPJ,IAAI;IACRK,KAAK,EAAE;MAAE,GAAGL,IAAI,CAACK,KAAK;MAAEC,SAAS,EAAE,mBAAmB;;KACxD,eACFZ,yCAAWO,KAAK;IAAEJ,SAAS,EAAC,QAAQ;IAACU,IAAI,EAAC;KAAS,CAChD;AAEf,CAAC;MAEYC,YAAY,gBAAGd,UAAgB,CAAC,SAASD,OAAO,CAACE,KAAmB,EAAEC,GAAgC;EAC/G,MAAM;IAAEC,SAAS,EAAEC,iBAAiB;IAAE,GAAGC;GAAY,GAAGJ,KAAK;EAC7D,MAAM;IAAEK,IAAI;IAAEC;GAAO,GAAGQ,eAAe,CAACV,UAAU,EAAEH,GAAG,CAAC;EACxD,MAAMC,SAAS,GAAGM,EAAE,CAAC,sCAAsC,EAAEL,iBAAiB,CAAC;EAE/E,oBACIJ;iBAAgB,SAAS;IAACG,SAAS,EAAEA;kBACjCH,cAACU,cAAc,oBACPJ,IAAI;IACRK,KAAK,EAAE;MACH,GAAGL,IAAI,CAACK,KAAK;MACbC,SAAS,EAAE,yBAAyB;;KAE1C,eACFZ,yCAAWO,KAAK;IAAEJ,SAAS,EAAC,QAAQ;IAACU,IAAI,EAAC;KAAS,CAChD;AAEf,CAAC;;;;"}

package/dist/esm/packages/taco/src/components/Listbox/ScrollableList.js

@@ -0,0 +1,165 @@
+import { forwardRef, useMemo, createRef, useEffect, createElement } from 'react';
+import cn from 'classnames';
+import { useLocalization } from '../Provider/Localization.js';
+import { Checkbox } from '../Checkbox/Checkbox.js';
+import { getInputClasses } from '../Input/util.js';
+import { useMergedRef } from '../../hooks/useMergedRef.js';
+import { getNextIndexFromKey } from '../../utils/hooks/useListKeyboardNavigation.js';
+import { useListScrollTo } from '../../utils/hooks/useListScrollTo.js';
+import { Spinner } from '../Spinner/Spinner.js';
+
+const getId = (id, value) => `${id}_${value}`;
+const getNextEnabledItem = (event, data, index) => {
+  const nextIndex = getNextIndexFromKey(event.key, data.length, index);
+  if (nextIndex) {
+    if (nextIndex === index) {
+      return index;
+    } else if (data[nextIndex] && data[nextIndex].disabled) {
+      return getNextEnabledItem(event, data, nextIndex);
+    }
+  }
+  return nextIndex;
+};
+const ScrollableList = /*#__PURE__*/forwardRef(function ScrollableList(props, ref) {
+  const {
+    data,
+    disabled,
+    highlighted,
+    id,
+    invalid: _,
+    loading,
+    onChange: setCurrentIndex,
+    onClick,
+    onFocus,
+    onKeyDown,
+    readOnly,
+    scrollOnFocus = false,
+    value: currentIndex,
+    multiselect,
+    selectedIndexes = [],
+    allOptionsSelected = false,
+    ...otherProps
+  } = props;
+  const listRef = useMergedRef(ref);
+  const itemRefs = useMemo(() => data.map(() => /*#__PURE__*/createRef()), [data]);
+  const {
+    texts
+  } = useLocalization();
+  const {
+    scrollTo
+  } = useListScrollTo(listRef, itemRefs);
+  useEffect(() => {
+    var _itemRefs$currentInde;
+    if (currentIndex && (_itemRefs$currentInde = itemRefs[currentIndex]) !== null && _itemRefs$currentInde !== void 0 && _itemRefs$currentInde.current) {
+      var _itemRefs$currentInde2;
+      (_itemRefs$currentInde2 = itemRefs[currentIndex].current) === null || _itemRefs$currentInde2 === void 0 ? void 0 : _itemRefs$currentInde2.scrollIntoView({
+        block: 'center'
+      });
+    }
+  }, []);
+  useEffect(() => {
+    scrollTo(currentIndex);
+  }, [currentIndex]);
+  const handleKeyDown = event => {
+    const nextIndex = getNextEnabledItem(event, data, currentIndex);
+    if (nextIndex !== undefined && nextIndex !== currentIndex) {
+      event.preventDefault();
+      scrollTo(nextIndex);
+      setCurrentIndex(nextIndex);
+    }
+    if (onKeyDown) {
+      event.persist();
+      const index = nextIndex !== undefined ? nextIndex : currentIndex;
+      onKeyDown(event, index);
+    }
+  };
+  const handleClick = index => event => {
+    setCurrentIndex(index);
+    if (onClick) {
+      event.persist();
+      onClick(event, index);
+    }
+  };
+  const handleFocus = event => {
+    if (scrollOnFocus) {
+      scrollTo(currentIndex);
+    }
+    if (onFocus) {
+      event.persist();
+      onFocus(event);
+    }
+  };
+  const getOptionCheckedState = (optionValue, index) => {
+    if (optionValue === '#ALL-OPTIONS#') {
+      return allOptionsSelected;
+    } else if (!optionValue || !selectedIndexes) {
+      return false;
+    } else {
+      return selectedIndexes.findIndex(i => i === index) !== -1;
+    }
+  };
+  const options = data.map((option, index) => {
+    const depth = option.path ? option.path.split('.').length - 1 : 0;
+    return {
+      'aria-selected': multiselect ? getOptionCheckedState(String(option.value), index) : currentIndex === index,
+      'data-focused': currentIndex === index,
+      children: option.text,
+      className: cn('flex items-center px-3 w-full cursor-pointer bg-white flex-[0_0_2rem] focus:wcag-blue-500 focus:border-blue-500', {
+        'sticky top-0 font-bold': depth === 0 && !!option.hasChildren
+      }),
+      disabled: option.disabled,
+      icon: option.icon,
+      id: getId(id, option.value),
+      key: getId(id, option.value),
+      onClick: !disabled && !readOnly ? handleClick(index) : undefined,
+      ref: itemRefs[index],
+      role: 'option',
+      style: depth > 0 ? {
+        paddingLeft: `${depth + 1}rem`
+      } : undefined
+    };
+  });
+  const list = {
+    ...otherProps,
+    className: cn('inline-flex flex-col list-none !p-0 m-0 overflow-y-auto h-auto', getInputClasses(props), {
+      'yt-list--multiselect': multiselect,
+      'pointer-events-none': disabled,
+      'cursor-not-allowed': disabled || readOnly
+    }, otherProps.className),
+    disabled,
+    id,
+    onFocus: !disabled && !readOnly ? handleFocus : undefined,
+    onKeyDown: !disabled && !readOnly ? handleKeyDown : undefined,
+    readOnly,
+    ref: listRef,
+    role: options.length <= 0 || loading ? 'presentation' : 'listbox',
+    tabIndex: otherProps.tabIndex || 0
+  };
+  return /*#__PURE__*/createElement("ul", Object.assign({}, list, {
+    "data-taco": "scrollable-list"
+  }), loading ? /*#__PURE__*/createElement("li", {
+    className: "yt-list__empty"
+  }, /*#__PURE__*/createElement("span", null, /*#__PURE__*/createElement(Spinner, {
+    delay: 0
+  })), /*#__PURE__*/createElement("span", null, texts.listbox.loading)) : options.length ? options.map(({
+    children,
+    icon,
+    ...optionProps
+  }) => /*#__PURE__*/createElement("li", Object.assign({}, optionProps), icon, /*#__PURE__*/createElement("span", {
+    className: "flex-grow truncate text-left"
+  }, children), multiselect && /*#__PURE__*/createElement(Checkbox
+  // In multiselect variant, this checkbox only acts as visual representation of item being selected,
+  // so need to be taken out of screen reader scope.
+  , {
+    "aria-hidden": true,
+    tabIndex: -1,
+    checked: optionProps['aria-selected'],
+    onChange: () => null,
+    className: "pointer-events-none ml-2 self-center p-px"
+  }))) : /*#__PURE__*/createElement("li", {
+    className: "yt-list__empty"
+  }, /*#__PURE__*/createElement("span", null, texts.listbox.empty)));
+});
+
+export { ScrollableList, getId };
+//# sourceMappingURL=ScrollableList.js.map

package/dist/esm/packages/taco/src/components/Listbox/ScrollableList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollableList.js","sources":["../../../../../../../src/components/Listbox/ScrollableList.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'classnames';\nimport { useMergedRef } from '../../hooks/useMergedRef';\nimport { getNextIndexFromKey } from '../../utils/hooks/useListKeyboardNavigation';\nimport { useListScrollTo } from '../../utils/hooks/useListScrollTo';\nimport './ScrollableList.css';\nimport { Spinner } from '../Spinner/Spinner';\nimport { useLocalization } from '../Provider/Localization';\nimport { Checkbox } from '../Checkbox/Checkbox';\nimport { getInputClasses } from '../Input/util';\n\nexport type ScrollableListItemValue = string | number | boolean | null;\n\nexport type ScrollableListItem = {\n    /**\n     * Set whether the item is disabled.\n     * This will both change the style and make the item unselectable\n     */\n    disabled?: boolean;\n    /* Specifies whether the item has child items -- intended for internal use only */\n    hasChildren?: boolean;\n    /** Place an icon before the item's text */\n    icon?: React.ReactElement;\n    /* The index path to the item -- intended for internal use only */\n    path?: string;\n    /** Text describing the item */\n    text: string | JSX.Element;\n    /** Value of the item */\n    value: ScrollableListItemValue;\n    /** Child items to show hierarchical data */\n    children?: ScrollableListItem[];\n};\n\n/** @internal */\nexport type ScrollableListProps = Omit<\n    React.HTMLAttributes<HTMLUListElement>,\n    'defaultValue' | 'id' | 'onChange' | 'onClick' | 'onKeyDown'\n> & {\n    /** Data indicating the options in scrollable list */\n    data: ScrollableListItem[];\n    /** Sets the list to be disabled */\n    disabled?: boolean;\n    /** Draws attention to the scrollable list by changing its style and making it visually prominent */\n    highlighted?: boolean;\n    /** Set an id for the scrollable list */\n    id: string;\n    /* Whether the input is in an invalid state */\n    invalid?: boolean;\n    /**\n     * Shows a loading indicator with a text next to it.\n     * Read more about how to provide the text in `Provider` component.\n     */\n    loading?: boolean;\n    /**\n     * Handler called when current active/selected option changes in a scrollable list.\n     * @param index indicates the index of the current active option\n     */\n    onChange: (index: number) => void;\n    /** Handler called when option is clicked */\n    onClick?: (event: React.MouseEvent<HTMLLIElement>, index: number) => void;\n    /**\n     * Set whether the selected item should be scrolled into view when listbox is focused.\n     * Default value is `false`\n     */\n    scrollOnFocus?: boolean;\n    /** Handler called when a key is pressed */\n    onKeyDown?: (event: React.KeyboardEvent<HTMLUListElement>, index: number | undefined) => void;\n    /* Sets the list to read only mode */\n    readOnly?: boolean;\n    /**\n     * Value of the scrollable list representing the selected item.\n     * It needs to be an existing value from the provided data.\n     */\n    value: number | undefined;\n    /**\n     * Allows to select multiple items from the list\n     */\n    multiselect?: boolean;\n    /**\n     * Contains the currently selected values when multiselect mode is ON.\n     */\n    selectedIndexes?: number[];\n    /**\n     * True when all available (not disabled) options are selected\n     */\n    allOptionsSelected?: boolean;\n};\n\n/** @internal */\nexport type ScrollableListPropsWithRef = ScrollableListProps & React.RefAttributes<HTMLUListElement>;\n\nexport const getId = (id: string, value: ScrollableListItemValue): string => `${id}_${value}`;\n\nconst getNextEnabledItem = (\n    event: React.KeyboardEvent<HTMLElement>,\n    data: ScrollableListItem[],\n    index: number | undefined\n): number | undefined => {\n    const nextIndex = getNextIndexFromKey(event.key, data.length, index);\n\n    if (nextIndex) {\n        if (nextIndex === index) {\n            return index;\n        } else if (data[nextIndex] && data[nextIndex].disabled) {\n            return getNextEnabledItem(event, data, nextIndex);\n        }\n    }\n\n    return nextIndex;\n};\n\nexport const ScrollableList = React.forwardRef(function ScrollableList(\n    props: ScrollableListProps,\n    ref: React.Ref<HTMLUListElement>\n) {\n    const {\n        data,\n        disabled,\n        highlighted,\n        id,\n        invalid: _,\n        loading,\n        onChange: setCurrentIndex,\n        onClick,\n        onFocus,\n        onKeyDown,\n        readOnly,\n        scrollOnFocus = false,\n        value: currentIndex,\n        multiselect,\n        selectedIndexes = [],\n        allOptionsSelected = false,\n        ...otherProps\n    } = props;\n    const listRef = useMergedRef<HTMLUListElement>(ref);\n    const itemRefs = React.useMemo(() => data.map(() => React.createRef<HTMLLIElement>()), [data]);\n    const { texts } = useLocalization();\n    const { scrollTo } = useListScrollTo(listRef, itemRefs);\n\n    React.useEffect(() => {\n        if (currentIndex && itemRefs[currentIndex]?.current) {\n            itemRefs[currentIndex].current?.scrollIntoView({\n                block: 'center',\n            });\n        }\n    }, []);\n\n    React.useEffect(() => {\n        scrollTo(currentIndex);\n    }, [currentIndex]);\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLUListElement>): void => {\n        const nextIndex = getNextEnabledItem(event, data, currentIndex);\n\n        if (nextIndex !== undefined && nextIndex !== currentIndex) {\n            event.preventDefault();\n            scrollTo(nextIndex);\n            setCurrentIndex(nextIndex);\n        }\n\n        if (onKeyDown) {\n            event.persist();\n            const index = nextIndex !== undefined ? nextIndex : currentIndex;\n            onKeyDown(event, index);\n        }\n    };\n\n    const handleClick = (index: number) => (event: React.MouseEvent<HTMLLIElement>) => {\n        setCurrentIndex(index);\n\n        if (onClick) {\n            event.persist();\n            onClick(event, index);\n        }\n    };\n\n    const handleFocus = (event: React.FocusEvent<HTMLUListElement>): void => {\n        if (scrollOnFocus) {\n            scrollTo(currentIndex);\n        }\n\n        if (onFocus) {\n            event.persist();\n            onFocus(event);\n        }\n    };\n\n    const getOptionCheckedState = (optionValue: string, index: number): boolean => {\n        if (optionValue === '#ALL-OPTIONS#') {\n            return allOptionsSelected;\n        } else if (!optionValue || !selectedIndexes) {\n            return false;\n        } else {\n            return selectedIndexes.findIndex(i => i === index) !== -1;\n        }\n    };\n\n    const options = data.map((option, index) => {\n        const depth = option.path ? option.path.split('.').length - 1 : 0;\n\n        return {\n            'aria-selected': multiselect ? getOptionCheckedState(String(option.value), index) : currentIndex === index,\n            'data-focused': currentIndex === index,\n            children: option.text,\n            className: cn(\n                'flex items-center px-3 w-full cursor-pointer bg-white flex-[0_0_2rem] focus:wcag-blue-500 focus:border-blue-500',\n                {\n                    'sticky top-0 font-bold': depth === 0 && !!option.hasChildren,\n                }\n            ),\n            disabled: option.disabled,\n            icon: option.icon,\n            id: getId(id, option.value),\n            key: getId(id, option.value),\n            onClick: !disabled && !readOnly ? handleClick(index) : undefined,\n            ref: itemRefs[index],\n            role: 'option',\n            style:\n                depth > 0\n                    ? {\n                          paddingLeft: `${depth + 1}rem`,\n                      }\n                    : undefined,\n        };\n    });\n\n    const list: React.HTMLAttributes<HTMLUListElement> &\n        React.RefAttributes<HTMLUListElement> & { disabled?: boolean; readOnly?: boolean } = {\n        ...otherProps,\n        className: cn(\n            'inline-flex flex-col list-none !p-0 m-0 overflow-y-auto h-auto',\n            getInputClasses(props),\n            {\n                'yt-list--multiselect': multiselect,\n                'pointer-events-none': disabled,\n                'cursor-not-allowed': disabled || readOnly,\n            },\n            otherProps.className\n        ),\n        disabled,\n        id,\n        onFocus: !disabled && !readOnly ? handleFocus : undefined,\n        onKeyDown: !disabled && !readOnly ? handleKeyDown : undefined,\n        readOnly,\n        ref: listRef,\n        role: options.length <= 0 || loading ? 'presentation' : 'listbox',\n        tabIndex: otherProps.tabIndex || 0,\n    };\n\n    return (\n        <ul {...list} data-taco=\"scrollable-list\">\n            {loading ? (\n                <li className=\"yt-list__empty\">\n                    <span>\n                        <Spinner delay={0} />\n                    </span>\n                    <span>{texts.listbox.loading}</span>\n                </li>\n            ) : options.length ? (\n                options.map(({ children, icon, ...optionProps }) => (\n                    <li {...optionProps}>\n                        {icon}\n                        <span className=\"flex-grow truncate text-left\">{children}</span>\n                        {multiselect && (\n                            <Checkbox\n                                // In multiselect variant, this checkbox only acts as visual representation of item being selected,\n                                // so need to be taken out of screen reader scope.\n                                aria-hidden\n                                tabIndex={-1}\n                                checked={optionProps['aria-selected']}\n                                onChange={() => null}\n                                className=\"pointer-events-none ml-2 self-center p-px\"\n                            />\n                        )}\n                    </li>\n                ))\n            ) : (\n                <li className=\"yt-list__empty\">\n                    <span>{texts.listbox.empty}</span>\n                </li>\n            )}\n        </ul>\n    );\n});\n"],"names":["getId","id","value","getNextEnabledItem","event","data","index","nextIndex","getNextIndexFromKey","key","length","disabled","ScrollableList","React","props","ref","highlighted","invalid","_","loading","onChange","setCurrentIndex","onClick","onFocus","onKeyDown","readOnly","scrollOnFocus","currentIndex","multiselect","selectedIndexes","allOptionsSelected","otherProps","listRef","useMergedRef","itemRefs","map","texts","useLocalization","scrollTo","useListScrollTo","current","scrollIntoView","block","handleKeyDown","undefined","preventDefault","persist","handleClick","handleFocus","getOptionCheckedState","optionValue","findIndex","i","options","option","depth","path","split","String","children","text","className","cn","hasChildren","icon","role","style","paddingLeft","list","getInputClasses","tabIndex","Spinner","delay","listbox","optionProps","Checkbox","checked","empty"],"mappings":"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"}