no-frills-ui 0.0.14-alpha.7 → 0.0.14-rc.0

package/lib-esm/components/Dialog/Dialog.js

@@ -1,14 +1,13 @@
 import { jsx } from '@emotion/react/jsx-runtime';
 import React from 'react';
-import PropTypes from 'prop-types';
 import styled from '@emotion/styled';
 import LayerManager, { LAYER_POSITION } from '../../shared/LayerManager.js';
 import Card from '../Card/Card.js';
 
 const DialogContainer = /*#__PURE__*/ styled(Card, {
-    target: "ej4fpry0",
+    target: "e1sxvvof0",
     label: "DialogContainer"
-})("max-width:768px;max-height:80vh;transform:scale(0);opacity:0;transition:all 0.3s ease;.nf-layer-enter &{opacity:1;transform:scale(1);}.nf-layer-exit &{opacity:0;transform:scale(0);}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbm8tZnJpbGxzLXVpL25vLWZyaWxscy11aS9zcmMvY29tcG9uZW50cy9EaWFsb2cvRGlhbG9nLnRzeCIsInNvdXJjZXMiOlsiL2hvbWUvcnVubmVyL3dvcmsvbm8tZnJpbGxzLXVpL25vLWZyaWxscy11aS9zcmMvY29tcG9uZW50cy9EaWFsb2cvRGlhbG9nLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBMYXllck1hbmFnZXIsIHsgTEFZRVJfUE9TSVRJT04gfSBmcm9tICcuLi8uLi9zaGFyZWQvTGF5ZXJNYW5hZ2VyJztcbmltcG9ydCB7IENhcmQgfSBmcm9tICcuLi9DYXJkJztcblxuZXhwb3J0IGNvbnN0IERpYWxvZ0NvbnRhaW5lciA9IHN0eWxlZChDYXJkKWBcbiAgICBtYXgtd2lkdGg6IDc2OHB4O1xuICAgIG1heC1oZWlnaHQ6IDgwdmg7XG4gICAgdHJhbnNmb3JtOiBzY2FsZSgwKTtcbiAgICBvcGFjaXR5OiAwO1xuICAgIHRyYW5zaXRpb246IGFsbCAwLjNzIGVhc2U7XG5cbiAgICAubmYtbGF5ZXItZW50ZXIgJiB7XG4gICAgICAgIG9wYWNpdHk6IDE7XG4gICAgICAgIHRyYW5zZm9ybTogc2NhbGUoMSk7XG4gICAgfVxuXG4gICAgLm5mLWxheWVyLWV4aXQgJiB7XG4gICAgICAgIG9wYWNpdHk6IDA7XG4gICAgICAgIHRyYW5zZm9ybTogc2NhbGUoMCk7XG4gICAgfVxuYDtcblxuZXhwb3J0IHtcbiAgICBIZWFkZXIgYXMgRGlhbG9nSGVhZGVyLFxuICAgIEJvZHkgYXMgRGlhbG9nQm9keSxcbiAgICBGb290ZXIgYXMgRGlhbG9nRm9vdGVyLFxufSBmcm9tICcuLi8uLi9zaGFyZWQvc3R5bGVzJztcblxuaW50ZXJmYWNlIERpYWxvZ09wdGlvbnMge1xuICAgIC8qKiBGbGFnIHRvIGNsb3NlIGRpYWxvZyBvbiBgZXNjYCBjbGljay4gRGVmYXVsdCB2YWx1ZSBpcyB0cnVlLiAqL1xuICAgIGNsb3NlT25Fc2M/OiBib29sZWFuO1xuICAgIC8qKiBDbG9zZSBsYXllciBvdmVybGF5IGlzIGNsaWNrZWQuIERlZmF1bHQgdmFsdWUgaXMgdHJ1ZS4gKi9cbiAgICBjbG9zZU9uT3ZlcmxheUNsaWNrPzogYm9vbGVhbjtcbn1cblxuaW50ZXJmYWNlIERpYWxvZ1N0YXRlIHtcbiAgICBzaG93OiBib29sZWFuO1xuICAgIExheWVyQ29tcG9uZW50PzogKCkgPT4gUmVhY3QuUmVhY3RQb3J0YWwgfCBudWxsO1xufVxuXG5jbGFzcyBEaWFsb2cgZXh0ZW5kcyBSZWFjdC5Db21wb25lbnQ8XG4gICAgUmVhY3QuUHJvcHNXaXRoQ2hpbGRyZW48RGlhbG9nT3B0aW9ucz4gJiBPbWl0PFJlYWN0LkhUTUxQcm9wczxIVE1MRGl2RWxlbWVudD4sICdhcycgfCAncmVmJz4sXG4gICAgRGlhbG9nU3RhdGVcbj4ge1xuICAgIHN0YXRpYyBwcm9wVHlwZXMgPSB7XG4gICAgICAgIC8qKiBGbGFnIHRvIGNsb3NlIGRpYWxvZyBvbiBgZXNjYCBjbGljay4gRGVmYXVsdCB2YWx1ZSBpcyB0cnVlLiAqL1xuICAgICAgICBjbG9zZU9uRXNjOiBQcm9wVHlwZXMuYm9vbCxcbiAgICAgICAgLyoqIENsb3NlIGxheWVyIG92ZXJsYXkgaXMgY2xpY2tlZC4gRGVmYXVsdCB2YWx1ZSBpcyB0cnVlLiAqL1xuICAgICAgICBjbG9zZU9uT3ZlcmxheUNsaWNrOiBQcm9wVHlwZXMuYm9vbCxcbiAgICB9O1xuXG4gICAgc3RhdGljIGRlZmF1bHRQcm9wcyA9IHtcbiAgICAgICAgY2xvc2VPbkVzYzogdHJ1ZSxcbiAgICAgICAgY2xvc2VPbk92ZXJsYXlDbGljazogdHJ1ZSxcbiAgICB9O1xuXG4gICAgcHJpdmF0ZSBjbG9zZURpYWxvZzogKHJlc3A/OiB1bmtub3duKSA9PiB2b2lkO1xuICAgIHByaXZhdGUgb25DbG9zZUZuOiAocmVzcD86IHVua25vd24pID0+IHZvaWQ7XG4gICAgcHJpdmF0ZSBsYXN0Rm9jdXNlZEVsZW1lbnQ6IEhUTUxFbGVtZW50IHwgbnVsbCA9IG51bGw7XG4gICAgcHJpdmF0ZSBkaWFsb2dSZWYgPSBSZWFjdC5jcmVhdGVSZWY8SFRNTERpdkVsZW1lbnQ+KCk7XG5cbiAgICBzdGF0ZTogRGlhbG9nU3RhdGUgPSB7XG4gICAgICAgIHNob3c6IGZhbHNlLFxuICAgICAgICBMYXllckNvbXBvbmVudDogdW5kZWZpbmVkLFxuICAgIH07XG5cbiAgICAvKipcbiAgICAgKiBSZXRyaWV2ZXMgYWxsIGZvY3VzYWJsZSBlbGVtZW50cyB3aXRoaW4gdGhlIGRpYWxvZy5cbiAgICAgKi9cbiAgICBwcml2YXRlIGdldEZvY3VzYWJsZUVsZW1lbnRzID0gKCk6IEhUTUxFbGVtZW50W10gPT4ge1xuICAgICAgICBpZiAoIXRoaXMuZGlhbG9nUmVmLmN1cnJlbnQpIHJldHVybiBbXTtcbiAgICAgICAgcmV0dXJuIEFycmF5LmZyb20oXG4gICAgICAgICAgICB0aGlzLmRpYWxvZ1JlZi5jdXJyZW50LnF1ZXJ5U2VsZWN0b3JBbGwoXG4gICAgICAgICAgICAgICAgJ2J1dHRvbiwgW2hyZWZdLCBpbnB1dCwgc2VsZWN0LCB0ZXh0YXJlYSwgW3RhYmluZGV4XTpub3QoW3RhYmluZGV4PVwiLTFcIl0pJyxcbiAgICAgICAgICAgICksXG4gICAgICAgICkgYXMgSFRNTEVsZW1lbnRbXTtcbiAgICB9O1xuXG4gICAgLyoqXG4gICAgICogSGFuZGxlcyBrZXlkb3duIGV2ZW50cyB0byBpbXBsZW1lbnQgdGhlIGZvY3VzIHRyYXAuXG4gICAgICogVHJhcHMgVGFiIGFuZCBTaGlmdCtUYWIgd2l0aGluIHRoZSBkaWFsb2cuXG4gICAgICovXG4gICAgcHJpdmF0ZSBoYW5kbGVLZXlEb3duID0gKGU6IFJlYWN0LktleWJvYXJkRXZlbnQpID0+IHtcbiAgICAgICAgaWYgKGUua2V5ID09PSAnVGFiJykge1xuICAgICAgICAgICAgY29uc3QgZm9jdXNhYmxlRWxlbWVudHMgPSB0aGlzLmdldEZvY3VzYWJsZUVsZW1lbnRzKCk7XG4gICAgICAgICAgICBpZiAoZm9jdXNhYmxlRWxlbWVudHMubGVuZ3RoID09PSAwKSByZXR1cm47XG5cbiAgICAgICAgICAgIGNvbnN0IGZpcnN0RWxlbWVudCA9IGZvY3VzYWJsZUVsZW1lbnRzWzBdO1xuICAgICAgICAgICAgY29uc3QgbGFzdEVsZW1lbnQgPSBmb2N1c2FibGVFbGVtZW50c1tmb2N1c2FibGVFbGVtZW50cy5sZW5ndGggLSAxXTtcblxuICAgICAgICAgICAgaWYgKGUuc2hpZnRLZXkpIHtcbiAgICAgICAgICAgICAgICBpZiAoZG9jdW1lbnQuYWN0aXZlRWxlbWVudCA9PT0gZmlyc3RFbGVtZW50KSB7XG4gICAgICAgICAgICAgICAgICAgIGxhc3RFbGVtZW50LmZvY3VzKCk7XG4gICAgICAgICAgICAgICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgICAgIGlmIChkb2N1bWVudC5hY3RpdmVFbGVtZW50ID09PSBsYXN0RWxlbWVudCkge1xuICAgICAgICAgICAgICAgICAgICBmaXJzdEVsZW1lbnQuZm9jdXMoKTtcbiAgICAgICAgICAgICAgICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgIH07XG5cbiAgICAvKipcbiAgICAgKiBSZXN0b3JlcyBmb2N1cyB0byB0aGUgZWxlbWVudCB0aGF0IHdhcyBmb2N1c2VkIGJlZm9yZSB0aGUgZGlhbG9nIG9wZW5lZC5cbiAgICAgKi9cbiAgICBwcml2YXRlIHJlc3RvcmVGb2N1cyA9ICgpID0+IHtcbiAgICAgICAgaWYgKHRoaXMubGFzdEZvY3VzZWRFbGVtZW50KSB7XG4gICAgICAgICAgICBjb25zdCBlbGVtZW50VG9CZUZvY3VzZWQgPSB0aGlzLmxhc3RGb2N1c2VkRWxlbWVudDtcbiAgICAgICAgICAgIHRoaXMubGFzdEZvY3VzZWRFbGVtZW50ID0gbnVsbDtcbiAgICAgICAgICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgICAgICAgICAgIGlmIChkb2N1bWVudC5ib2R5LmNvbnRhaW5zKGVsZW1lbnRUb0JlRm9jdXNlZCkpIHtcbiAgICAgICAgICAgICAgICAgICAgZWxlbWVudFRvQmVGb2N1c2VkLmZvY3VzKCk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfSwgMTAwKTtcbiAgICAgICAgfVxuICAgIH07XG5cbiAgICAvKipcbiAgICAgKiBDYWxsYmFjayByZWYgdG8gY2FwdHVyZSB0aGUgRGlhbG9nIERPTSBlbGVtZW50LlxuICAgICAqIFRyaWdnZXJzIGluaXRpYWwgZm9jdXMgc2V0dGluZyB3aGVuIHRoZSBlbGVtZW50IG1vdW50cy5cbiAgICAgKi9cbiAgICBwcml2YXRlIHNldERpYWxvZ1JlZiA9IChub2RlOiBIVE1MRGl2RWxlbWVudCB8IG51bGwpID0+IHtcbiAgICAgICAgKHRoaXMuZGlhbG9nUmVmIGFzIFJlYWN0Lk11dGFibGVSZWZPYmplY3Q8SFRNTERpdkVsZW1lbnQgfCBudWxsPikuY3VycmVudCA9IG5vZGU7XG5cbiAgICAgICAgaWYgKG5vZGUpIHtcbiAgICAgICAgICAgIHRoaXMuc2V0SW5pdGlhbEZvY3VzKG5vZGUpO1xuICAgICAgICB9XG4gICAgfTtcblxuICAgIC8qKlxuICAgICAqIFNldHMgaW5pdGlhbCBmb2N1cyB3aXRoaW4gdGhlIGRpYWxvZy5cbiAgICAgKiBUcmllcyB0byBmb2N1cyB0aGUgaGVhZGVyIGZpcnN0LCB0aGVuIHRoZSBmaXJzdCBpbnRlcmFjdGl2ZSBlbGVtZW50LCBvciBmYWxscyBiYWNrIHRvIHRoZSBjb250YWluZXIuXG4gICAgICovXG4gICAgcHJpdmF0ZSBzZXRJbml0aWFsRm9jdXMgPSAocm9vdDogSFRNTEVsZW1lbnQpID0+IHtcbiAgICAgICAgY29uc3QgZmlyc3RDaGlsZCA9IHJvb3QuZmlyc3RFbGVtZW50Q2hpbGQgYXMgSFRNTEVsZW1lbnQ7XG4gICAgICAgIGlmIChmaXJzdENoaWxkKSB7XG4gICAgICAgICAgICBpZiAoZmlyc3RDaGlsZC5nZXRBdHRyaWJ1dGUoJ3RhYmluZGV4JykgPT09IG51bGwpIHtcbiAgICAgICAgICAgICAgICBmaXJzdENoaWxkLnNldEF0dHJpYnV0ZSgndGFiaW5kZXgnLCAnLTEnKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIGZpcnN0Q2hpbGQuZm9jdXMoKTtcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfVxuXG4gICAgICAgIGNvbnN0IGZvY3VzYWJsZUVsZW1lbnRzID0gdGhpcy5nZXRGb2N1c2FibGVFbGVtZW50cygpO1xuICAgICAgICBpZiAoZm9jdXNhYmxlRWxlbWVudHMubGVuZ3RoID4gMCkge1xuICAgICAgICAgICAgZm9jdXNhYmxlRWxlbWVudHNbMF0uZm9jdXMoKTtcbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgIHJvb3QuZm9jdXMoKTtcbiAgICAgICAgfVxuICAgIH07XG5cbiAgICBzaG91bGRDb21wb25lbnRVcGRhdGUobmV4dFByb3BzOiBEaWFsb2dPcHRpb25zLCBuZXh0U3RhdGU6IERpYWxvZ1N0YXRlKSB7XG4gICAgICAgIHJldHVybiB0aGlzLnN0YXRlLnNob3cgIT09IG5leHRTdGF0ZS5zaG93O1xuICAgIH1cblxuICAgIGNvbXBvbmVudFdpbGxVbm1vdW50KCkge1xuICAgICAgICAvLyBDbGVhbiB1cCBpZiBjb21wb25lbnQgdW5tb3VudHMgd2hpbGUgZGlhbG9nIGlzIG9wZW5cbiAgICAgICAgaWYgKHRoaXMuc3RhdGUuc2hvdyAmJiB0aGlzLmNsb3NlRGlhbG9nKSB7XG4gICAgICAgICAgICB0aGlzLmNsb3NlRGlhbG9nKCk7XG4gICAgICAgIH1cbiAgICAgICAgdGhpcy5yZXN0b3JlRm9jdXMoKTtcbiAgICAgICAgdGhpcy5jbG9zZURpYWxvZyA9IG51bGw7XG4gICAgICAgIHRoaXMub25DbG9zZUZuID0gbnVsbDtcbiAgICB9XG5cbiAgICBwdWJsaWMgb3BlbiA9IChjbG9zZUNhbGxiYWNrPzogKHJlc3A6IHVua25vd24pID0+IHZvaWQpID0+IHtcbiAgICAgICAgY29uc3QgeyBjbG9zZU9uRXNjLCBjbG9zZU9uT3ZlcmxheUNsaWNrLCBjaGlsZHJlbiwgLi4ucmVzdCB9ID0gdGhpcy5wcm9wcztcblxuICAgICAgICAvLyBTYXZlIGN1cnJlbnQgZm9jdXNcbiAgICAgICAgdGhpcy5sYXN0Rm9jdXNlZEVsZW1lbnQgPSBkb2N1bWVudC5hY3RpdmVFbGVtZW50IGFzIEhUTUxFbGVtZW50O1xuXG4gICAgICAgIGNvbnN0IFtDb21wb25lbnQsIGNsb3NlRm5dID0gTGF5ZXJNYW5hZ2VyLnJlbmRlckxheWVyKHtcbiAgICAgICAgICAgIGV4aXREZWxheTogMzAwLFxuICAgICAgICAgICAgb3ZlcmxheTogdHJ1ZSxcbiAgICAgICAgICAgIGNsb3NlT25Fc2MsXG4gICAgICAgICAgICBjbG9zZUNhbGxiYWNrOiB0aGlzLmNsb3NlQ2FsbGJhY2ssXG4gICAgICAgICAgICBjbG9zZU9uT3ZlcmxheUNsaWNrLFxuICAgICAgICAgICAgcG9zaXRpb246IExBWUVSX1BPU0lUSU9OLkRJQUxPRyxcbiAgICAgICAgICAgIGNvbXBvbmVudDogKFxuICAgICAgICAgICAgICAgIDxEaWFsb2dDb250YWluZXJcbiAgICAgICAgICAgICAgICAgICAgey4uLnJlc3R9XG4gICAgICAgICAgICAgICAgICAgIHJlZj17dGhpcy5zZXREaWFsb2dSZWZ9XG4gICAgICAgICAgICAgICAgICAgIHJvbGU9XCJkaWFsb2dcIlxuICAgICAgICAgICAgICAgICAgICBhcmlhLW1vZGFsPVwidHJ1ZVwiXG4gICAgICAgICAgICAgICAgICAgIHRhYkluZGV4PXstMX1cbiAgICAgICAgICAgICAgICAgICAgb25LZXlEb3duPXt0aGlzLmhhbmRsZUtleURvd259XG4gICAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9eyhlKSA9PiBlLnN0b3BQcm9wYWdhdGlvbigpfVxuICAgICAgICAgICAgICAgICAgICBlbGV2YXRlZFxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICAgICAgICAgIDwvRGlhbG9nQ29udGFpbmVyPlxuICAgICAgICAgICAgKSxcbiAgICAgICAgfSk7XG5cbiAgICAgICAgdGhpcy5jbG9zZURpYWxvZyA9IGNsb3NlRm47XG5cbiAgICAgICAgdGhpcy5zZXRTdGF0ZSh7XG4gICAgICAgICAgICBzaG93OiB0cnVlLFxuICAgICAgICAgICAgTGF5ZXJDb21wb25lbnQ6IENvbXBvbmVudCxcbiAgICAgICAgfSk7XG4gICAgICAgIHRoaXMub25DbG9zZUZuID0gY2xvc2VDYWxsYmFjaztcbiAgICB9O1xuXG4gICAgcHVibGljIGNsb3NlID0gKHJlc3A/OiB1bmtub3duKSA9PiB7XG4gICAgICAgIHRoaXMuY2xvc2VEaWFsb2c/LihyZXNwKTtcbiAgICB9O1xuXG4gICAgcHJpdmF0ZSBjbG9zZUNhbGxiYWNrID0gKHJlc3A/OiB1bmtub3duKSA9PiB7XG4gICAgICAgIHRoaXMucmVzdG9yZUZvY3VzKCk7XG4gICAgICAgIHRoaXMuc2V0U3RhdGUoe1xuICAgICAgICAgICAgc2hvdzogZmFsc2UsXG4gICAgICAgICAgICBMYXllckNvbXBvbmVudDogdW5kZWZpbmVkLFxuICAgICAgICB9KTtcbiAgICAgICAgdGhpcy5vbkNsb3NlRm4/LihyZXNwKTtcbiAgICB9O1xuXG4gICAgcmVuZGVyKCkge1xuICAgICAgICBjb25zdCB7IExheWVyQ29tcG9uZW50IH0gPSB0aGlzLnN0YXRlO1xuXG4gICAgICAgIGlmICh0aGlzLnN0YXRlLnNob3cgJiYgTGF5ZXJDb21wb25lbnQpIHtcbiAgICAgICAgICAgIHJldHVybiA8TGF5ZXJDb21wb25lbnQgLz47XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICByZXR1cm4gbnVsbDtcbiAgICAgICAgfVxuICAgIH1cbn1cblxuZXhwb3J0IGRlZmF1bHQgRGlhbG9nO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU0rQiJ9 */");
+})("max-width:768px;max-height:80vh;transform:scale(0);opacity:0;transition:all 0.3s ease;.nf-layer-enter &{opacity:1;transform:scale(1);}.nf-layer-exit &{opacity:0;transform:scale(0);}");
 class Dialog extends React.Component {
     shouldComponentUpdate(nextProps, nextState) {
         return this.state.show !== nextState.show;
@@ -31,7 +30,7 @@ class Dialog extends React.Component {
         }
     }
     constructor(...args){
-        super(...args), this.lastFocusedElement = null, this.dialogRef = /*#__PURE__*/ React.createRef(), this.state = {
+        super(...args), this.closeDialog = null, this.onCloseFn = null, this.lastFocusedElement = null, this.dialogRef = /*#__PURE__*/ React.createRef(), this.state = {
             show: false,
             LayerComponent: undefined
         }, /**
@@ -80,6 +79,13 @@ class Dialog extends React.Component {
             if (node) {
                 this.setInitialFocus(node);
             }
+            if (this.props.forwardRef) {
+                if (typeof this.props.forwardRef === 'function') {
+                    this.props.forwardRef(node);
+                } else {
+                    this.props.forwardRef.current = node;
+                }
+            }
         }, /**
      * Sets initial focus within the dialog.
      * Tries to focus the header first, then the first interactive element, or falls back to the container.
@@ -110,9 +116,9 @@ class Dialog extends React.Component {
                 closeOnOverlayClick,
                 position: LAYER_POSITION.DIALOG,
                 component: /*#__PURE__*/ jsx(DialogContainer, {
+                    role: "dialog",
                     ...rest,
                     ref: this.setDialogRef,
-                    role: "dialog",
                     "aria-modal": "true",
                     tabIndex: -1,
                     onKeyDown: this.handleKeyDown,
@@ -126,7 +132,7 @@ class Dialog extends React.Component {
                 show: true,
                 LayerComponent: Component
             });
-            this.onCloseFn = closeCallback;
+            this.onCloseFn = closeCallback ?? null;
         }, this.close = (resp)=>{
             this.closeDialog?.(resp);
         }, this.closeCallback = (resp)=>{
@@ -139,13 +145,10 @@ class Dialog extends React.Component {
         };
     }
 }
-Dialog.propTypes = {
-    /** Flag to close dialog on `esc` click. Default value is true. */ closeOnEsc: PropTypes.bool,
-    /** Close layer overlay is clicked. Default value is true. */ closeOnOverlayClick: PropTypes.bool
-};
 Dialog.defaultProps = {
     closeOnEsc: true,
     closeOnOverlayClick: true
 };
 
 export { DialogContainer, Dialog as default };
+//# sourceMappingURL=Dialog.js.map

package/lib-esm/components/Dialog/Dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.js","sources":["../../../src/components/Dialog/Dialog.tsx"],"sourcesContent":["import React from 'react';\nimport styled from '@emotion/styled';\nimport LayerManager, { LAYER_POSITION } from '../../shared/LayerManager';\nimport { Card } from '../Card';\n\nexport const DialogContainer = styled(Card)`\n    max-width: 768px;\n    max-height: 80vh;\n    transform: scale(0);\n    opacity: 0;\n    transition: all 0.3s ease;\n\n    .nf-layer-enter & {\n        opacity: 1;\n        transform: scale(1);\n    }\n\n    .nf-layer-exit & {\n        opacity: 0;\n        transform: scale(0);\n    }\n`;\n\nexport {\n    Header as DialogHeader,\n    Body as DialogBody,\n    Footer as DialogFooter,\n} from '../../shared/styles';\n\ninterface DialogOptions {\n    /** Flag to close dialog on `esc` click. Default value is true. */\n    closeOnEsc?: boolean;\n    /** Close layer overlay is clicked. Default value is true. */\n    closeOnOverlayClick?: boolean;\n    /** Ref forwarded to the underlying HTMLDivElement of the dialog container */\n    forwardRef?: React.Ref<HTMLDivElement>;\n}\n\ninterface DialogState {\n    show: boolean;\n    LayerComponent?: React.ComponentType | null;\n}\n\nclass Dialog extends React.Component<\n    React.PropsWithChildren<DialogOptions> & React.HTMLAttributes<HTMLDivElement>,\n    DialogState\n> {\n    static defaultProps = {\n        closeOnEsc: true,\n        closeOnOverlayClick: true,\n    };\n\n    private closeDialog: ((resp?: unknown) => void) | null = null;\n    private onCloseFn: ((resp?: unknown) => void) | null = null;\n    private lastFocusedElement: HTMLElement | null = null;\n    private dialogRef = React.createRef<HTMLDivElement>();\n\n    state: DialogState = {\n        show: false,\n        LayerComponent: undefined,\n    };\n\n    /**\n     * Retrieves all focusable elements within the dialog.\n     */\n    private getFocusableElements = (): HTMLElement[] => {\n        if (!this.dialogRef.current) return [];\n        return Array.from(\n            this.dialogRef.current.querySelectorAll(\n                'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])',\n            ),\n        ) as HTMLElement[];\n    };\n\n    /**\n     * Handles keydown events to implement the focus trap.\n     * Traps Tab and Shift+Tab within the dialog.\n     */\n    private handleKeyDown = (e: React.KeyboardEvent) => {\n        if (e.key === 'Tab') {\n            const focusableElements = this.getFocusableElements();\n            if (focusableElements.length === 0) return;\n\n            const firstElement = focusableElements[0];\n            const lastElement = focusableElements[focusableElements.length - 1];\n\n            if (e.shiftKey) {\n                if (document.activeElement === firstElement) {\n                    lastElement.focus();\n                    e.preventDefault();\n                }\n            } else {\n                if (document.activeElement === lastElement) {\n                    firstElement.focus();\n                    e.preventDefault();\n                }\n            }\n        }\n    };\n\n    /**\n     * Restores focus to the element that was focused before the dialog opened.\n     */\n    private restoreFocus = () => {\n        if (this.lastFocusedElement) {\n            const elementToBeFocused = this.lastFocusedElement;\n            this.lastFocusedElement = null;\n            setTimeout(() => {\n                if (document.body.contains(elementToBeFocused)) {\n                    elementToBeFocused.focus();\n                }\n            }, 100);\n        }\n    };\n\n    /**\n     * Callback ref to capture the Dialog DOM element.\n     * Triggers initial focus setting when the element mounts.\n     */\n    private setDialogRef = (node: HTMLDivElement | null) => {\n        (this.dialogRef as React.MutableRefObject<HTMLDivElement | null>).current = node;\n\n        if (node) {\n            this.setInitialFocus(node);\n        }\n\n        if (this.props.forwardRef) {\n            if (typeof this.props.forwardRef === 'function') {\n                this.props.forwardRef(node);\n            } else {\n                (this.props.forwardRef as React.MutableRefObject<HTMLDivElement | null>).current =\n                    node;\n            }\n        }\n    };\n\n    /**\n     * Sets initial focus within the dialog.\n     * Tries to focus the header first, then the first interactive element, or falls back to the container.\n     */\n    private setInitialFocus = (root: HTMLElement) => {\n        const firstChild = root.firstElementChild as HTMLElement;\n        if (firstChild) {\n            if (firstChild.getAttribute('tabindex') === null) {\n                firstChild.setAttribute('tabindex', '-1');\n            }\n            firstChild.focus();\n            return;\n        }\n\n        const focusableElements = this.getFocusableElements();\n        if (focusableElements.length > 0) {\n            focusableElements[0].focus();\n        } else {\n            root.focus();\n        }\n    };\n\n    shouldComponentUpdate(nextProps: DialogOptions, nextState: DialogState) {\n        return this.state.show !== nextState.show;\n    }\n\n    componentWillUnmount() {\n        // Clean up if component unmounts while dialog is open\n        if (this.state.show && this.closeDialog) {\n            this.closeDialog();\n        }\n        this.restoreFocus();\n        this.closeDialog = null;\n        this.onCloseFn = null;\n    }\n\n    public open = (closeCallback?: (resp?: unknown) => void) => {\n        const { closeOnEsc, closeOnOverlayClick, children, ...rest } = this.props;\n\n        // Save current focus\n        this.lastFocusedElement = document.activeElement as HTMLElement;\n\n        const [Component, closeFn] = LayerManager.renderLayer({\n            exitDelay: 300,\n            overlay: true,\n            closeOnEsc,\n            closeCallback: this.closeCallback,\n            closeOnOverlayClick,\n            position: LAYER_POSITION.DIALOG,\n            component: (\n                <DialogContainer\n                    role=\"dialog\"\n                    {...rest}\n                    ref={this.setDialogRef}\n                    aria-modal=\"true\"\n                    tabIndex={-1}\n                    onKeyDown={this.handleKeyDown}\n                    onClick={(e) => e.stopPropagation()}\n                    elevated\n                >\n                    {children}\n                </DialogContainer>\n            ),\n        });\n\n        this.closeDialog = closeFn;\n\n        this.setState({\n            show: true,\n            LayerComponent: Component,\n        });\n        this.onCloseFn = closeCallback ?? null;\n    };\n\n    public close = (resp?: unknown) => {\n        this.closeDialog?.(resp);\n    };\n\n    private closeCallback = (resp?: unknown) => {\n        this.restoreFocus();\n        this.setState({\n            show: false,\n            LayerComponent: undefined,\n        });\n        this.onCloseFn?.(resp);\n    };\n\n    render() {\n        const { LayerComponent } = this.state;\n\n        if (this.state.show && LayerComponent) {\n            return <LayerComponent />;\n        } else {\n            return null;\n        }\n    }\n}\n\nexport default Dialog;\n"],"names":["DialogContainer","styled","Card","Dialog","React","Component","shouldComponentUpdate","nextProps","nextState","state","show","componentWillUnmount","closeDialog","restoreFocus","onCloseFn","render","LayerComponent","_jsx","lastFocusedElement","dialogRef","createRef","undefined","getFocusableElements","current","Array","from","querySelectorAll","handleKeyDown","e","key","focusableElements","length","firstElement","lastElement","shiftKey","document","activeElement","focus","preventDefault","elementToBeFocused","setTimeout","body","contains","setDialogRef","node","setInitialFocus","props","forwardRef","root","firstChild","firstElementChild","getAttribute","setAttribute","open","closeCallback","closeOnEsc","closeOnOverlayClick","children","rest","closeFn","LayerManager","renderLayer","exitDelay","overlay","position","LAYER_POSITION","DIALOG","component","role","ref","aria-modal","tabIndex","onKeyDown","onClick","stopPropagation","elevated","setState","close","resp","defaultProps"],"mappings":"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"}

package/lib-esm/components/Dialog/PromptDialog.d.ts

@@ -1,25 +1,24 @@
 import React from 'react';
-import PropTypes from 'prop-types';
-type PromptOption = PropTypes.InferProps<typeof PromptDialog.propTypes>;
+import Dialog from './Dialog';
+type PromptOption = {
+    /** Shown as header of the dialog */
+    header: string;
+    /** Rendered as the body of the dialog */
+    body: string;
+    /** Default value for the input. */
+    defaultValue?: string;
+    /** Submit button text. Default value is 'Submit' */
+    submitText?: string;
+    /** Cancel button text. Default value is 'Cancel' */
+    cancelText?: string;
+    /** Props for the input. */
+    inputProps?: React.HTMLProps<HTMLInputElement>;
+    /** Additional props for the dialog. */
+    dialogProps?: React.ComponentProps<typeof Dialog>;
+};
 export default class PromptDialog extends React.Component<PromptOption, {
-    value: string;
+    value?: string;
 }> {
-    static propTypes: {
-        /** Shown as header of the dialog */
-        header: PropTypes.Requireable<string>;
-        /** Rendered as the body of the dialog */
-        body: PropTypes.Requireable<string>;
-        /** Default value for the input. */
-        defaultValue: PropTypes.Requireable<string>;
-        /** Submit button text. Default value is 'Submit' */
-        submitText: PropTypes.Requireable<string>;
-        /** Cancel button text. Default value is 'Cancel' */
-        cancelText: PropTypes.Requireable<string>;
-        /** Props for the input. */
-        inputProps: PropTypes.Requireable<object>;
-        /** Additional props for the dialog. */
-        dialogProps: PropTypes.Requireable<object>;
-    };
     static defaultProps: {
         cancelText: string;
         submitText: string;

package/lib-esm/components/Dialog/PromptDialog.js

@@ -1,25 +1,24 @@
 import { jsx, jsxs } from '@emotion/react/jsx-runtime';
 import React, { createRef } from 'react';
-import PropTypes from 'prop-types';
 import styled from '@emotion/styled';
 import Dialog from './Dialog.js';
 import { Header, Body, Footer } from '../../shared/styles.js';
-import StyledButton from '../Button/Button.js';
+import Button from '../Button/Button.js';
 import ActionButton from '../Button/ActionButton.js';
 import Input from '../Input/Input.js';
 
 const BodyText = /*#__PURE__*/ styled("p", {
-    target: "ecd5j070",
+    target: "e18k0mlw0",
     label: "BodyText"
-})("margin-top:0;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbm8tZnJpbGxzLXVpL25vLWZyaWxscy11aS9zcmMvY29tcG9uZW50cy9EaWFsb2cvUHJvbXB0RGlhbG9nLnRzeCIsInNvdXJjZXMiOlsiL2hvbWUvcnVubmVyL3dvcmsvbm8tZnJpbGxzLXVpL25vLWZyaWxscy11aS9zcmMvY29tcG9uZW50cy9EaWFsb2cvUHJvbXB0RGlhbG9nLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgY3JlYXRlUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IEJ1dHRvbiwgQWN0aW9uQnV0dG9uIH0gZnJvbSAnLi4vQnV0dG9uJztcbmltcG9ydCB7IElucHV0IH0gZnJvbSAnLi4vSW5wdXQnO1xuaW1wb3J0IERpYWxvZywgeyBEaWFsb2dIZWFkZXIsIERpYWxvZ0JvZHksIERpYWxvZ0Zvb3RlciB9IGZyb20gJy4vRGlhbG9nJztcblxudHlwZSBQcm9tcHRPcHRpb24gPSBQcm9wVHlwZXMuSW5mZXJQcm9wczx0eXBlb2YgUHJvbXB0RGlhbG9nLnByb3BUeXBlcz47XG5cbmNvbnN0IEJvZHlUZXh0ID0gc3R5bGVkLnBgXG4gICAgbWFyZ2luLXRvcDogMDtcbmA7XG5cbmNvbnN0IElucHV0Q29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXg6IDE7XG4gICAgbWFyZ2luLXRvcDogMTBweDtcblxuICAgICYgPiBsYWJlbCB7XG4gICAgICAgIGZsZXg6IDE7XG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICBwYWRkaW5nOiAwO1xuXG4gICAgICAgICYgPiBpbnB1dCB7XG4gICAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICAgIHBhZGRpbmc6IDAgOHB4O1xuICAgICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgfVxuICAgIH1cbmA7XG5cbmNvbnN0IFN0eWxlZElucHV0ID0gc3R5bGVkKElucHV0KWBcbiAgICBmbGV4OiAxO1xuICAgIHBhZGRpbmc6IDA7XG5gO1xuXG5leHBvcnQgZGVmYXVsdCBjbGFzcyBQcm9tcHREaWFsb2cgZXh0ZW5kcyBSZWFjdC5Db21wb25lbnQ8UHJvbXB0T3B0aW9uLCB7IHZhbHVlOiBzdHJpbmcgfT4ge1xuICAgIHN0YXRpYyBwcm9wVHlwZXMgPSB7XG4gICAgICAgIC8qKiBTaG93biBhcyBoZWFkZXIgb2YgdGhlIGRpYWxvZyAqL1xuICAgICAgICBoZWFkZXI6IFByb3BUeXBlcy5zdHJpbmcsXG4gICAgICAgIC8qKiBSZW5kZXJlZCBhcyB0aGUgYm9keSBvZiB0aGUgZGlhbG9nICovXG4gICAgICAgIGJvZHk6IFByb3BUeXBlcy5zdHJpbmcsXG4gICAgICAgIC8qKiBEZWZhdWx0IHZhbHVlIGZvciB0aGUgaW5wdXQuICovXG4gICAgICAgIGRlZmF1bHRWYWx1ZTogUHJvcFR5cGVzLnN0cmluZyxcbiAgICAgICAgLyoqIFN1Ym1pdCBidXR0b24gdGV4dC4gRGVmYXVsdCB2YWx1ZSBpcyAnU3VibWl0JyAqL1xuICAgICAgICBzdWJtaXRUZXh0OiBQcm9wVHlwZXMuc3RyaW5nLFxuICAgICAgICAvKiogQ2FuY2VsIGJ1dHRvbiB0ZXh0LiBEZWZhdWx0IHZhbHVlIGlzICdDYW5jZWwnICovXG4gICAgICAgIGNhbmNlbFRleHQ6IFByb3BUeXBlcy5zdHJpbmcsXG4gICAgICAgIC8qKiBQcm9wcyBmb3IgdGhlIGlucHV0LiAqL1xuICAgICAgICBpbnB1dFByb3BzOiBQcm9wVHlwZXMub2JqZWN0LFxuICAgICAgICAvKiogQWRkaXRpb25hbCBwcm9wcyBmb3IgdGhlIGRpYWxvZy4gKi9cbiAgICAgICAgZGlhbG9nUHJvcHM6IFByb3BUeXBlcy5vYmplY3QsXG4gICAgfTtcblxuICAgIHN0YXRpYyBkZWZhdWx0UHJvcHMgPSB7XG4gICAgICAgIGNhbmNlbFRleHQ6ICdDYW5jZWwnLFxuICAgICAgICBzdWJtaXRUZXh0OiAnU3VibWl0JyxcbiAgICAgICAgZGVmYXVsdFZhbHVlOiAnJyxcbiAgICB9O1xuXG4gICAgY29uc3RydWN0b3IocHJvcHM6IFByb21wdE9wdGlvbikge1xuICAgICAgICBzdXBlcihwcm9wcyk7XG4gICAgICAgIHRoaXMuc3RhdGUgPSB7XG4gICAgICAgICAgICB2YWx1ZTogcHJvcHMuZGVmYXVsdFZhbHVlLFxuICAgICAgICB9O1xuICAgIH1cblxuICAgIHByaXZhdGUgZGlhbG9nID0gY3JlYXRlUmVmPERpYWxvZz4oKTtcblxuICAgIHByaXZhdGUgdmFsdWVDaGFuZ2UgPSAoZTogUmVhY3QuQ2hhbmdlRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHtcbiAgICAgICAgdGhpcy5zZXRTdGF0ZSh7XG4gICAgICAgICAgICB2YWx1ZTogZS50YXJnZXQudmFsdWUsXG4gICAgICAgIH0pO1xuICAgIH07XG5cbiAgICBwcml2YXRlIGNhbmNlbCA9ICgpID0+IHRoaXMuZGlhbG9nLmN1cnJlbnQuY2xvc2UoKTtcblxuICAgIHByaXZhdGUgc3VibWl0ID0gKGU6IFJlYWN0LkZvcm1FdmVudCkgPT4ge1xuICAgICAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgIHRoaXMuZGlhbG9nLmN1cnJlbnQuY2xvc2UodGhpcy5zdGF0ZS52YWx1ZSk7XG4gICAgfTtcblxuICAgIHB1YmxpYyBzaG93ID0gKCkgPT4ge1xuICAgICAgICByZXR1cm4gbmV3IFByb21pc2UoKHJlc29sdmUsIHJlamVjdCkgPT4ge1xuICAgICAgICAgICAgY29uc3Qgb25DbG9zZSA9ICh2YWx1ZTogc3RyaW5nKSA9PiB7XG4gICAgICAgICAgICAgICAgaWYgKHZhbHVlKSB7XG4gICAgICAgICAgICAgICAgICAgIHJlc29sdmUodmFsdWUpO1xuICAgICAgICAgICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICAgICAgICAgIHJlamVjdCgpO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICB0aGlzLnNldFN0YXRlKHtcbiAgICAgICAgICAgICAgICAgICAgdmFsdWU6IHRoaXMucHJvcHMuZGVmYXVsdFZhbHVlLFxuICAgICAgICAgICAgICAgIH0pO1xuICAgICAgICAgICAgfTtcbiAgICAgICAgICAgIHRoaXMuZGlhbG9nLmN1cnJlbnQub3BlbihvbkNsb3NlKTtcbiAgICAgICAgfSk7XG4gICAgfTtcblxuICAgIHJlbmRlcigpIHtcbiAgICAgICAgY29uc3QgeyBoZWFkZXIsIGJvZHksIGlucHV0UHJvcHMsIHN1Ym1pdFRleHQsIGNhbmNlbFRleHQsIGRpYWxvZ1Byb3BzIH0gPSB0aGlzLnByb3BzO1xuXG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICA8RGlhbG9nXG4gICAgICAgICAgICAgICAgey4uLmRpYWxvZ1Byb3BzfVxuICAgICAgICAgICAgICAgIHJlZj17dGhpcy5kaWFsb2d9XG4gICAgICAgICAgICAgICAgY2xvc2VPbkVzYz17ZmFsc2V9XG4gICAgICAgICAgICAgICAgY2xvc2VPbk92ZXJsYXlDbGljaz17ZmFsc2V9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPGZvcm0gb25TdWJtaXQ9e3RoaXMuc3VibWl0fT5cbiAgICAgICAgICAgICAgICAgICAge2hlYWRlciAmJiA8RGlhbG9nSGVhZGVyPntoZWFkZXJ9PC9EaWFsb2dIZWFkZXI+fVxuICAgICAgICAgICAgICAgICAgICA8RGlhbG9nQm9keT5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxCb2R5VGV4dD57Ym9keX08L0JvZHlUZXh0PlxuICAgICAgICAgICAgICAgICAgICAgICAgPElucHV0Q29udGFpbmVyPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxTdHlsZWRJbnB1dFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB2YWx1ZT17dGhpcy5zdGF0ZS52YWx1ZX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgb25DaGFuZ2U9e3RoaXMudmFsdWVDaGFuZ2V9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHsuLi5pbnB1dFByb3BzfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L0lucHV0Q29udGFpbmVyPlxuICAgICAgICAgICAgICAgICAgICA8L0RpYWxvZ0JvZHk+XG4gICAgICAgICAgICAgICAgICAgIDxEaWFsb2dGb290ZXI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8QnV0dG9uIHR5cGU9XCJidXR0b25cIiBvbkNsaWNrPXt0aGlzLmNhbmNlbH0+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAge2NhbmNlbFRleHR9XG4gICAgICAgICAgICAgICAgICAgICAgICA8L0J1dHRvbj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxBY3Rpb25CdXR0b24+e3N1Ym1pdFRleHR9PC9BY3Rpb25CdXR0b24+XG4gICAgICAgICAgICAgICAgICAgIDwvRGlhbG9nRm9vdGVyPlxuICAgICAgICAgICAgICAgIDwvZm9ybT5cbiAgICAgICAgICAgIDwvRGlhbG9nPlxuICAgICAgICApO1xuICAgIH1cbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFTaUIifQ== */");
+})("margin-top:0;");
 const InputContainer = /*#__PURE__*/ styled("div", {
-    target: "ecd5j071",
+    target: "e18k0mlw1",
     label: "InputContainer"
-})("display:flex;flex:1;margin-top:10px;& > label{flex:1;width:100%;padding:0;& > input{width:100%;padding:0 8px;box-sizing:border-box;}}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbm8tZnJpbGxzLXVpL25vLWZyaWxscy11aS9zcmMvY29tcG9uZW50cy9EaWFsb2cvUHJvbXB0RGlhbG9nLnRzeCIsInNvdXJjZXMiOlsiL2hvbWUvcnVubmVyL3dvcmsvbm8tZnJpbGxzLXVpL25vLWZyaWxscy11aS9zcmMvY29tcG9uZW50cy9EaWFsb2cvUHJvbXB0RGlhbG9nLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgY3JlYXRlUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IEJ1dHRvbiwgQWN0aW9uQnV0dG9uIH0gZnJvbSAnLi4vQnV0dG9uJztcbmltcG9ydCB7IElucHV0IH0gZnJvbSAnLi4vSW5wdXQnO1xuaW1wb3J0IERpYWxvZywgeyBEaWFsb2dIZWFkZXIsIERpYWxvZ0JvZHksIERpYWxvZ0Zvb3RlciB9IGZyb20gJy4vRGlhbG9nJztcblxudHlwZSBQcm9tcHRPcHRpb24gPSBQcm9wVHlwZXMuSW5mZXJQcm9wczx0eXBlb2YgUHJvbXB0RGlhbG9nLnByb3BUeXBlcz47XG5cbmNvbnN0IEJvZHlUZXh0ID0gc3R5bGVkLnBgXG4gICAgbWFyZ2luLXRvcDogMDtcbmA7XG5cbmNvbnN0IElucHV0Q29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXg6IDE7XG4gICAgbWFyZ2luLXRvcDogMTBweDtcblxuICAgICYgPiBsYWJlbCB7XG4gICAgICAgIGZsZXg6IDE7XG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICBwYWRkaW5nOiAwO1xuXG4gICAgICAgICYgPiBpbnB1dCB7XG4gICAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICAgIHBhZGRpbmc6IDAgOHB4O1xuICAgICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgfVxuICAgIH1cbmA7XG5cbmNvbnN0IFN0eWxlZElucHV0ID0gc3R5bGVkKElucHV0KWBcbiAgICBmbGV4OiAxO1xuICAgIHBhZGRpbmc6IDA7XG5gO1xuXG5leHBvcnQgZGVmYXVsdCBjbGFzcyBQcm9tcHREaWFsb2cgZXh0ZW5kcyBSZWFjdC5Db21wb25lbnQ8UHJvbXB0T3B0aW9uLCB7IHZhbHVlOiBzdHJpbmcgfT4ge1xuICAgIHN0YXRpYyBwcm9wVHlwZXMgPSB7XG4gICAgICAgIC8qKiBTaG93biBhcyBoZWFkZXIgb2YgdGhlIGRpYWxvZyAqL1xuICAgICAgICBoZWFkZXI6IFByb3BUeXBlcy5zdHJpbmcsXG4gICAgICAgIC8qKiBSZW5kZXJlZCBhcyB0aGUgYm9keSBvZiB0aGUgZGlhbG9nICovXG4gICAgICAgIGJvZHk6IFByb3BUeXBlcy5zdHJpbmcsXG4gICAgICAgIC8qKiBEZWZhdWx0IHZhbHVlIGZvciB0aGUgaW5wdXQuICovXG4gICAgICAgIGRlZmF1bHRWYWx1ZTogUHJvcFR5cGVzLnN0cmluZyxcbiAgICAgICAgLyoqIFN1Ym1pdCBidXR0b24gdGV4dC4gRGVmYXVsdCB2YWx1ZSBpcyAnU3VibWl0JyAqL1xuICAgICAgICBzdWJtaXRUZXh0OiBQcm9wVHlwZXMuc3RyaW5nLFxuICAgICAgICAvKiogQ2FuY2VsIGJ1dHRvbiB0ZXh0LiBEZWZhdWx0IHZhbHVlIGlzICdDYW5jZWwnICovXG4gICAgICAgIGNhbmNlbFRleHQ6IFByb3BUeXBlcy5zdHJpbmcsXG4gICAgICAgIC8qKiBQcm9wcyBmb3IgdGhlIGlucHV0LiAqL1xuICAgICAgICBpbnB1dFByb3BzOiBQcm9wVHlwZXMub2JqZWN0LFxuICAgICAgICAvKiogQWRkaXRpb25hbCBwcm9wcyBmb3IgdGhlIGRpYWxvZy4gKi9cbiAgICAgICAgZGlhbG9nUHJvcHM6IFByb3BUeXBlcy5vYmplY3QsXG4gICAgfTtcblxuICAgIHN0YXRpYyBkZWZhdWx0UHJvcHMgPSB7XG4gICAgICAgIGNhbmNlbFRleHQ6ICdDYW5jZWwnLFxuICAgICAgICBzdWJtaXRUZXh0OiAnU3VibWl0JyxcbiAgICAgICAgZGVmYXVsdFZhbHVlOiAnJyxcbiAgICB9O1xuXG4gICAgY29uc3RydWN0b3IocHJvcHM6IFByb21wdE9wdGlvbikge1xuICAgICAgICBzdXBlcihwcm9wcyk7XG4gICAgICAgIHRoaXMuc3RhdGUgPSB7XG4gICAgICAgICAgICB2YWx1ZTogcHJvcHMuZGVmYXVsdFZhbHVlLFxuICAgICAgICB9O1xuICAgIH1cblxuICAgIHByaXZhdGUgZGlhbG9nID0gY3JlYXRlUmVmPERpYWxvZz4oKTtcblxuICAgIHByaXZhdGUgdmFsdWVDaGFuZ2UgPSAoZTogUmVhY3QuQ2hhbmdlRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHtcbiAgICAgICAgdGhpcy5zZXRTdGF0ZSh7XG4gICAgICAgICAgICB2YWx1ZTogZS50YXJnZXQudmFsdWUsXG4gICAgICAgIH0pO1xuICAgIH07XG5cbiAgICBwcml2YXRlIGNhbmNlbCA9ICgpID0+IHRoaXMuZGlhbG9nLmN1cnJlbnQuY2xvc2UoKTtcblxuICAgIHByaXZhdGUgc3VibWl0ID0gKGU6IFJlYWN0LkZvcm1FdmVudCkgPT4ge1xuICAgICAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgIHRoaXMuZGlhbG9nLmN1cnJlbnQuY2xvc2UodGhpcy5zdGF0ZS52YWx1ZSk7XG4gICAgfTtcblxuICAgIHB1YmxpYyBzaG93ID0gKCkgPT4ge1xuICAgICAgICByZXR1cm4gbmV3IFByb21pc2UoKHJlc29sdmUsIHJlamVjdCkgPT4ge1xuICAgICAgICAgICAgY29uc3Qgb25DbG9zZSA9ICh2YWx1ZTogc3RyaW5nKSA9PiB7XG4gICAgICAgICAgICAgICAgaWYgKHZhbHVlKSB7XG4gICAgICAgICAgICAgICAgICAgIHJlc29sdmUodmFsdWUpO1xuICAgICAgICAgICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICAgICAgICAgIHJlamVjdCgpO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICB0aGlzLnNldFN0YXRlKHtcbiAgICAgICAgICAgICAgICAgICAgdmFsdWU6IHRoaXMucHJvcHMuZGVmYXVsdFZhbHVlLFxuICAgICAgICAgICAgICAgIH0pO1xuICAgICAgICAgICAgfTtcbiAgICAgICAgICAgIHRoaXMuZGlhbG9nLmN1cnJlbnQub3BlbihvbkNsb3NlKTtcbiAgICAgICAgfSk7XG4gICAgfTtcblxuICAgIHJlbmRlcigpIHtcbiAgICAgICAgY29uc3QgeyBoZWFkZXIsIGJvZHksIGlucHV0UHJvcHMsIHN1Ym1pdFRleHQsIGNhbmNlbFRleHQsIGRpYWxvZ1Byb3BzIH0gPSB0aGlzLnByb3BzO1xuXG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICA8RGlhbG9nXG4gICAgICAgICAgICAgICAgey4uLmRpYWxvZ1Byb3BzfVxuICAgICAgICAgICAgICAgIHJlZj17dGhpcy5kaWFsb2d9XG4gICAgICAgICAgICAgICAgY2xvc2VPbkVzYz17ZmFsc2V9XG4gICAgICAgICAgICAgICAgY2xvc2VPbk92ZXJsYXlDbGljaz17ZmFsc2V9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPGZvcm0gb25TdWJtaXQ9e3RoaXMuc3VibWl0fT5cbiAgICAgICAgICAgICAgICAgICAge2hlYWRlciAmJiA8RGlhbG9nSGVhZGVyPntoZWFkZXJ9PC9EaWFsb2dIZWFkZXI+fVxuICAgICAgICAgICAgICAgICAgICA8RGlhbG9nQm9keT5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxCb2R5VGV4dD57Ym9keX08L0JvZHlUZXh0PlxuICAgICAgICAgICAgICAgICAgICAgICAgPElucHV0Q29udGFpbmVyPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxTdHlsZWRJbnB1dFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB2YWx1ZT17dGhpcy5zdGF0ZS52YWx1ZX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgb25DaGFuZ2U9e3RoaXMudmFsdWVDaGFuZ2V9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHsuLi5pbnB1dFByb3BzfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L0lucHV0Q29udGFpbmVyPlxuICAgICAgICAgICAgICAgICAgICA8L0RpYWxvZ0JvZHk+XG4gICAgICAgICAgICAgICAgICAgIDxEaWFsb2dGb290ZXI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8QnV0dG9uIHR5cGU9XCJidXR0b25cIiBvbkNsaWNrPXt0aGlzLmNhbmNlbH0+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAge2NhbmNlbFRleHR9XG4gICAgICAgICAgICAgICAgICAgICAgICA8L0J1dHRvbj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxBY3Rpb25CdXR0b24+e3N1Ym1pdFRleHR9PC9BY3Rpb25CdXR0b24+XG4gICAgICAgICAgICAgICAgICAgIDwvRGlhbG9nRm9vdGVyPlxuICAgICAgICAgICAgICAgIDwvZm9ybT5cbiAgICAgICAgICAgIDwvRGlhbG9nPlxuICAgICAgICApO1xuICAgIH1cbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFhdUIifQ== */");
+})("display:flex;flex:1;margin-top:10px;& > label{flex:1;width:100%;padding:0;& > input{width:100%;padding:0 8px;box-sizing:border-box;}}");
 const StyledInput = /*#__PURE__*/ styled(Input, {
-    target: "ecd5j072",
+    target: "e18k0mlw2",
     label: "StyledInput"
-})("flex:1;padding:0;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbm8tZnJpbGxzLXVpL25vLWZyaWxscy11aS9zcmMvY29tcG9uZW50cy9EaWFsb2cvUHJvbXB0RGlhbG9nLnRzeCIsInNvdXJjZXMiOlsiL2hvbWUvcnVubmVyL3dvcmsvbm8tZnJpbGxzLXVpL25vLWZyaWxscy11aS9zcmMvY29tcG9uZW50cy9EaWFsb2cvUHJvbXB0RGlhbG9nLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgY3JlYXRlUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IEJ1dHRvbiwgQWN0aW9uQnV0dG9uIH0gZnJvbSAnLi4vQnV0dG9uJztcbmltcG9ydCB7IElucHV0IH0gZnJvbSAnLi4vSW5wdXQnO1xuaW1wb3J0IERpYWxvZywgeyBEaWFsb2dIZWFkZXIsIERpYWxvZ0JvZHksIERpYWxvZ0Zvb3RlciB9IGZyb20gJy4vRGlhbG9nJztcblxudHlwZSBQcm9tcHRPcHRpb24gPSBQcm9wVHlwZXMuSW5mZXJQcm9wczx0eXBlb2YgUHJvbXB0RGlhbG9nLnByb3BUeXBlcz47XG5cbmNvbnN0IEJvZHlUZXh0ID0gc3R5bGVkLnBgXG4gICAgbWFyZ2luLXRvcDogMDtcbmA7XG5cbmNvbnN0IElucHV0Q29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXg6IDE7XG4gICAgbWFyZ2luLXRvcDogMTBweDtcblxuICAgICYgPiBsYWJlbCB7XG4gICAgICAgIGZsZXg6IDE7XG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICBwYWRkaW5nOiAwO1xuXG4gICAgICAgICYgPiBpbnB1dCB7XG4gICAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICAgIHBhZGRpbmc6IDAgOHB4O1xuICAgICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgfVxuICAgIH1cbmA7XG5cbmNvbnN0IFN0eWxlZElucHV0ID0gc3R5bGVkKElucHV0KWBcbiAgICBmbGV4OiAxO1xuICAgIHBhZGRpbmc6IDA7XG5gO1xuXG5leHBvcnQgZGVmYXVsdCBjbGFzcyBQcm9tcHREaWFsb2cgZXh0ZW5kcyBSZWFjdC5Db21wb25lbnQ8UHJvbXB0T3B0aW9uLCB7IHZhbHVlOiBzdHJpbmcgfT4ge1xuICAgIHN0YXRpYyBwcm9wVHlwZXMgPSB7XG4gICAgICAgIC8qKiBTaG93biBhcyBoZWFkZXIgb2YgdGhlIGRpYWxvZyAqL1xuICAgICAgICBoZWFkZXI6IFByb3BUeXBlcy5zdHJpbmcsXG4gICAgICAgIC8qKiBSZW5kZXJlZCBhcyB0aGUgYm9keSBvZiB0aGUgZGlhbG9nICovXG4gICAgICAgIGJvZHk6IFByb3BUeXBlcy5zdHJpbmcsXG4gICAgICAgIC8qKiBEZWZhdWx0IHZhbHVlIGZvciB0aGUgaW5wdXQuICovXG4gICAgICAgIGRlZmF1bHRWYWx1ZTogUHJvcFR5cGVzLnN0cmluZyxcbiAgICAgICAgLyoqIFN1Ym1pdCBidXR0b24gdGV4dC4gRGVmYXVsdCB2YWx1ZSBpcyAnU3VibWl0JyAqL1xuICAgICAgICBzdWJtaXRUZXh0OiBQcm9wVHlwZXMuc3RyaW5nLFxuICAgICAgICAvKiogQ2FuY2VsIGJ1dHRvbiB0ZXh0LiBEZWZhdWx0IHZhbHVlIGlzICdDYW5jZWwnICovXG4gICAgICAgIGNhbmNlbFRleHQ6IFByb3BUeXBlcy5zdHJpbmcsXG4gICAgICAgIC8qKiBQcm9wcyBmb3IgdGhlIGlucHV0LiAqL1xuICAgICAgICBpbnB1dFByb3BzOiBQcm9wVHlwZXMub2JqZWN0LFxuICAgICAgICAvKiogQWRkaXRpb25hbCBwcm9wcyBmb3IgdGhlIGRpYWxvZy4gKi9cbiAgICAgICAgZGlhbG9nUHJvcHM6IFByb3BUeXBlcy5vYmplY3QsXG4gICAgfTtcblxuICAgIHN0YXRpYyBkZWZhdWx0UHJvcHMgPSB7XG4gICAgICAgIGNhbmNlbFRleHQ6ICdDYW5jZWwnLFxuICAgICAgICBzdWJtaXRUZXh0OiAnU3VibWl0JyxcbiAgICAgICAgZGVmYXVsdFZhbHVlOiAnJyxcbiAgICB9O1xuXG4gICAgY29uc3RydWN0b3IocHJvcHM6IFByb21wdE9wdGlvbikge1xuICAgICAgICBzdXBlcihwcm9wcyk7XG4gICAgICAgIHRoaXMuc3RhdGUgPSB7XG4gICAgICAgICAgICB2YWx1ZTogcHJvcHMuZGVmYXVsdFZhbHVlLFxuICAgICAgICB9O1xuICAgIH1cblxuICAgIHByaXZhdGUgZGlhbG9nID0gY3JlYXRlUmVmPERpYWxvZz4oKTtcblxuICAgIHByaXZhdGUgdmFsdWVDaGFuZ2UgPSAoZTogUmVhY3QuQ2hhbmdlRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHtcbiAgICAgICAgdGhpcy5zZXRTdGF0ZSh7XG4gICAgICAgICAgICB2YWx1ZTogZS50YXJnZXQudmFsdWUsXG4gICAgICAgIH0pO1xuICAgIH07XG5cbiAgICBwcml2YXRlIGNhbmNlbCA9ICgpID0+IHRoaXMuZGlhbG9nLmN1cnJlbnQuY2xvc2UoKTtcblxuICAgIHByaXZhdGUgc3VibWl0ID0gKGU6IFJlYWN0LkZvcm1FdmVudCkgPT4ge1xuICAgICAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgIHRoaXMuZGlhbG9nLmN1cnJlbnQuY2xvc2UodGhpcy5zdGF0ZS52YWx1ZSk7XG4gICAgfTtcblxuICAgIHB1YmxpYyBzaG93ID0gKCkgPT4ge1xuICAgICAgICByZXR1cm4gbmV3IFByb21pc2UoKHJlc29sdmUsIHJlamVjdCkgPT4ge1xuICAgICAgICAgICAgY29uc3Qgb25DbG9zZSA9ICh2YWx1ZTogc3RyaW5nKSA9PiB7XG4gICAgICAgICAgICAgICAgaWYgKHZhbHVlKSB7XG4gICAgICAgICAgICAgICAgICAgIHJlc29sdmUodmFsdWUpO1xuICAgICAgICAgICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICAgICAgICAgIHJlamVjdCgpO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICB0aGlzLnNldFN0YXRlKHtcbiAgICAgICAgICAgICAgICAgICAgdmFsdWU6IHRoaXMucHJvcHMuZGVmYXVsdFZhbHVlLFxuICAgICAgICAgICAgICAgIH0pO1xuICAgICAgICAgICAgfTtcbiAgICAgICAgICAgIHRoaXMuZGlhbG9nLmN1cnJlbnQub3BlbihvbkNsb3NlKTtcbiAgICAgICAgfSk7XG4gICAgfTtcblxuICAgIHJlbmRlcigpIHtcbiAgICAgICAgY29uc3QgeyBoZWFkZXIsIGJvZHksIGlucHV0UHJvcHMsIHN1Ym1pdFRleHQsIGNhbmNlbFRleHQsIGRpYWxvZ1Byb3BzIH0gPSB0aGlzLnByb3BzO1xuXG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICA8RGlhbG9nXG4gICAgICAgICAgICAgICAgey4uLmRpYWxvZ1Byb3BzfVxuICAgICAgICAgICAgICAgIHJlZj17dGhpcy5kaWFsb2d9XG4gICAgICAgICAgICAgICAgY2xvc2VPbkVzYz17ZmFsc2V9XG4gICAgICAgICAgICAgICAgY2xvc2VPbk92ZXJsYXlDbGljaz17ZmFsc2V9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPGZvcm0gb25TdWJtaXQ9e3RoaXMuc3VibWl0fT5cbiAgICAgICAgICAgICAgICAgICAge2hlYWRlciAmJiA8RGlhbG9nSGVhZGVyPntoZWFkZXJ9PC9EaWFsb2dIZWFkZXI+fVxuICAgICAgICAgICAgICAgICAgICA8RGlhbG9nQm9keT5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxCb2R5VGV4dD57Ym9keX08L0JvZHlUZXh0PlxuICAgICAgICAgICAgICAgICAgICAgICAgPElucHV0Q29udGFpbmVyPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxTdHlsZWRJbnB1dFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB2YWx1ZT17dGhpcy5zdGF0ZS52YWx1ZX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgb25DaGFuZ2U9e3RoaXMudmFsdWVDaGFuZ2V9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHsuLi5pbnB1dFByb3BzfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L0lucHV0Q29udGFpbmVyPlxuICAgICAgICAgICAgICAgICAgICA8L0RpYWxvZ0JvZHk+XG4gICAgICAgICAgICAgICAgICAgIDxEaWFsb2dGb290ZXI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8QnV0dG9uIHR5cGU9XCJidXR0b25cIiBvbkNsaWNrPXt0aGlzLmNhbmNlbH0+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAge2NhbmNlbFRleHR9XG4gICAgICAgICAgICAgICAgICAgICAgICA8L0J1dHRvbj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxBY3Rpb25CdXR0b24+e3N1Ym1pdFRleHR9PC9BY3Rpb25CdXR0b24+XG4gICAgICAgICAgICAgICAgICAgIDwvRGlhbG9nRm9vdGVyPlxuICAgICAgICAgICAgICAgIDwvZm9ybT5cbiAgICAgICAgICAgIDwvRGlhbG9nPlxuICAgICAgICApO1xuICAgIH1cbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErQm9CIn0= */");
+})("flex:1;padding:0;");
 class PromptDialog extends React.Component {
     render() {
         const { header, body, inputProps, submitText, cancelText, dialogProps } = this.props;
@@ -50,12 +49,13 @@ class PromptDialog extends React.Component {
                     }),
                     /*#__PURE__*/ jsxs(Footer, {
                         children: [
-                            /*#__PURE__*/ jsx(StyledButton, {
+                            /*#__PURE__*/ jsx(Button, {
                                 type: "button",
                                 onClick: this.cancel,
                                 children: cancelText
                             }),
                             /*#__PURE__*/ jsx(ActionButton, {
+                                onClick: this.submit,
                                 children: submitText
                             })
                         ]
@@ -69,9 +69,10 @@ class PromptDialog extends React.Component {
             this.setState({
                 value: e.target.value
             });
-        }, this.cancel = ()=>this.dialog.current.close(), this.submit = (e)=>{
+        }, this.cancel = ()=>this.dialog.current?.close(), this.submit = (e)=>{
             e.preventDefault();
-            this.dialog.current.close(this.state.value);
+            if (!this.state.value) return;
+            this.dialog.current?.close(this.state.value);
         }, this.show = ()=>{
             return new Promise((resolve, reject)=>{
                 const onClose = (value)=>{
@@ -84,7 +85,7 @@ class PromptDialog extends React.Component {
                         value: this.props.defaultValue
                     });
                 };
-                this.dialog.current.open(onClose);
+                this.dialog.current?.open(onClose);
             });
         };
         this.state = {
@@ -92,15 +93,6 @@ class PromptDialog extends React.Component {
         };
     }
 }
-PromptDialog.propTypes = {
-    /** Shown as header of the dialog */ header: PropTypes.string,
-    /** Rendered as the body of the dialog */ body: PropTypes.string,
-    /** Default value for the input. */ defaultValue: PropTypes.string,
-    /** Submit button text. Default value is 'Submit' */ submitText: PropTypes.string,
-    /** Cancel button text. Default value is 'Cancel' */ cancelText: PropTypes.string,
-    /** Props for the input. */ inputProps: PropTypes.object,
-    /** Additional props for the dialog. */ dialogProps: PropTypes.object
-};
 PromptDialog.defaultProps = {
     cancelText: 'Cancel',
     submitText: 'Submit',
@@ -108,3 +100,4 @@ PromptDialog.defaultProps = {
 };
 
 export { PromptDialog as default };
+//# sourceMappingURL=PromptDialog.js.map

package/lib-esm/components/Dialog/PromptDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PromptDialog.js","sources":["../../../src/components/Dialog/PromptDialog.tsx"],"sourcesContent":["import React, { createRef } from 'react';\nimport styled from '@emotion/styled';\nimport { Button, ActionButton } from '../Button';\nimport { Input } from '../Input';\nimport Dialog, { DialogHeader, DialogBody, DialogFooter } from './Dialog';\n\ntype PromptOption = {\n    /** Shown as header of the dialog */\n    header: string;\n    /** Rendered as the body of the dialog */\n    body: string;\n    /** Default value for the input. */\n    defaultValue?: string;\n    /** Submit button text. Default value is 'Submit' */\n    submitText?: string;\n    /** Cancel button text. Default value is 'Cancel' */\n    cancelText?: string;\n    /** Props for the input. */\n    inputProps?: React.HTMLProps<HTMLInputElement>;\n    /** Additional props for the dialog. */\n    dialogProps?: React.ComponentProps<typeof Dialog>;\n};\n\nconst BodyText = styled.p`\n    margin-top: 0;\n`;\n\nconst InputContainer = styled.div`\n    display: flex;\n    flex: 1;\n    margin-top: 10px;\n\n    & > label {\n        flex: 1;\n        width: 100%;\n        padding: 0;\n\n        & > input {\n            width: 100%;\n            padding: 0 8px;\n            box-sizing: border-box;\n        }\n    }\n`;\n\nconst StyledInput = styled(Input)`\n    flex: 1;\n    padding: 0;\n`;\n\nexport default class PromptDialog extends React.Component<PromptOption, { value?: string }> {\n    static defaultProps = {\n        cancelText: 'Cancel',\n        submitText: 'Submit',\n        defaultValue: '',\n    };\n\n    constructor(props: PromptOption) {\n        super(props);\n        this.state = {\n            value: props.defaultValue,\n        };\n    }\n\n    private dialog = createRef<Dialog>();\n\n    private valueChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n        this.setState({\n            value: e.target.value,\n        });\n    };\n\n    private cancel = () => this.dialog.current?.close();\n\n    private submit = (e: React.SyntheticEvent) => {\n        e.preventDefault();\n        if (!this.state.value) return;\n        this.dialog.current?.close(this.state.value);\n    };\n\n    public show = () => {\n        return new Promise((resolve, reject) => {\n            const onClose = (value: unknown) => {\n                if (value) {\n                    resolve(value);\n                } else {\n                    reject();\n                }\n                this.setState({\n                    value: this.props.defaultValue,\n                });\n            };\n            this.dialog.current?.open(onClose);\n        });\n    };\n\n    render() {\n        const { header, body, inputProps, submitText, cancelText, dialogProps } = this.props;\n\n        return (\n            <Dialog\n                {...dialogProps}\n                ref={this.dialog}\n                closeOnEsc={false}\n                closeOnOverlayClick={false}\n            >\n                <form onSubmit={this.submit}>\n                    {header && <DialogHeader>{header}</DialogHeader>}\n                    <DialogBody>\n                        <BodyText>{body}</BodyText>\n                        <InputContainer>\n                            <StyledInput\n                                value={this.state.value}\n                                onChange={this.valueChange}\n                                {...inputProps}\n                            />\n                        </InputContainer>\n                    </DialogBody>\n                    <DialogFooter>\n                        <Button type=\"button\" onClick={this.cancel}>\n                            {cancelText}\n                        </Button>\n                        <ActionButton onClick={this.submit}>{submitText}</ActionButton>\n                    </DialogFooter>\n                </form>\n            </Dialog>\n        );\n    }\n}\n"],"names":["BodyText","styled","InputContainer","StyledInput","Input","PromptDialog","React","Component","render","header","body","inputProps","submitText","cancelText","dialogProps","props","_jsx","Dialog","ref","dialog","closeOnEsc","closeOnOverlayClick","_jsxs","form","onSubmit","submit","DialogHeader","DialogBody","value","state","onChange","valueChange","DialogFooter","Button","type","onClick","cancel","ActionButton","createRef","e","setState","target","current","close","preventDefault","show","Promise","resolve","reject","onClose","defaultValue","open","defaultProps"],"mappings":"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"}

package/lib-esm/components/DragAndDrop/DragAndDrop.d.ts

@@ -1,69 +1,47 @@
-import { PropsWithChildren } from 'react';
+import React from 'react';
 import { ORIENTATION } from './types';
-type DragAndDropProps = {
-    /** Orientation of the list layout */
-    orientation: ORIENTATION;
+declare const DragAndDrop: React.ForwardRefExoticComponent<{
+    /**
+     * Orientation of the list layout
+     * @default ORIENTATION.VERTICAL
+     */
+    orientation?: ORIENTATION;
     /** Drop event handler */
     onDrop: (start: number, end: number) => void;
-    /** Shows drag indicator against each list item */
-    showIndicator: boolean;
-    /** i18n: Template for item aria-label. Placeholders: {:position}, {:grabKey}, {:moveKeys}, {:dropKey}, {:altDropKey} */
+    /** Shows drag indicator against each list item
+     * @default false
+     */
+    showIndicator?: boolean;
+    /**
+     * i18n: Template for item aria-label. Placeholders: {:position}, {:grabKey}, {:moveKeys}, {:dropKey}, {:altDropKey}
+     * @default 'Item {:position}. Press {:grabKey} to grab, {:moveKeys} to move, {:dropKey} or {:altDropKey} to drop'
+     */
     itemAriaLabelTemplate?: string;
-    /** i18n: Aria label for drag handle */
+    /** i18n: Aria label for drag handle
+     * @default 'Drag to reorder'
+     */
     dragHandleAriaLabel?: string;
-    /** i18n: Template for grabbed announcement. Placeholders: {:position}, {:moveKeys}, {:dropKey}, {:altDropKey}, {:cancelKey} */
+    /**
+     * i18n: Template for grabbed announcement. Placeholders: {:position}, {:moveKeys}, {:dropKey}, {:altDropKey}, {:cancelKey}
+     * @default 'Item {:position} grabbed. Use {:moveKeys} to move, {:dropKey} or {:altDropKey} to drop, {:cancelKey} to cancel'
+     */
     grabbedAnnouncementTemplate?: string;
-    /** i18n: Template for moved announcement. Placeholders: {:position} */
+    /**
+     * i18n: Template for moved announcement. Placeholders: {:position}
+     * @default 'Item moved to position {:position}'
+     */
     movedAnnouncementTemplate?: string;
-    /** i18n: Template for dropped announcement. Placeholders: {:position} */
+    /**
+     * i18n: Template for dropped announcement. Placeholders: {:position}
+     * @default 'Item dropped at position {:position}'
+     */
     droppedAnnouncementTemplate?: string;
-    /** i18n: Template for cancelled announcement */
+    /**
+     * i18n: Template for cancelled announcement
+     * @default 'Drag cancelled, item restored to original position'
+     */
     cancelledAnnouncementTemplate?: string;
-} & PropsWithChildren<unknown>;
-/**
- * A drag and drop container component that enables reordering of child elements.
- *
- * @component
- * @example
- * ```tsx
- * <DragAndDrop
- *   orientation={ORIENTATION.VERTICAL}
- *   onDrop={(start, end) => handleReorder(start, end)}
- *   showIndicator={true}
- * >
- *   <div>Item 1</div>
- *   <div>Item 2</div>
- *   <div>Item 3</div>
- * </DragAndDrop>
- * ```
- *
- * @param {DragAndDropProps} props - The component props
- * @param {ORIENTATION} props.orientation - Determines the layout direction (horizontal or vertical). Defaults to VERTICAL.
- * @param {(start: number, end: number) => void} props.onDrop - Callback fired when an item is dropped, receives the start and end indices
- * @param {boolean} props.showIndicator - Whether to display drag indicators for each list item. Defaults to false.
- * @param {React.ReactNode} props.children - Child elements to be rendered as draggable items
- *
- * @returns {JSX.Element} A draggable container with reorderable items
- */
-declare function DragAndDrop(props: DragAndDropProps): import("@emotion/react/jsx-runtime").JSX.Element;
-declare namespace DragAndDrop {
-    var defaultProps: {
-        /** Orientation of the list layout */
-        orientation: ORIENTATION;
-        /** Whether to display drag indicators for each list item */
-        showIndicator: boolean;
-        /** Default item aria-label template */
-        itemAriaLabelTemplate: string;
-        /** Default drag handle aria-label */
-        dragHandleAriaLabel: string;
-        /** Default grabbed announcement template */
-        grabbedAnnouncementTemplate: string;
-        /** Default moved announcement template */
-        movedAnnouncementTemplate: string;
-        /** Default dropped announcement template */
-        droppedAnnouncementTemplate: string;
-        /** Default cancelled announcement template */
-        cancelledAnnouncementTemplate: string;
-    };
-}
+} & {
+    children?: React.ReactNode | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
 export default DragAndDrop;

package/lib-esm/components/DragAndDrop/DragAndDrop.js

@@ -2,16 +2,16 @@ import { jsxs, Fragment, jsx } from '@emotion/react/jsx-runtime';
 import React, { useState } from 'react';
 import styled from '@emotion/styled';
 import DragItem from './DragItem.js';
-import { DragContext, ORIENTATION } from './types.js';
+import { ORIENTATION, DragContext } from './types.js';
 
-/** Container Component */ const Container = /*#__PURE__*/ styled("div", {
-    target: "emx1u4x0",
+/** Container Component */ const Container$6 = /*#__PURE__*/ styled("div", {
+    target: "e18d6tqk0",
     label: "Container"
-})("flex:1;display:flex;position:relative;flex-wrap:wrap;flex-direction:", (props)=>props.orientation === ORIENTATION.HORIZONTAL ? 'row' : 'column', ";", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbm8tZnJpbGxzLXVpL25vLWZyaWxscy11aS9zcmMvY29tcG9uZW50cy9EcmFnQW5kRHJvcC9EcmFnQW5kRHJvcC50c3giLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL25vLWZyaWxscy11aS9uby1mcmlsbHMtdWkvc3JjL2NvbXBvbmVudHMvRHJhZ0FuZERyb3AvRHJhZ0FuZERyb3AudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBQcm9wc1dpdGhDaGlsZHJlbiwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgRHJhZ0l0ZW0gZnJvbSAnLi9EcmFnSXRlbSc7XG5pbXBvcnQgeyBPUklFTlRBVElPTiwgRHJhZ0NvbnRleHQgfSBmcm9tICcuL3R5cGVzJztcblxudHlwZSBEcmFnQW5kRHJvcFByb3BzID0ge1xuICAgIC8qKiBPcmllbnRhdGlvbiBvZiB0aGUgbGlzdCBsYXlvdXQgKi9cbiAgICBvcmllbnRhdGlvbjogT1JJRU5UQVRJT047XG4gICAgLyoqIERyb3AgZXZlbnQgaGFuZGxlciAqL1xuICAgIG9uRHJvcDogKHN0YXJ0OiBudW1iZXIsIGVuZDogbnVtYmVyKSA9PiB2b2lkO1xuICAgIC8qKiBTaG93cyBkcmFnIGluZGljYXRvciBhZ2FpbnN0IGVhY2ggbGlzdCBpdGVtICovXG4gICAgc2hvd0luZGljYXRvcjogYm9vbGVhbjtcbiAgICAvKiogaTE4bjogVGVtcGxhdGUgZm9yIGl0ZW0gYXJpYS1sYWJlbC4gUGxhY2Vob2xkZXJzOiB7OnBvc2l0aW9ufSwgezpncmFiS2V5fSwgezptb3ZlS2V5c30sIHs6ZHJvcEtleX0sIHs6YWx0RHJvcEtleX0gKi9cbiAgICBpdGVtQXJpYUxhYmVsVGVtcGxhdGU/OiBzdHJpbmc7XG4gICAgLyoqIGkxOG46IEFyaWEgbGFiZWwgZm9yIGRyYWcgaGFuZGxlICovXG4gICAgZHJhZ0hhbmRsZUFyaWFMYWJlbD86IHN0cmluZztcbiAgICAvKiogaTE4bjogVGVtcGxhdGUgZm9yIGdyYWJiZWQgYW5ub3VuY2VtZW50LiBQbGFjZWhvbGRlcnM6IHs6cG9zaXRpb259LCB7Om1vdmVLZXlzfSwgezpkcm9wS2V5fSwgezphbHREcm9wS2V5fSwgezpjYW5jZWxLZXl9ICovXG4gICAgZ3JhYmJlZEFubm91bmNlbWVudFRlbXBsYXRlPzogc3RyaW5nO1xuICAgIC8qKiBpMThuOiBUZW1wbGF0ZSBmb3IgbW92ZWQgYW5ub3VuY2VtZW50LiBQbGFjZWhvbGRlcnM6IHs6cG9zaXRpb259ICovXG4gICAgbW92ZWRBbm5vdW5jZW1lbnRUZW1wbGF0ZT86IHN0cmluZztcbiAgICAvKiogaTE4bjogVGVtcGxhdGUgZm9yIGRyb3BwZWQgYW5ub3VuY2VtZW50LiBQbGFjZWhvbGRlcnM6IHs6cG9zaXRpb259ICovXG4gICAgZHJvcHBlZEFubm91bmNlbWVudFRlbXBsYXRlPzogc3RyaW5nO1xuICAgIC8qKiBpMThuOiBUZW1wbGF0ZSBmb3IgY2FuY2VsbGVkIGFubm91bmNlbWVudCAqL1xuICAgIGNhbmNlbGxlZEFubm91bmNlbWVudFRlbXBsYXRlPzogc3RyaW5nO1xufSAmIFByb3BzV2l0aENoaWxkcmVuPHVua25vd24+O1xuXG4vKiogQ29udGFpbmVyIENvbXBvbmVudCAqL1xuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkLmRpdjx7IG9yaWVudGF0aW9uOiBPUklFTlRBVElPTiB9PmBcbiAgICBmbGV4OiAxO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGZsZXgtd3JhcDogd3JhcDtcbiAgICBmbGV4LWRpcmVjdGlvbjogJHsocHJvcHMpID0+IChwcm9wcy5vcmllbnRhdGlvbiA9PT0gT1JJRU5UQVRJT04uSE9SSVpPTlRBTCA/ICdyb3cnIDogJ2NvbHVtbicpfTtcbmA7XG5cbi8qKiBWaXN1YWxseSBoaWRkZW4gYnV0IGFjY2Vzc2libGUgdG8gc2NyZWVuIHJlYWRlcnMgKi9cbmNvbnN0IFZpc3VhbGx5SGlkZGVuID0gc3R5bGVkLmRpdmBcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgd2lkdGg6IDFweDtcbiAgICBoZWlnaHQ6IDFweDtcbiAgICBwYWRkaW5nOiAwO1xuICAgIG1hcmdpbjogLTFweDtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIGNsaXA6IHJlY3QoMCwgMCwgMCwgMCk7XG4gICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgICBib3JkZXItd2lkdGg6IDA7XG5gO1xuXG4vKipcbiAqIEEgZHJhZyBhbmQgZHJvcCBjb250YWluZXIgY29tcG9uZW50IHRoYXQgZW5hYmxlcyByZW9yZGVyaW5nIG9mIGNoaWxkIGVsZW1lbnRzLlxuICpcbiAqIEBjb21wb25lbnRcbiAqIEBleGFtcGxlXG4gKiBgYGB0c3hcbiAqIDxEcmFnQW5kRHJvcFxuICogICBvcmllbnRhdGlvbj17T1JJRU5UQVRJT04uVkVSVElDQUx9XG4gKiAgIG9uRHJvcD17KHN0YXJ0LCBlbmQpID0+IGhhbmRsZVJlb3JkZXIoc3RhcnQsIGVuZCl9XG4gKiAgIHNob3dJbmRpY2F0b3I9e3RydWV9XG4gKiA+XG4gKiAgIDxkaXY+SXRlbSAxPC9kaXY+XG4gKiAgIDxkaXY+SXRlbSAyPC9kaXY+XG4gKiAgIDxkaXY+SXRlbSAzPC9kaXY+XG4gKiA8L0RyYWdBbmREcm9wPlxuICogYGBgXG4gKlxuICogQHBhcmFtIHtEcmFnQW5kRHJvcFByb3BzfSBwcm9wcyAtIFRoZSBjb21wb25lbnQgcHJvcHNcbiAqIEBwYXJhbSB7T1JJRU5UQVRJT059IHByb3BzLm9yaWVudGF0aW9uIC0gRGV0ZXJtaW5lcyB0aGUgbGF5b3V0IGRpcmVjdGlvbiAoaG9yaXpvbnRhbCBvciB2ZXJ0aWNhbCkuIERlZmF1bHRzIHRvIFZFUlRJQ0FMLlxuICogQHBhcmFtIHsoc3RhcnQ6IG51bWJlciwgZW5kOiBudW1iZXIpID0+IHZvaWR9IHByb3BzLm9uRHJvcCAtIENhbGxiYWNrIGZpcmVkIHdoZW4gYW4gaXRlbSBpcyBkcm9wcGVkLCByZWNlaXZlcyB0aGUgc3RhcnQgYW5kIGVuZCBpbmRpY2VzXG4gKiBAcGFyYW0ge2Jvb2xlYW59IHByb3BzLnNob3dJbmRpY2F0b3IgLSBXaGV0aGVyIHRvIGRpc3BsYXkgZHJhZyBpbmRpY2F0b3JzIGZvciBlYWNoIGxpc3QgaXRlbS4gRGVmYXVsdHMgdG8gZmFsc2UuXG4gKiBAcGFyYW0ge1JlYWN0LlJlYWN0Tm9kZX0gcHJvcHMuY2hpbGRyZW4gLSBDaGlsZCBlbGVtZW50cyB0byBiZSByZW5kZXJlZCBhcyBkcmFnZ2FibGUgaXRlbXNcbiAqXG4gKiBAcmV0dXJucyB7SlNYLkVsZW1lbnR9IEEgZHJhZ2dhYmxlIGNvbnRhaW5lciB3aXRoIHJlb3JkZXJhYmxlIGl0ZW1zXG4gKi9cbmV4cG9ydCBkZWZhdWx0IGZ1bmN0aW9uIERyYWdBbmREcm9wKHByb3BzOiBEcmFnQW5kRHJvcFByb3BzKSB7XG4gICAgY29uc3Qge1xuICAgICAgICBvcmllbnRhdGlvbixcbiAgICAgICAgY2hpbGRyZW4sXG4gICAgICAgIG9uRHJvcCxcbiAgICAgICAgc2hvd0luZGljYXRvcixcbiAgICAgICAgaXRlbUFyaWFMYWJlbFRlbXBsYXRlLFxuICAgICAgICBkcmFnSGFuZGxlQXJpYUxhYmVsLFxuICAgICAgICBncmFiYmVkQW5ub3VuY2VtZW50VGVtcGxhdGUsXG4gICAgICAgIG1vdmVkQW5ub3VuY2VtZW50VGVtcGxhdGUsXG4gICAgICAgIGRyb3BwZWRBbm5vdW5jZW1lbnRUZW1wbGF0ZSxcbiAgICAgICAgY2FuY2VsbGVkQW5ub3VuY2VtZW50VGVtcGxhdGUsXG4gICAgfSA9IHByb3BzO1xuICAgIGNvbnN0IFtzdGFydEluZGV4LCBzZXRTdGFydEluZGV4XSA9IHVzZVN0YXRlPG51bWJlcj4obnVsbCk7XG4gICAgY29uc3QgW29yaWdpbmFsSW5kZXgsIHNldE9yaWdpbmFsSW5kZXhdID0gdXNlU3RhdGU8bnVtYmVyPihudWxsKTtcbiAgICBjb25zdCBbaXNEcmFnZ2luZywgc2V0SXNEcmFnZ2luZ10gPSB1c2VTdGF0ZTxib29sZWFuPihmYWxzZSk7XG4gICAgY29uc3QgW2RyYWdPdmVyLCBzZXREcmFnT3Zlcl0gPSB1c2VTdGF0ZTxudW1iZXI+KG51bGwpO1xuICAgIGNvbnN0IFthbm5vdW5jZW1lbnQsIHNldEFubm91bmNlbWVudF0gPSB1c2VTdGF0ZSgnJyk7XG4gICAgY29uc3QgY2hpbGRyZW5BcnJheSA9IFJlYWN0LkNoaWxkcmVuLnRvQXJyYXkoY2hpbGRyZW4pO1xuICAgIGNvbnN0IHRvdGFsSXRlbXMgPSBjaGlsZHJlbkFycmF5Lmxlbmd0aDtcblxuICAgIC8qKlxuICAgICAqIFJlcGxhY2UgcGxhY2Vob2xkZXJzIGluIGkxOG4gdGVtcGxhdGVzXG4gICAgICovXG4gICAgY29uc3QgcmVwbGFjZVBsYWNlaG9sZGVycyA9IChcbiAgICAgICAgdGVtcGxhdGU6IHN0cmluZyxcbiAgICAgICAgZGF0YToge1xuICAgICAgICAgICAgcG9zaXRpb24/OiBudW1iZXI7XG4gICAgICAgICAgICBncmFiS2V5Pzogc3RyaW5nO1xuICAgICAgICAgICAgZHJvcEtleT86IHN0cmluZztcbiAgICAgICAgICAgIGFsdERyb3BLZXk/OiBzdHJpbmc7XG4gICAgICAgICAgICBjYW5jZWxLZXk/OiBzdHJpbmc7XG4gICAgICAgICAgICBtb3ZlS2V5cz86IHN0cmluZztcbiAgICAgICAgfSxcbiAgICApOiBzdHJpbmcgPT4ge1xuICAgICAgICByZXR1cm4gdGVtcGxhdGVcbiAgICAgICAgICAgIC5yZXBsYWNlKC9cXHs6cG9zaXRpb25cXH0vZywgU3RyaW5nKGRhdGEucG9zaXRpb24gPz8gJycpKVxuICAgICAgICAgICAgLnJlcGxhY2UoL1xcezpncmFiS2V5XFx9L2csIGRhdGEuZ3JhYktleSA/PyAnU3BhY2UnKVxuICAgICAgICAgICAgLnJlcGxhY2UoL1xcezpkcm9wS2V5XFx9L2csIGRhdGEuZHJvcEtleSA/PyAnU3BhY2UnKVxuICAgICAgICAgICAgLnJlcGxhY2UoL1xcezphbHREcm9wS2V5XFx9L2csIGRhdGEuYWx0RHJvcEtleSA/PyAnRW50ZXInKVxuICAgICAgICAgICAgLnJlcGxhY2UoL1xcezpjYW5jZWxLZXlcXH0vZywgZGF0YS5jYW5jZWxLZXkgPz8gJ0VzY2FwZScpXG4gICAgICAgICAgICAucmVwbGFjZShcbiAgICAgICAgICAgICAgICAvXFx7Om1vdmVLZXlzXFx9L2csXG4gICAgICAgICAgICAgICAgZGF0YS5tb3ZlS2V5cyA/P1xuICAgICAgICAgICAgICAgICAgICAob3JpZW50YXRpb24gPT09IE9SSUVOVEFUSU9OLlZFUlRJQ0FMID8gJ0Fycm93IFVwL0Rvd24nIDogJ0Fycm93IExlZnQvUmlnaHQnKSxcbiAgICAgICAgICAgICk7XG4gICAgfTtcblxuICAgIC8vIGkxOG4gY29uZmlndXJhdGlvbiBvYmplY3RcbiAgICBjb25zdCBpMThuID0ge1xuICAgICAgICBpdGVtQXJpYUxhYmVsVGVtcGxhdGU6XG4gICAgICAgICAgICBpdGVtQXJpYUxhYmVsVGVtcGxhdGUgPz9cbiAgICAgICAgICAgICdJdGVtIHs6cG9zaXRpb259LiBQcmVzcyB7OmdyYWJLZXl9IHRvIGdyYWIsIHs6bW92ZUtleXN9IHRvIG1vdmUsIHs6ZHJvcEtleX0gb3IgezphbHREcm9wS2V5fSB0byBkcm9wJyxcbiAgICAgICAgZHJhZ0hhbmRsZUFyaWFMYWJlbDogZHJhZ0hhbmRsZUFyaWFMYWJlbCA/PyAnRHJhZyB0byByZW9yZGVyJyxcbiAgICAgICAgZ3JhYmJlZEFubm91bmNlbWVudFRlbXBsYXRlOlxuICAgICAgICAgICAgZ3JhYmJlZEFubm91bmNlbWVudFRlbXBsYXRlID8/XG4gICAgICAgICAgICAnSXRlbSB7OnBvc2l0aW9ufSBncmFiYmVkLiBVc2Ugezptb3ZlS2V5c30gdG8gbW92ZSwgezpkcm9wS2V5fSBvciB7OmFsdERyb3BLZXl9IHRvIGRyb3AsIHs6Y2FuY2VsS2V5fSB0byBjYW5jZWwnLFxuICAgICAgICBtb3ZlZEFubm91bmNlbWVudFRlbXBsYXRlOlxuICAgICAgICAgICAgbW92ZWRBbm5vdW5jZW1lbnRUZW1wbGF0ZSA/PyAnSXRlbSBtb3ZlZCB0byBwb3NpdGlvbiB7OnBvc2l0aW9ufScsXG4gICAgICAgIGRyb3BwZWRBbm5vdW5jZW1lbnRUZW1wbGF0ZTpcbiAgICAgICAgICAgIGRyb3BwZWRBbm5vdW5jZW1lbnRUZW1wbGF0ZSA/PyAnSXRlbSBkcm9wcGVkIGF0IHBvc2l0aW9uIHs6cG9zaXRpb259JyxcbiAgICAgICAgY2FuY2VsbGVkQW5ub3VuY2VtZW50VGVtcGxhdGU6XG4gICAgICAgICAgICBjYW5jZWxsZWRBbm5vdW5jZW1lbnRUZW1wbGF0ZSA/PyAnRHJhZyBjYW5jZWxsZWQsIGl0ZW0gcmVzdG9yZWQgdG8gb3JpZ2luYWwgcG9zaXRpb24nLFxuICAgICAgICByZXBsYWNlUGxhY2Vob2xkZXJzLFxuICAgIH07XG5cbiAgICAvKipcbiAgICAgKiBEcm9wIGhhbmRsZXIgaW52b2tlZCB3aGVuIGEgZHJhZ2dhYmxlIGl0ZW0gaXMgcmVsZWFzZWQuXG4gICAgICogQHBhcmFtIGluZGV4XG4gICAgICovXG4gICAgY29uc3QgZHJvcCA9IChpbmRleDogbnVtYmVyKSA9PiB7XG4gICAgICAgIGlmIChzdGFydEluZGV4ICE9PSBudWxsKSB7XG4gICAgICAgICAgICBvbkRyb3A/LihzdGFydEluZGV4LCBpbmRleCk7XG4gICAgICAgIH1cbiAgICAgICAgc2V0U3RhcnRJbmRleChudWxsKTtcbiAgICAgICAgc2V0T3JpZ2luYWxJbmRleChudWxsKTtcbiAgICAgICAgc2V0SXNEcmFnZ2luZyhmYWxzZSk7XG4gICAgfTtcblxuICAgIC8qKlxuICAgICAqIENhbmNlbCBoYW5kbGVyIHRvIHJlc3RvcmUgaXRlbSB0byBvcmlnaW5hbCBwb3NpdGlvblxuICAgICAqL1xuICAgIGNvbnN0IGNhbmNlbCA9ICgpID0+IHtcbiAgICAgICAgaWYgKG9yaWdpbmFsSW5kZXggIT09IG51bGwgJiYgc3RhcnRJbmRleCAhPT0gbnVsbCAmJiBzdGFydEluZGV4ICE9PSBvcmlnaW5hbEluZGV4KSB7XG4gICAgICAgICAgICBvbkRyb3A/LihzdGFydEluZGV4LCBvcmlnaW5hbEluZGV4KTtcbiAgICAgICAgfVxuICAgICAgICBzZXRTdGFydEluZGV4KG51bGwpO1xuICAgICAgICBzZXRPcmlnaW5hbEluZGV4KG51bGwpO1xuICAgICAgICBzZXRJc0RyYWdnaW5nKGZhbHNlKTtcbiAgICB9O1xuXG4gICAgLyoqXG4gICAgICogU3RhcnQgZ3JhYiBoYW5kbGVyIHRvIHRyYWNrIG9yaWdpbmFsIHBvc2l0aW9uXG4gICAgICovXG4gICAgY29uc3Qgc3RhcnRHcmFiID0gKGluZGV4OiBudW1iZXIpID0+IHtcbiAgICAgICAgc2V0U3RhcnRJbmRleChpbmRleCk7XG4gICAgICAgIHNldE9yaWdpbmFsSW5kZXgoaW5kZXgpO1xuICAgICAgICBzZXRJc0RyYWdnaW5nKHRydWUpO1xuICAgIH07XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8PlxuICAgICAgICAgICAgPERyYWdDb250ZXh0LlByb3ZpZGVyXG4gICAgICAgICAgICAgICAgdmFsdWU9e3tcbiAgICAgICAgICAgICAgICAgICAgc3RhcnRJbmRleCxcbiAgICAgICAgICAgICAgICAgICAgc2V0U3RhcnRJbmRleCxcbiAgICAgICAgICAgICAgICAgICAgZHJvcCxcbiAgICAgICAgICAgICAgICAgICAgb25Ecm9wLFxuICAgICAgICAgICAgICAgICAgICBjYW5jZWwsXG4gICAgICAgICAgICAgICAgICAgIHN0YXJ0R3JhYixcbiAgICAgICAgICAgICAgICAgICAgaXNEcmFnZ2luZyxcbiAgICAgICAgICAgICAgICAgICAgc2V0SXNEcmFnZ2luZyxcbiAgICAgICAgICAgICAgICAgICAgc2V0RHJhZ092ZXIsXG4gICAgICAgICAgICAgICAgICAgIGkxOG4sXG4gICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8Q29udGFpbmVyIG9yaWVudGF0aW9uPXtvcmllbnRhdGlvbn0gcm9sZT1cImxpc3RcIj5cbiAgICAgICAgICAgICAgICAgICAge1JlYWN0LkNoaWxkcmVuLm1hcChjaGlsZHJlbkFycmF5LCAoY2hpbGQsIGluZGV4KSA9PiAoXG4gICAgICAgICAgICAgICAgICAgICAgICA8RHJhZ0l0ZW1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBpbmRleD17aW5kZXh9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgb3JpZW50YXRpb249e29yaWVudGF0aW9ufVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHNob3dJbmRpY2F0b3I9e3Nob3dJbmRpY2F0b3J9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgZHJhZ092ZXI9e2RyYWdPdmVyfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHRvdGFsSXRlbXM9e3RvdGFsSXRlbXN9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgc2V0QW5ub3VuY2VtZW50PXtzZXRBbm5vdW5jZW1lbnR9XG4gICAgICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAge2NoaWxkfVxuICAgICAgICAgICAgICAgICAgICAgICAgPC9EcmFnSXRlbT5cbiAgICAgICAgICAgICAgICAgICAgKSl9XG4gICAgICAgICAgICAgICAgPC9Db250YWluZXI+XG4gICAgICAgICAgICA8L0RyYWdDb250ZXh0LlByb3ZpZGVyPlxuICAgICAgICAgICAgPFZpc3VhbGx5SGlkZGVuIHJvbGU9XCJzdGF0dXNcIiBhcmlhLWxpdmU9XCJwb2xpdGVcIiBhcmlhLWF0b21pYz1cInRydWVcIj5cbiAgICAgICAgICAgICAgICB7YW5ub3VuY2VtZW50fVxuICAgICAgICAgICAgPC9WaXN1YWxseUhpZGRlbj5cbiAgICAgICAgPC8+XG4gICAgKTtcbn1cblxuRHJhZ0FuZERyb3AuZGVmYXVsdFByb3BzID0ge1xuICAgIC8qKiBPcmllbnRhdGlvbiBvZiB0aGUgbGlzdCBsYXlvdXQgKi9cbiAgICBvcmllbnRhdGlvbjogT1JJRU5UQVRJT04uVkVSVElDQUwsXG4gICAgLyoqIFdoZXRoZXIgdG8gZGlzcGxheSBkcmFnIGluZGljYXRvcnMgZm9yIGVhY2ggbGlzdCBpdGVtICovXG4gICAgc2hvd0luZGljYXRvcjogZmFsc2UsXG4gICAgLyoqIERlZmF1bHQgaXRlbSBhcmlhLWxhYmVsIHRlbXBsYXRlICovXG4gICAgaXRlbUFyaWFMYWJlbFRlbXBsYXRlOlxuICAgICAgICAnSXRlbSB7OnBvc2l0aW9ufS4gUHJlc3MgezpncmFiS2V5fSB0byBncmFiLCB7Om1vdmVLZXlzfSB0byBtb3ZlLCB7OmRyb3BLZXl9IG9yIHs6YWx0RHJvcEtleX0gdG8gZHJvcCcsXG4gICAgLyoqIERlZmF1bHQgZHJhZyBoYW5kbGUgYXJpYS1sYWJlbCAqL1xuICAgIGRyYWdIYW5kbGVBcmlhTGFiZWw6ICdEcmFnIHRvIHJlb3JkZXInLFxuICAgIC8qKiBEZWZhdWx0IGdyYWJiZWQgYW5ub3VuY2VtZW50IHRlbXBsYXRlICovXG4gICAgZ3JhYmJlZEFubm91bmNlbWVudFRlbXBsYXRlOlxuICAgICAgICAnSXRlbSB7OnBvc2l0aW9ufSBncmFiYmVkLiBVc2Ugezptb3ZlS2V5c30gdG8gbW92ZSwgezpkcm9wS2V5fSBvciB7OmFsdERyb3BLZXl9IHRvIGRyb3AsIHs6Y2FuY2VsS2V5fSB0byBjYW5jZWwnLFxuICAgIC8qKiBEZWZhdWx0IG1vdmVkIGFubm91bmNlbWVudCB0ZW1wbGF0ZSAqL1xuICAgIG1vdmVkQW5ub3VuY2VtZW50VGVtcGxhdGU6ICdJdGVtIG1vdmVkIHRvIHBvc2l0aW9uIHs6cG9zaXRpb259JyxcbiAgICAvKiogRGVmYXVsdCBkcm9wcGVkIGFubm91bmNlbWVudCB0ZW1wbGF0ZSAqL1xuICAgIGRyb3BwZWRBbm5vdW5jZW1lbnRUZW1wbGF0ZTogJ0l0ZW0gZHJvcHBlZCBhdCBwb3NpdGlvbiB7OnBvc2l0aW9ufScsXG4gICAgLyoqIERlZmF1bHQgY2FuY2VsbGVkIGFubm91bmNlbWVudCB0ZW1wbGF0ZSAqL1xuICAgIGNhbmNlbGxlZEFubm91bmNlbWVudFRlbXBsYXRlOiAnRHJhZyBjYW5jZWxsZWQsIGl0ZW0gcmVzdG9yZWQgdG8gb3JpZ2luYWwgcG9zaXRpb24nLFxufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQmtCIn0= */");
-/** Visually hidden but accessible to screen readers */ const VisuallyHidden = /*#__PURE__*/ styled("div", {
-    target: "emx1u4x1",
+})("flex:1;display:flex;position:relative;flex-wrap:wrap;flex-direction:", (props)=>props.orientation === ORIENTATION.HORIZONTAL ? 'row' : 'column', ";");
+/** Visually hidden but accessible to screen readers */ const VisuallyHidden$2 = /*#__PURE__*/ styled("div", {
+    target: "e18d6tqk1",
     label: "VisuallyHidden"
-})("position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbm8tZnJpbGxzLXVpL25vLWZyaWxscy11aS9zcmMvY29tcG9uZW50cy9EcmFnQW5kRHJvcC9EcmFnQW5kRHJvcC50c3giLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL25vLWZyaWxscy11aS9uby1mcmlsbHMtdWkvc3JjL2NvbXBvbmVudHMvRHJhZ0FuZERyb3AvRHJhZ0FuZERyb3AudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBQcm9wc1dpdGhDaGlsZHJlbiwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgRHJhZ0l0ZW0gZnJvbSAnLi9EcmFnSXRlbSc7XG5pbXBvcnQgeyBPUklFTlRBVElPTiwgRHJhZ0NvbnRleHQgfSBmcm9tICcuL3R5cGVzJztcblxudHlwZSBEcmFnQW5kRHJvcFByb3BzID0ge1xuICAgIC8qKiBPcmllbnRhdGlvbiBvZiB0aGUgbGlzdCBsYXlvdXQgKi9cbiAgICBvcmllbnRhdGlvbjogT1JJRU5UQVRJT047XG4gICAgLyoqIERyb3AgZXZlbnQgaGFuZGxlciAqL1xuICAgIG9uRHJvcDogKHN0YXJ0OiBudW1iZXIsIGVuZDogbnVtYmVyKSA9PiB2b2lkO1xuICAgIC8qKiBTaG93cyBkcmFnIGluZGljYXRvciBhZ2FpbnN0IGVhY2ggbGlzdCBpdGVtICovXG4gICAgc2hvd0luZGljYXRvcjogYm9vbGVhbjtcbiAgICAvKiogaTE4bjogVGVtcGxhdGUgZm9yIGl0ZW0gYXJpYS1sYWJlbC4gUGxhY2Vob2xkZXJzOiB7OnBvc2l0aW9ufSwgezpncmFiS2V5fSwgezptb3ZlS2V5c30sIHs6ZHJvcEtleX0sIHs6YWx0RHJvcEtleX0gKi9cbiAgICBpdGVtQXJpYUxhYmVsVGVtcGxhdGU/OiBzdHJpbmc7XG4gICAgLyoqIGkxOG46IEFyaWEgbGFiZWwgZm9yIGRyYWcgaGFuZGxlICovXG4gICAgZHJhZ0hhbmRsZUFyaWFMYWJlbD86IHN0cmluZztcbiAgICAvKiogaTE4bjogVGVtcGxhdGUgZm9yIGdyYWJiZWQgYW5ub3VuY2VtZW50LiBQbGFjZWhvbGRlcnM6IHs6cG9zaXRpb259LCB7Om1vdmVLZXlzfSwgezpkcm9wS2V5fSwgezphbHREcm9wS2V5fSwgezpjYW5jZWxLZXl9ICovXG4gICAgZ3JhYmJlZEFubm91bmNlbWVudFRlbXBsYXRlPzogc3RyaW5nO1xuICAgIC8qKiBpMThuOiBUZW1wbGF0ZSBmb3IgbW92ZWQgYW5ub3VuY2VtZW50LiBQbGFjZWhvbGRlcnM6IHs6cG9zaXRpb259ICovXG4gICAgbW92ZWRBbm5vdW5jZW1lbnRUZW1wbGF0ZT86IHN0cmluZztcbiAgICAvKiogaTE4bjogVGVtcGxhdGUgZm9yIGRyb3BwZWQgYW5ub3VuY2VtZW50LiBQbGFjZWhvbGRlcnM6IHs6cG9zaXRpb259ICovXG4gICAgZHJvcHBlZEFubm91bmNlbWVudFRlbXBsYXRlPzogc3RyaW5nO1xuICAgIC8qKiBpMThuOiBUZW1wbGF0ZSBmb3IgY2FuY2VsbGVkIGFubm91bmNlbWVudCAqL1xuICAgIGNhbmNlbGxlZEFubm91bmNlbWVudFRlbXBsYXRlPzogc3RyaW5nO1xufSAmIFByb3BzV2l0aENoaWxkcmVuPHVua25vd24+O1xuXG4vKiogQ29udGFpbmVyIENvbXBvbmVudCAqL1xuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkLmRpdjx7IG9yaWVudGF0aW9uOiBPUklFTlRBVElPTiB9PmBcbiAgICBmbGV4OiAxO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGZsZXgtd3JhcDogd3JhcDtcbiAgICBmbGV4LWRpcmVjdGlvbjogJHsocHJvcHMpID0+IChwcm9wcy5vcmllbnRhdGlvbiA9PT0gT1JJRU5UQVRJT04uSE9SSVpPTlRBTCA/ICdyb3cnIDogJ2NvbHVtbicpfTtcbmA7XG5cbi8qKiBWaXN1YWxseSBoaWRkZW4gYnV0IGFjY2Vzc2libGUgdG8gc2NyZWVuIHJlYWRlcnMgKi9cbmNvbnN0IFZpc3VhbGx5SGlkZGVuID0gc3R5bGVkLmRpdmBcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgd2lkdGg6IDFweDtcbiAgICBoZWlnaHQ6IDFweDtcbiAgICBwYWRkaW5nOiAwO1xuICAgIG1hcmdpbjogLTFweDtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIGNsaXA6IHJlY3QoMCwgMCwgMCwgMCk7XG4gICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgICBib3JkZXItd2lkdGg6IDA7XG5gO1xuXG4vKipcbiAqIEEgZHJhZyBhbmQgZHJvcCBjb250YWluZXIgY29tcG9uZW50IHRoYXQgZW5hYmxlcyByZW9yZGVyaW5nIG9mIGNoaWxkIGVsZW1lbnRzLlxuICpcbiAqIEBjb21wb25lbnRcbiAqIEBleGFtcGxlXG4gKiBgYGB0c3hcbiAqIDxEcmFnQW5kRHJvcFxuICogICBvcmllbnRhdGlvbj17T1JJRU5UQVRJT04uVkVSVElDQUx9XG4gKiAgIG9uRHJvcD17KHN0YXJ0LCBlbmQpID0+IGhhbmRsZVJlb3JkZXIoc3RhcnQsIGVuZCl9XG4gKiAgIHNob3dJbmRpY2F0b3I9e3RydWV9XG4gKiA+XG4gKiAgIDxkaXY+SXRlbSAxPC9kaXY+XG4gKiAgIDxkaXY+SXRlbSAyPC9kaXY+XG4gKiAgIDxkaXY+SXRlbSAzPC9kaXY+XG4gKiA8L0RyYWdBbmREcm9wPlxuICogYGBgXG4gKlxuICogQHBhcmFtIHtEcmFnQW5kRHJvcFByb3BzfSBwcm9wcyAtIFRoZSBjb21wb25lbnQgcHJvcHNcbiAqIEBwYXJhbSB7T1JJRU5UQVRJT059IHByb3BzLm9yaWVudGF0aW9uIC0gRGV0ZXJtaW5lcyB0aGUgbGF5b3V0IGRpcmVjdGlvbiAoaG9yaXpvbnRhbCBvciB2ZXJ0aWNhbCkuIERlZmF1bHRzIHRvIFZFUlRJQ0FMLlxuICogQHBhcmFtIHsoc3RhcnQ6IG51bWJlciwgZW5kOiBudW1iZXIpID0+IHZvaWR9IHByb3BzLm9uRHJvcCAtIENhbGxiYWNrIGZpcmVkIHdoZW4gYW4gaXRlbSBpcyBkcm9wcGVkLCByZWNlaXZlcyB0aGUgc3RhcnQgYW5kIGVuZCBpbmRpY2VzXG4gKiBAcGFyYW0ge2Jvb2xlYW59IHByb3BzLnNob3dJbmRpY2F0b3IgLSBXaGV0aGVyIHRvIGRpc3BsYXkgZHJhZyBpbmRpY2F0b3JzIGZvciBlYWNoIGxpc3QgaXRlbS4gRGVmYXVsdHMgdG8gZmFsc2UuXG4gKiBAcGFyYW0ge1JlYWN0LlJlYWN0Tm9kZX0gcHJvcHMuY2hpbGRyZW4gLSBDaGlsZCBlbGVtZW50cyB0byBiZSByZW5kZXJlZCBhcyBkcmFnZ2FibGUgaXRlbXNcbiAqXG4gKiBAcmV0dXJucyB7SlNYLkVsZW1lbnR9IEEgZHJhZ2dhYmxlIGNvbnRhaW5lciB3aXRoIHJlb3JkZXJhYmxlIGl0ZW1zXG4gKi9cbmV4cG9ydCBkZWZhdWx0IGZ1bmN0aW9uIERyYWdBbmREcm9wKHByb3BzOiBEcmFnQW5kRHJvcFByb3BzKSB7XG4gICAgY29uc3Qge1xuICAgICAgICBvcmllbnRhdGlvbixcbiAgICAgICAgY2hpbGRyZW4sXG4gICAgICAgIG9uRHJvcCxcbiAgICAgICAgc2hvd0luZGljYXRvcixcbiAgICAgICAgaXRlbUFyaWFMYWJlbFRlbXBsYXRlLFxuICAgICAgICBkcmFnSGFuZGxlQXJpYUxhYmVsLFxuICAgICAgICBncmFiYmVkQW5ub3VuY2VtZW50VGVtcGxhdGUsXG4gICAgICAgIG1vdmVkQW5ub3VuY2VtZW50VGVtcGxhdGUsXG4gICAgICAgIGRyb3BwZWRBbm5vdW5jZW1lbnRUZW1wbGF0ZSxcbiAgICAgICAgY2FuY2VsbGVkQW5ub3VuY2VtZW50VGVtcGxhdGUsXG4gICAgfSA9IHByb3BzO1xuICAgIGNvbnN0IFtzdGFydEluZGV4LCBzZXRTdGFydEluZGV4XSA9IHVzZVN0YXRlPG51bWJlcj4obnVsbCk7XG4gICAgY29uc3QgW29yaWdpbmFsSW5kZXgsIHNldE9yaWdpbmFsSW5kZXhdID0gdXNlU3RhdGU8bnVtYmVyPihudWxsKTtcbiAgICBjb25zdCBbaXNEcmFnZ2luZywgc2V0SXNEcmFnZ2luZ10gPSB1c2VTdGF0ZTxib29sZWFuPihmYWxzZSk7XG4gICAgY29uc3QgW2RyYWdPdmVyLCBzZXREcmFnT3Zlcl0gPSB1c2VTdGF0ZTxudW1iZXI+KG51bGwpO1xuICAgIGNvbnN0IFthbm5vdW5jZW1lbnQsIHNldEFubm91bmNlbWVudF0gPSB1c2VTdGF0ZSgnJyk7XG4gICAgY29uc3QgY2hpbGRyZW5BcnJheSA9IFJlYWN0LkNoaWxkcmVuLnRvQXJyYXkoY2hpbGRyZW4pO1xuICAgIGNvbnN0IHRvdGFsSXRlbXMgPSBjaGlsZHJlbkFycmF5Lmxlbmd0aDtcblxuICAgIC8qKlxuICAgICAqIFJlcGxhY2UgcGxhY2Vob2xkZXJzIGluIGkxOG4gdGVtcGxhdGVzXG4gICAgICovXG4gICAgY29uc3QgcmVwbGFjZVBsYWNlaG9sZGVycyA9IChcbiAgICAgICAgdGVtcGxhdGU6IHN0cmluZyxcbiAgICAgICAgZGF0YToge1xuICAgICAgICAgICAgcG9zaXRpb24/OiBudW1iZXI7XG4gICAgICAgICAgICBncmFiS2V5Pzogc3RyaW5nO1xuICAgICAgICAgICAgZHJvcEtleT86IHN0cmluZztcbiAgICAgICAgICAgIGFsdERyb3BLZXk/OiBzdHJpbmc7XG4gICAgICAgICAgICBjYW5jZWxLZXk/OiBzdHJpbmc7XG4gICAgICAgICAgICBtb3ZlS2V5cz86IHN0cmluZztcbiAgICAgICAgfSxcbiAgICApOiBzdHJpbmcgPT4ge1xuICAgICAgICByZXR1cm4gdGVtcGxhdGVcbiAgICAgICAgICAgIC5yZXBsYWNlKC9cXHs6cG9zaXRpb25cXH0vZywgU3RyaW5nKGRhdGEucG9zaXRpb24gPz8gJycpKVxuICAgICAgICAgICAgLnJlcGxhY2UoL1xcezpncmFiS2V5XFx9L2csIGRhdGEuZ3JhYktleSA/PyAnU3BhY2UnKVxuICAgICAgICAgICAgLnJlcGxhY2UoL1xcezpkcm9wS2V5XFx9L2csIGRhdGEuZHJvcEtleSA/PyAnU3BhY2UnKVxuICAgICAgICAgICAgLnJlcGxhY2UoL1xcezphbHREcm9wS2V5XFx9L2csIGRhdGEuYWx0RHJvcEtleSA/PyAnRW50ZXInKVxuICAgICAgICAgICAgLnJlcGxhY2UoL1xcezpjYW5jZWxLZXlcXH0vZywgZGF0YS5jYW5jZWxLZXkgPz8gJ0VzY2FwZScpXG4gICAgICAgICAgICAucmVwbGFjZShcbiAgICAgICAgICAgICAgICAvXFx7Om1vdmVLZXlzXFx9L2csXG4gICAgICAgICAgICAgICAgZGF0YS5tb3ZlS2V5cyA/P1xuICAgICAgICAgICAgICAgICAgICAob3JpZW50YXRpb24gPT09IE9SSUVOVEFUSU9OLlZFUlRJQ0FMID8gJ0Fycm93IFVwL0Rvd24nIDogJ0Fycm93IExlZnQvUmlnaHQnKSxcbiAgICAgICAgICAgICk7XG4gICAgfTtcblxuICAgIC8vIGkxOG4gY29uZmlndXJhdGlvbiBvYmplY3RcbiAgICBjb25zdCBpMThuID0ge1xuICAgICAgICBpdGVtQXJpYUxhYmVsVGVtcGxhdGU6XG4gICAgICAgICAgICBpdGVtQXJpYUxhYmVsVGVtcGxhdGUgPz9cbiAgICAgICAgICAgICdJdGVtIHs6cG9zaXRpb259LiBQcmVzcyB7OmdyYWJLZXl9IHRvIGdyYWIsIHs6bW92ZUtleXN9IHRvIG1vdmUsIHs6ZHJvcEtleX0gb3IgezphbHREcm9wS2V5fSB0byBkcm9wJyxcbiAgICAgICAgZHJhZ0hhbmRsZUFyaWFMYWJlbDogZHJhZ0hhbmRsZUFyaWFMYWJlbCA/PyAnRHJhZyB0byByZW9yZGVyJyxcbiAgICAgICAgZ3JhYmJlZEFubm91bmNlbWVudFRlbXBsYXRlOlxuICAgICAgICAgICAgZ3JhYmJlZEFubm91bmNlbWVudFRlbXBsYXRlID8/XG4gICAgICAgICAgICAnSXRlbSB7OnBvc2l0aW9ufSBncmFiYmVkLiBVc2Ugezptb3ZlS2V5c30gdG8gbW92ZSwgezpkcm9wS2V5fSBvciB7OmFsdERyb3BLZXl9IHRvIGRyb3AsIHs6Y2FuY2VsS2V5fSB0byBjYW5jZWwnLFxuICAgICAgICBtb3ZlZEFubm91bmNlbWVudFRlbXBsYXRlOlxuICAgICAgICAgICAgbW92ZWRBbm5vdW5jZW1lbnRUZW1wbGF0ZSA/PyAnSXRlbSBtb3ZlZCB0byBwb3NpdGlvbiB7OnBvc2l0aW9ufScsXG4gICAgICAgIGRyb3BwZWRBbm5vdW5jZW1lbnRUZW1wbGF0ZTpcbiAgICAgICAgICAgIGRyb3BwZWRBbm5vdW5jZW1lbnRUZW1wbGF0ZSA/PyAnSXRlbSBkcm9wcGVkIGF0IHBvc2l0aW9uIHs6cG9zaXRpb259JyxcbiAgICAgICAgY2FuY2VsbGVkQW5ub3VuY2VtZW50VGVtcGxhdGU6XG4gICAgICAgICAgICBjYW5jZWxsZWRBbm5vdW5jZW1lbnRUZW1wbGF0ZSA/PyAnRHJhZyBjYW5jZWxsZWQsIGl0ZW0gcmVzdG9yZWQgdG8gb3JpZ2luYWwgcG9zaXRpb24nLFxuICAgICAgICByZXBsYWNlUGxhY2Vob2xkZXJzLFxuICAgIH07XG5cbiAgICAvKipcbiAgICAgKiBEcm9wIGhhbmRsZXIgaW52b2tlZCB3aGVuIGEgZHJhZ2dhYmxlIGl0ZW0gaXMgcmVsZWFzZWQuXG4gICAgICogQHBhcmFtIGluZGV4XG4gICAgICovXG4gICAgY29uc3QgZHJvcCA9IChpbmRleDogbnVtYmVyKSA9PiB7XG4gICAgICAgIGlmIChzdGFydEluZGV4ICE9PSBudWxsKSB7XG4gICAgICAgICAgICBvbkRyb3A/LihzdGFydEluZGV4LCBpbmRleCk7XG4gICAgICAgIH1cbiAgICAgICAgc2V0U3RhcnRJbmRleChudWxsKTtcbiAgICAgICAgc2V0T3JpZ2luYWxJbmRleChudWxsKTtcbiAgICAgICAgc2V0SXNEcmFnZ2luZyhmYWxzZSk7XG4gICAgfTtcblxuICAgIC8qKlxuICAgICAqIENhbmNlbCBoYW5kbGVyIHRvIHJlc3RvcmUgaXRlbSB0byBvcmlnaW5hbCBwb3NpdGlvblxuICAgICAqL1xuICAgIGNvbnN0IGNhbmNlbCA9ICgpID0+IHtcbiAgICAgICAgaWYgKG9yaWdpbmFsSW5kZXggIT09IG51bGwgJiYgc3RhcnRJbmRleCAhPT0gbnVsbCAmJiBzdGFydEluZGV4ICE9PSBvcmlnaW5hbEluZGV4KSB7XG4gICAgICAgICAgICBvbkRyb3A/LihzdGFydEluZGV4LCBvcmlnaW5hbEluZGV4KTtcbiAgICAgICAgfVxuICAgICAgICBzZXRTdGFydEluZGV4KG51bGwpO1xuICAgICAgICBzZXRPcmlnaW5hbEluZGV4KG51bGwpO1xuICAgICAgICBzZXRJc0RyYWdnaW5nKGZhbHNlKTtcbiAgICB9O1xuXG4gICAgLyoqXG4gICAgICogU3RhcnQgZ3JhYiBoYW5kbGVyIHRvIHRyYWNrIG9yaWdpbmFsIHBvc2l0aW9uXG4gICAgICovXG4gICAgY29uc3Qgc3RhcnRHcmFiID0gKGluZGV4OiBudW1iZXIpID0+IHtcbiAgICAgICAgc2V0U3RhcnRJbmRleChpbmRleCk7XG4gICAgICAgIHNldE9yaWdpbmFsSW5kZXgoaW5kZXgpO1xuICAgICAgICBzZXRJc0RyYWdnaW5nKHRydWUpO1xuICAgIH07XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8PlxuICAgICAgICAgICAgPERyYWdDb250ZXh0LlByb3ZpZGVyXG4gICAgICAgICAgICAgICAgdmFsdWU9e3tcbiAgICAgICAgICAgICAgICAgICAgc3RhcnRJbmRleCxcbiAgICAgICAgICAgICAgICAgICAgc2V0U3RhcnRJbmRleCxcbiAgICAgICAgICAgICAgICAgICAgZHJvcCxcbiAgICAgICAgICAgICAgICAgICAgb25Ecm9wLFxuICAgICAgICAgICAgICAgICAgICBjYW5jZWwsXG4gICAgICAgICAgICAgICAgICAgIHN0YXJ0R3JhYixcbiAgICAgICAgICAgICAgICAgICAgaXNEcmFnZ2luZyxcbiAgICAgICAgICAgICAgICAgICAgc2V0SXNEcmFnZ2luZyxcbiAgICAgICAgICAgICAgICAgICAgc2V0RHJhZ092ZXIsXG4gICAgICAgICAgICAgICAgICAgIGkxOG4sXG4gICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8Q29udGFpbmVyIG9yaWVudGF0aW9uPXtvcmllbnRhdGlvbn0gcm9sZT1cImxpc3RcIj5cbiAgICAgICAgICAgICAgICAgICAge1JlYWN0LkNoaWxkcmVuLm1hcChjaGlsZHJlbkFycmF5LCAoY2hpbGQsIGluZGV4KSA9PiAoXG4gICAgICAgICAgICAgICAgICAgICAgICA8RHJhZ0l0ZW1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBpbmRleD17aW5kZXh9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgb3JpZW50YXRpb249e29yaWVudGF0aW9ufVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHNob3dJbmRpY2F0b3I9e3Nob3dJbmRpY2F0b3J9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgZHJhZ092ZXI9e2RyYWdPdmVyfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHRvdGFsSXRlbXM9e3RvdGFsSXRlbXN9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgc2V0QW5ub3VuY2VtZW50PXtzZXRBbm5vdW5jZW1lbnR9XG4gICAgICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAge2NoaWxkfVxuICAgICAgICAgICAgICAgICAgICAgICAgPC9EcmFnSXRlbT5cbiAgICAgICAgICAgICAgICAgICAgKSl9XG4gICAgICAgICAgICAgICAgPC9Db250YWluZXI+XG4gICAgICAgICAgICA8L0RyYWdDb250ZXh0LlByb3ZpZGVyPlxuICAgICAgICAgICAgPFZpc3VhbGx5SGlkZGVuIHJvbGU9XCJzdGF0dXNcIiBhcmlhLWxpdmU9XCJwb2xpdGVcIiBhcmlhLWF0b21pYz1cInRydWVcIj5cbiAgICAgICAgICAgICAgICB7YW5ub3VuY2VtZW50fVxuICAgICAgICAgICAgPC9WaXN1YWxseUhpZGRlbj5cbiAgICAgICAgPC8+XG4gICAgKTtcbn1cblxuRHJhZ0FuZERyb3AuZGVmYXVsdFByb3BzID0ge1xuICAgIC8qKiBPcmllbnRhdGlvbiBvZiB0aGUgbGlzdCBsYXlvdXQgKi9cbiAgICBvcmllbnRhdGlvbjogT1JJRU5UQVRJT04uVkVSVElDQUwsXG4gICAgLyoqIFdoZXRoZXIgdG8gZGlzcGxheSBkcmFnIGluZGljYXRvcnMgZm9yIGVhY2ggbGlzdCBpdGVtICovXG4gICAgc2hvd0luZGljYXRvcjogZmFsc2UsXG4gICAgLyoqIERlZmF1bHQgaXRlbSBhcmlhLWxhYmVsIHRlbXBsYXRlICovXG4gICAgaXRlbUFyaWFMYWJlbFRlbXBsYXRlOlxuICAgICAgICAnSXRlbSB7OnBvc2l0aW9ufS4gUHJlc3MgezpncmFiS2V5fSB0byBncmFiLCB7Om1vdmVLZXlzfSB0byBtb3ZlLCB7OmRyb3BLZXl9IG9yIHs6YWx0RHJvcEtleX0gdG8gZHJvcCcsXG4gICAgLyoqIERlZmF1bHQgZHJhZyBoYW5kbGUgYXJpYS1sYWJlbCAqL1xuICAgIGRyYWdIYW5kbGVBcmlhTGFiZWw6ICdEcmFnIHRvIHJlb3JkZXInLFxuICAgIC8qKiBEZWZhdWx0IGdyYWJiZWQgYW5ub3VuY2VtZW50IHRlbXBsYXRlICovXG4gICAgZ3JhYmJlZEFubm91bmNlbWVudFRlbXBsYXRlOlxuICAgICAgICAnSXRlbSB7OnBvc2l0aW9ufSBncmFiYmVkLiBVc2Ugezptb3ZlS2V5c30gdG8gbW92ZSwgezpkcm9wS2V5fSBvciB7OmFsdERyb3BLZXl9IHRvIGRyb3AsIHs6Y2FuY2VsS2V5fSB0byBjYW5jZWwnLFxuICAgIC8qKiBEZWZhdWx0IG1vdmVkIGFubm91bmNlbWVudCB0ZW1wbGF0ZSAqL1xuICAgIG1vdmVkQW5ub3VuY2VtZW50VGVtcGxhdGU6ICdJdGVtIG1vdmVkIHRvIHBvc2l0aW9uIHs6cG9zaXRpb259JyxcbiAgICAvKiogRGVmYXVsdCBkcm9wcGVkIGFubm91bmNlbWVudCB0ZW1wbGF0ZSAqL1xuICAgIGRyb3BwZWRBbm5vdW5jZW1lbnRUZW1wbGF0ZTogJ0l0ZW0gZHJvcHBlZCBhdCBwb3NpdGlvbiB7OnBvc2l0aW9ufScsXG4gICAgLyoqIERlZmF1bHQgY2FuY2VsbGVkIGFubm91bmNlbWVudCB0ZW1wbGF0ZSAqL1xuICAgIGNhbmNlbGxlZEFubm91bmNlbWVudFRlbXBsYXRlOiAnRHJhZyBjYW5jZWxsZWQsIGl0ZW0gcmVzdG9yZWQgdG8gb3JpZ2luYWwgcG9zaXRpb24nLFxufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQ3VCIn0= */");
+})("position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;");
 /**
  * A drag and drop container component that enables reordering of child elements.
  *
@@ -29,15 +29,19 @@ import { DragContext, ORIENTATION } from './types.js';
  * </DragAndDrop>
  * ```
  *
- * @param {DragAndDropProps} props - The component props
- * @param {ORIENTATION} props.orientation - Determines the layout direction (horizontal or vertical). Defaults to VERTICAL.
- * @param {(start: number, end: number) => void} props.onDrop - Callback fired when an item is dropped, receives the start and end indices
- * @param {boolean} props.showIndicator - Whether to display drag indicators for each list item. Defaults to false.
- * @param {React.ReactNode} props.children - Child elements to be rendered as draggable items
+ * @param props - The component props
+ * @param props.orientation - Determines the layout direction (horizontal or vertical). Defaults to VERTICAL.
+ * @param props.onDrop - Callback fired when an item is dropped, receives the start and end indices
+ * @param props.showIndicator - Whether to display drag indicators for each list item. Defaults to false.
+ * @param props.children - Child elements to be rendered as draggable items
  *
- * @returns {JSX.Element} A draggable container with reorderable items
- */ function DragAndDrop(props) {
-    const { orientation, children, onDrop, showIndicator, itemAriaLabelTemplate, dragHandleAriaLabel, grabbedAnnouncementTemplate, movedAnnouncementTemplate, droppedAnnouncementTemplate, cancelledAnnouncementTemplate } = props;
+ * @returns A draggable container with reorderable items
+ */ /**
+ * DragAndDrop Component
+ * @param props - Component props
+ * @param ref - Ref forwarded to the underlying HTMLDivElement
+ */ function DragAndDropComponent(props, ref) {
+    const { orientation = ORIENTATION.VERTICAL, children, onDrop, showIndicator = false, itemAriaLabelTemplate = 'Item {:position}. Press {:grabKey} to grab, {:moveKeys} to move, {:dropKey} or {:altDropKey} to drop', dragHandleAriaLabel = 'Drag to reorder', grabbedAnnouncementTemplate = 'Item {:position} grabbed. Use {:moveKeys} to move, {:dropKey} or {:altDropKey} to drop, {:cancelKey} to cancel', movedAnnouncementTemplate = 'Item moved to position {:position}', droppedAnnouncementTemplate = 'Item dropped at position {:position}', cancelledAnnouncementTemplate = 'Drag cancelled, item restored to original position', ...rest } = props;
     const [startIndex, setStartIndex] = useState(null);
     const [originalIndex, setOriginalIndex] = useState(null);
     const [isDragging, setIsDragging] = useState(false);
@@ -64,7 +68,7 @@ import { DragContext, ORIENTATION } from './types.js';
      * Drop handler invoked when a draggable item is released.
      * @param index
      */ const drop = (index)=>{
-        if (startIndex !== null) {
+        if (startIndex !== null && index !== null) {
             onDrop?.(startIndex, index);
         }
         setStartIndex(null);
@@ -103,7 +107,9 @@ import { DragContext, ORIENTATION } from './types.js';
                     setDragOver,
                     i18n
                 },
-                children: /*#__PURE__*/ jsx(Container, {
+                children: /*#__PURE__*/ jsx(Container$6, {
+                    ...rest,
+                    ref: ref,
                     orientation: orientation,
                     role: "list",
                     children: React.Children.map(childrenArray, (child, index)=>/*#__PURE__*/ jsx(DragItem, {
@@ -117,7 +123,7 @@ import { DragContext, ORIENTATION } from './types.js';
                         }))
                 })
             }),
-            /*#__PURE__*/ jsx(VisuallyHidden, {
+            /*#__PURE__*/ jsx(VisuallyHidden$2, {
                 role: "status",
                 "aria-live": "polite",
                 "aria-atomic": "true",
@@ -126,15 +132,7 @@ import { DragContext, ORIENTATION } from './types.js';
         ]
     });
 }
-DragAndDrop.defaultProps = {
-    /** Orientation of the list layout */ orientation: ORIENTATION.VERTICAL,
-    /** Whether to display drag indicators for each list item */ showIndicator: false,
-    /** Default item aria-label template */ itemAriaLabelTemplate: 'Item {:position}. Press {:grabKey} to grab, {:moveKeys} to move, {:dropKey} or {:altDropKey} to drop',
-    /** Default drag handle aria-label */ dragHandleAriaLabel: 'Drag to reorder',
-    /** Default grabbed announcement template */ grabbedAnnouncementTemplate: 'Item {:position} grabbed. Use {:moveKeys} to move, {:dropKey} or {:altDropKey} to drop, {:cancelKey} to cancel',
-    /** Default moved announcement template */ movedAnnouncementTemplate: 'Item moved to position {:position}',
-    /** Default dropped announcement template */ droppedAnnouncementTemplate: 'Item dropped at position {:position}',
-    /** Default cancelled announcement template */ cancelledAnnouncementTemplate: 'Drag cancelled, item restored to original position'
-};
+const DragAndDrop = /*#__PURE__*/ React.forwardRef(DragAndDropComponent);
 
 export { DragAndDrop as default };
+//# sourceMappingURL=DragAndDrop.js.map

package/lib-esm/components/DragAndDrop/DragAndDrop.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DragAndDrop.js","sources":["../../../src/components/DragAndDrop/DragAndDrop.tsx"],"sourcesContent":["import React, { PropsWithChildren, useState } from 'react';\nimport styled from '@emotion/styled';\nimport DragItem from './DragItem';\nimport { ORIENTATION, DragContext } from './types';\n\ntype DragAndDropProps = {\n    /**\n     * Orientation of the list layout\n     * @default ORIENTATION.VERTICAL\n     */\n    orientation?: ORIENTATION;\n    /** Drop event handler */\n    onDrop: (start: number, end: number) => void;\n    /** Shows drag indicator against each list item\n     * @default false\n     */\n    showIndicator?: boolean;\n    /**\n     * i18n: Template for item aria-label. Placeholders: {:position}, {:grabKey}, {:moveKeys}, {:dropKey}, {:altDropKey}\n     * @default 'Item {:position}. Press {:grabKey} to grab, {:moveKeys} to move, {:dropKey} or {:altDropKey} to drop'\n     */\n    itemAriaLabelTemplate?: string;\n    /** i18n: Aria label for drag handle\n     * @default 'Drag to reorder'\n     */\n    dragHandleAriaLabel?: string;\n    /**\n     * i18n: Template for grabbed announcement. Placeholders: {:position}, {:moveKeys}, {:dropKey}, {:altDropKey}, {:cancelKey}\n     * @default 'Item {:position} grabbed. Use {:moveKeys} to move, {:dropKey} or {:altDropKey} to drop, {:cancelKey} to cancel'\n     */\n    grabbedAnnouncementTemplate?: string;\n    /**\n     * i18n: Template for moved announcement. Placeholders: {:position}\n     * @default 'Item moved to position {:position}'\n     */\n    movedAnnouncementTemplate?: string;\n    /**\n     * i18n: Template for dropped announcement. Placeholders: {:position}\n     * @default 'Item dropped at position {:position}'\n     */\n    droppedAnnouncementTemplate?: string;\n    /**\n     * i18n: Template for cancelled announcement\n     * @default 'Drag cancelled, item restored to original position'\n     */\n    cancelledAnnouncementTemplate?: string;\n} & PropsWithChildren<unknown>;\n\n/** Container Component */\nconst Container = styled.div<{ orientation: ORIENTATION }>`\n    flex: 1;\n    display: flex;\n    position: relative;\n    flex-wrap: wrap;\n    flex-direction: ${(props) => (props.orientation === ORIENTATION.HORIZONTAL ? 'row' : 'column')};\n`;\n\n/** Visually hidden but accessible to screen readers */\nconst VisuallyHidden = styled.div`\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border-width: 0;\n`;\n\n/**\n * A drag and drop container component that enables reordering of child elements.\n *\n * @component\n * @example\n * ```tsx\n * <DragAndDrop\n *   orientation={ORIENTATION.VERTICAL}\n *   onDrop={(start, end) => handleReorder(start, end)}\n *   showIndicator={true}\n * >\n *   <div>Item 1</div>\n *   <div>Item 2</div>\n *   <div>Item 3</div>\n * </DragAndDrop>\n * ```\n *\n * @param props - The component props\n * @param props.orientation - Determines the layout direction (horizontal or vertical). Defaults to VERTICAL.\n * @param props.onDrop - Callback fired when an item is dropped, receives the start and end indices\n * @param props.showIndicator - Whether to display drag indicators for each list item. Defaults to false.\n * @param props.children - Child elements to be rendered as draggable items\n *\n * @returns A draggable container with reorderable items\n */\n/**\n * DragAndDrop Component\n * @param props - Component props\n * @param ref - Ref forwarded to the underlying HTMLDivElement\n */\nfunction DragAndDropComponent(props: DragAndDropProps, ref: React.Ref<HTMLDivElement>) {\n    const {\n        orientation = ORIENTATION.VERTICAL,\n        children,\n        onDrop,\n        showIndicator = false,\n        itemAriaLabelTemplate = 'Item {:position}. Press {:grabKey} to grab, {:moveKeys} to move, {:dropKey} or {:altDropKey} to drop',\n        dragHandleAriaLabel = 'Drag to reorder',\n        grabbedAnnouncementTemplate = 'Item {:position} grabbed. Use {:moveKeys} to move, {:dropKey} or {:altDropKey} to drop, {:cancelKey} to cancel',\n        movedAnnouncementTemplate = 'Item moved to position {:position}',\n        droppedAnnouncementTemplate = 'Item dropped at position {:position}',\n        cancelledAnnouncementTemplate = 'Drag cancelled, item restored to original position',\n        ...rest\n    } = props;\n    const [startIndex, setStartIndex] = useState<number | null>(null);\n    const [originalIndex, setOriginalIndex] = useState<number | null>(null);\n    const [isDragging, setIsDragging] = useState<boolean>(false);\n    const [dragOver, setDragOver] = useState<number | null>(null);\n    const [announcement, setAnnouncement] = useState<string | undefined>('');\n    const childrenArray = React.Children.toArray(children);\n    const totalItems = childrenArray.length;\n\n    /**\n     * Replace placeholders in i18n templates\n     */\n    const replacePlaceholders = (\n        template: string,\n        data: {\n            position?: number;\n            grabKey?: string;\n            dropKey?: string;\n            altDropKey?: string;\n            cancelKey?: string;\n            moveKeys?: string;\n        },\n    ): string => {\n        return template\n            .replace(/\\{:position\\}/g, String(data.position ?? ''))\n            .replace(/\\{:grabKey\\}/g, data.grabKey ?? 'Space')\n            .replace(/\\{:dropKey\\}/g, data.dropKey ?? 'Space')\n            .replace(/\\{:altDropKey\\}/g, data.altDropKey ?? 'Enter')\n            .replace(/\\{:cancelKey\\}/g, data.cancelKey ?? 'Escape')\n            .replace(\n                /\\{:moveKeys\\}/g,\n                data.moveKeys ??\n                    (orientation === ORIENTATION.VERTICAL ? 'Arrow Up/Down' : 'Arrow Left/Right'),\n            );\n    };\n\n    // i18n configuration object\n    const i18n = {\n        itemAriaLabelTemplate:\n            itemAriaLabelTemplate ??\n            'Item {:position}. Press {:grabKey} to grab, {:moveKeys} to move, {:dropKey} or {:altDropKey} to drop',\n        dragHandleAriaLabel: dragHandleAriaLabel ?? 'Drag to reorder',\n        grabbedAnnouncementTemplate:\n            grabbedAnnouncementTemplate ??\n            'Item {:position} grabbed. Use {:moveKeys} to move, {:dropKey} or {:altDropKey} to drop, {:cancelKey} to cancel',\n        movedAnnouncementTemplate:\n            movedAnnouncementTemplate ?? 'Item moved to position {:position}',\n        droppedAnnouncementTemplate:\n            droppedAnnouncementTemplate ?? 'Item dropped at position {:position}',\n        cancelledAnnouncementTemplate:\n            cancelledAnnouncementTemplate ?? 'Drag cancelled, item restored to original position',\n        replacePlaceholders,\n    };\n\n    /**\n     * Drop handler invoked when a draggable item is released.\n     * @param index\n     */\n    const drop = (index: number | null) => {\n        if (startIndex !== null && index !== null) {\n            onDrop?.(startIndex, index);\n        }\n        setStartIndex(null);\n        setOriginalIndex(null);\n        setIsDragging(false);\n    };\n\n    /**\n     * Cancel handler to restore item to original position\n     */\n    const cancel = () => {\n        if (originalIndex !== null && startIndex !== null && startIndex !== originalIndex) {\n            onDrop?.(startIndex, originalIndex);\n        }\n        setStartIndex(null);\n        setOriginalIndex(null);\n        setIsDragging(false);\n    };\n\n    /**\n     * Start grab handler to track original position\n     */\n    const startGrab = (index: number) => {\n        setStartIndex(index);\n        setOriginalIndex(index);\n        setIsDragging(true);\n    };\n\n    return (\n        <>\n            <DragContext.Provider\n                value={{\n                    startIndex,\n                    setStartIndex,\n                    drop,\n                    onDrop,\n                    cancel,\n                    startGrab,\n                    isDragging,\n                    setIsDragging,\n                    setDragOver,\n                    i18n,\n                }}\n            >\n                <Container {...rest} ref={ref} orientation={orientation} role=\"list\">\n                    {React.Children.map(childrenArray, (child, index) => (\n                        <DragItem\n                            index={index}\n                            orientation={orientation}\n                            showIndicator={showIndicator}\n                            dragOver={dragOver}\n                            totalItems={totalItems}\n                            setAnnouncement={setAnnouncement}\n                        >\n                            {child}\n                        </DragItem>\n                    ))}\n                </Container>\n            </DragContext.Provider>\n            <VisuallyHidden role=\"status\" aria-live=\"polite\" aria-atomic=\"true\">\n                {announcement}\n            </VisuallyHidden>\n        </>\n    );\n}\n\nconst DragAndDrop = React.forwardRef(DragAndDropComponent);\nexport default DragAndDrop;\n"],"names":["Container","styled","props","orientation","ORIENTATION","HORIZONTAL","VisuallyHidden","DragAndDropComponent","ref","VERTICAL","children","onDrop","showIndicator","itemAriaLabelTemplate","dragHandleAriaLabel","grabbedAnnouncementTemplate","movedAnnouncementTemplate","droppedAnnouncementTemplate","cancelledAnnouncementTemplate","rest","startIndex","setStartIndex","useState","originalIndex","setOriginalIndex","isDragging","setIsDragging","dragOver","setDragOver","announcement","setAnnouncement","childrenArray","React","Children","toArray","totalItems","length","replacePlaceholders","template","data","replace","String","position","grabKey","dropKey","altDropKey","cancelKey","moveKeys","i18n","drop","index","cancel","startGrab","_jsxs","_Fragment","_jsx","DragContext","Provider","value","role","map","child","DragItem","aria-live","aria-atomic","DragAndDrop","forwardRef"],"mappings":"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"}