opus-toolkit-components 0.2.2 → 0.2.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/{905.dab21ef1b7f753de58a0.js → main.354919c3ad193cd58738.js} +526 -30
- package/lib/main.354919c3ad193cd58738.js.map +1 -0
- package/package.json +4 -4
- package/lib/905.dab21ef1b7f753de58a0.js.map +0 -1
- package/lib/main.a0e904c2fb2786616858.js +0 -635
- package/lib/main.a0e904c2fb2786616858.js.map +0 -1
|
@@ -1,5 +1,60 @@
|
|
|
1
|
-
|
|
2
|
-
(
|
|
1
|
+
(function webpackUniversalModuleDefinition(root, factory) {
|
|
2
|
+
if(typeof exports === 'object' && typeof module === 'object')
|
|
3
|
+
module.exports = factory(require("react"), require("react-dom"));
|
|
4
|
+
else if(typeof define === 'function' && define.amd)
|
|
5
|
+
define("opus-components", ["react", "react-dom"], factory);
|
|
6
|
+
else if(typeof exports === 'object')
|
|
7
|
+
exports["opus-components"] = factory(require("react"), require("react-dom"));
|
|
8
|
+
else
|
|
9
|
+
root["opus-components"] = factory(root["react"], root["react-dom"]);
|
|
10
|
+
})(self, (__WEBPACK_EXTERNAL_MODULE__155__, __WEBPACK_EXTERNAL_MODULE__514__) => {
|
|
11
|
+
return /******/ (() => { // webpackBootstrap
|
|
12
|
+
/******/ "use strict";
|
|
13
|
+
/******/ var __webpack_modules__ = ({
|
|
14
|
+
|
|
15
|
+
/***/ 250:
|
|
16
|
+
/***/ ((module, __webpack_exports__, __webpack_require__) => {
|
|
17
|
+
|
|
18
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
19
|
+
/* harmony export */ A: () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
20
|
+
/* harmony export */ });
|
|
21
|
+
/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(354);
|
|
22
|
+
/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
|
|
23
|
+
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(314);
|
|
24
|
+
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
|
|
25
|
+
// Imports
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
|
|
29
|
+
// Module
|
|
30
|
+
___CSS_LOADER_EXPORT___.push([module.id, `.primary-btn{background:#e23193;color:#fff}.primary-btn:hover{background:#005de5}.secondary-btn{background:#005de5;color:#fff}.secondary-btn:hover{background:#e23193}.outline-btn{background:none;border:2px solid #fff;color:#fff}.outline-btn:hover{background:#e23193;border-color:#e23193}`, "",{"version":3,"sources":["webpack://./src/components/Buttons/_button.scss","webpack://./node_modules/opus-toolkit-styles/fragments/_colours.scss"],"names":[],"mappings":"AAoBA,aACI,kBCEO,CDDP,UAhBS,CAKX,mBACE,kBCSO,CDMX,eACI,kBCPO,CDQP,UAvBS,CAKX,qBACE,kBCWO,CDWX,aACI,eAAA,CACA,qBAAA,CACA,UA/BS,CAKX,mBACE,kBCWO,CDTL,oBCSK","sourcesContent":["@import 'opus-toolkit-styles/fragments/colours';\r\n// Define color variables\r\n$primary-color: $c247Pink;\r\n$primary-hover-color: $c247Blue;\r\n$secondary-color: $c247Blue;\r\n$hover-color: $c247Pink;\r\n$text-color: white;\r\n$outline-border-color: white;\r\n\r\n// Create a mixin for hover effects to avoid repetition\r\n@mixin hover-effect($hover-bg, $hover-border: null) {\r\n &:hover {\r\n background: $hover-bg;\r\n @if $hover-border {\r\n border-color: $hover-border;\r\n }\r\n }\r\n}\r\n\r\n// Primary button styles\r\n.primary-btn {\r\n background: $primary-color;\r\n color: $text-color;\r\n @include hover-effect($primary-hover-color);\r\n}\r\n\r\n// Secondary button styles\r\n.secondary-btn {\r\n background: $secondary-color;\r\n color: $text-color;\r\n @include hover-effect($hover-color);\r\n}\r\n\r\n// Outline button styles\r\n.outline-btn {\r\n background: none;\r\n border: 2px solid $outline-border-color;\r\n color: $text-color;\r\n @include hover-effect($hover-color, $hover-color);\r\n}","// Foundation Brand colors\r\n$opusDeepBlue: #0c022f;\r\n$opusNavy: #24135f;\r\n$opusRichBlue: #003494;\r\n\r\n// Grey/Blue Scale\r\n$opusDarkest: #07011c;\r\n$opusGrey800: #1b1f51;\r\n$opusGrey700: #444877;\r\n$opusGrey600: #8b8fac;\r\n$opusGrey400: #e3e4eb;\r\n$opusGrey200: #f8f8fb;\r\n$opusWhite: #ffffff;\r\n\r\n// Brand Colours\r\n$opusLightBlue: #005de5;\r\n$opusBrandBlue: #0176d9;\r\n$opusPurple: #451f88;\r\n$opusPink: #e05db4;\r\n\r\n// C247 Colours\r\n$c247Blue: #005de5;\r\n$c247Purple: #ad43c4;\r\n$c247Pink: #e23193;\r\n\r\n// Utility Colours\r\n$danger: #bb0808;\r\n$success: #27be36;"],"sourceRoot":""}]);
|
|
31
|
+
// Exports
|
|
32
|
+
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
|
|
33
|
+
|
|
34
|
+
|
|
35
|
+
/***/ }),
|
|
36
|
+
|
|
37
|
+
/***/ 865:
|
|
38
|
+
/***/ ((module, __webpack_exports__, __webpack_require__) => {
|
|
39
|
+
|
|
40
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
41
|
+
/* harmony export */ A: () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
42
|
+
/* harmony export */ });
|
|
43
|
+
/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(354);
|
|
44
|
+
/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
|
|
45
|
+
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(314);
|
|
46
|
+
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
|
|
47
|
+
// Imports
|
|
48
|
+
|
|
49
|
+
|
|
50
|
+
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
|
|
51
|
+
// Module
|
|
52
|
+
___CSS_LOADER_EXPORT___.push([module.id, `.dark-card{background-color:#24135f;color:#fff}.light-card{background-color:#fff;color:#0c022f}`, "",{"version":3,"sources":["webpack://./src/components/Cards/card.scss","webpack://./node_modules/opus-toolkit-styles/fragments/_colours.scss"],"names":[],"mappings":"AAGA,WACI,wBCFO,CDGP,UAAA,CAEJ,YACI,qBAAA,CACA,aCRW","sourcesContent":["@import 'opus-toolkit-styles/fragments/colours';\r\n\r\n\r\n.dark-card {\r\n background-color: $opusNavy;\r\n color: white;\r\n}\r\n.light-card {\r\n background-color: white;\r\n color: $opusDeepBlue;\r\n}","// Foundation Brand colors\r\n$opusDeepBlue: #0c022f;\r\n$opusNavy: #24135f;\r\n$opusRichBlue: #003494;\r\n\r\n// Grey/Blue Scale\r\n$opusDarkest: #07011c;\r\n$opusGrey800: #1b1f51;\r\n$opusGrey700: #444877;\r\n$opusGrey600: #8b8fac;\r\n$opusGrey400: #e3e4eb;\r\n$opusGrey200: #f8f8fb;\r\n$opusWhite: #ffffff;\r\n\r\n// Brand Colours\r\n$opusLightBlue: #005de5;\r\n$opusBrandBlue: #0176d9;\r\n$opusPurple: #451f88;\r\n$opusPink: #e05db4;\r\n\r\n// C247 Colours\r\n$c247Blue: #005de5;\r\n$c247Purple: #ad43c4;\r\n$c247Pink: #e23193;\r\n\r\n// Utility Colours\r\n$danger: #bb0808;\r\n$success: #27be36;"],"sourceRoot":""}]);
|
|
53
|
+
// Exports
|
|
54
|
+
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
|
|
55
|
+
|
|
56
|
+
|
|
57
|
+
/***/ }),
|
|
3
58
|
|
|
4
59
|
/***/ 314:
|
|
5
60
|
/***/ ((module) => {
|
|
@@ -363,20 +418,396 @@ module.exports = styleTagTransform;
|
|
|
363
418
|
|
|
364
419
|
/***/ }),
|
|
365
420
|
|
|
366
|
-
/***/
|
|
367
|
-
/***/ ((
|
|
421
|
+
/***/ 155:
|
|
422
|
+
/***/ ((module) => {
|
|
423
|
+
|
|
424
|
+
module.exports = __WEBPACK_EXTERNAL_MODULE__155__;
|
|
425
|
+
|
|
426
|
+
/***/ }),
|
|
427
|
+
|
|
428
|
+
/***/ 514:
|
|
429
|
+
/***/ ((module) => {
|
|
430
|
+
|
|
431
|
+
module.exports = __WEBPACK_EXTERNAL_MODULE__514__;
|
|
432
|
+
|
|
433
|
+
/***/ })
|
|
368
434
|
|
|
435
|
+
/******/ });
|
|
436
|
+
/************************************************************************/
|
|
437
|
+
/******/ // The module cache
|
|
438
|
+
/******/ var __webpack_module_cache__ = {};
|
|
439
|
+
/******/
|
|
440
|
+
/******/ // The require function
|
|
441
|
+
/******/ function __webpack_require__(moduleId) {
|
|
442
|
+
/******/ // Check if module is in cache
|
|
443
|
+
/******/ var cachedModule = __webpack_module_cache__[moduleId];
|
|
444
|
+
/******/ if (cachedModule !== undefined) {
|
|
445
|
+
/******/ return cachedModule.exports;
|
|
446
|
+
/******/ }
|
|
447
|
+
/******/ // Create a new module (and put it into the cache)
|
|
448
|
+
/******/ var module = __webpack_module_cache__[moduleId] = {
|
|
449
|
+
/******/ id: moduleId,
|
|
450
|
+
/******/ // no module.loaded needed
|
|
451
|
+
/******/ exports: {}
|
|
452
|
+
/******/ };
|
|
453
|
+
/******/
|
|
454
|
+
/******/ // Execute the module function
|
|
455
|
+
/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
|
|
456
|
+
/******/
|
|
457
|
+
/******/ // Return the exports of the module
|
|
458
|
+
/******/ return module.exports;
|
|
459
|
+
/******/ }
|
|
460
|
+
/******/
|
|
461
|
+
/************************************************************************/
|
|
462
|
+
/******/ /* webpack/runtime/compat get default export */
|
|
463
|
+
/******/ (() => {
|
|
464
|
+
/******/ // getDefaultExport function for compatibility with non-harmony modules
|
|
465
|
+
/******/ __webpack_require__.n = (module) => {
|
|
466
|
+
/******/ var getter = module && module.__esModule ?
|
|
467
|
+
/******/ () => (module['default']) :
|
|
468
|
+
/******/ () => (module);
|
|
469
|
+
/******/ __webpack_require__.d(getter, { a: getter });
|
|
470
|
+
/******/ return getter;
|
|
471
|
+
/******/ };
|
|
472
|
+
/******/ })();
|
|
473
|
+
/******/
|
|
474
|
+
/******/ /* webpack/runtime/create fake namespace object */
|
|
475
|
+
/******/ (() => {
|
|
476
|
+
/******/ var getProto = Object.getPrototypeOf ? (obj) => (Object.getPrototypeOf(obj)) : (obj) => (obj.__proto__);
|
|
477
|
+
/******/ var leafPrototypes;
|
|
478
|
+
/******/ // create a fake namespace object
|
|
479
|
+
/******/ // mode & 1: value is a module id, require it
|
|
480
|
+
/******/ // mode & 2: merge all properties of value into the ns
|
|
481
|
+
/******/ // mode & 4: return value when already ns object
|
|
482
|
+
/******/ // mode & 16: return value when it's Promise-like
|
|
483
|
+
/******/ // mode & 8|1: behave like require
|
|
484
|
+
/******/ __webpack_require__.t = function(value, mode) {
|
|
485
|
+
/******/ if(mode & 1) value = this(value);
|
|
486
|
+
/******/ if(mode & 8) return value;
|
|
487
|
+
/******/ if(typeof value === 'object' && value) {
|
|
488
|
+
/******/ if((mode & 4) && value.__esModule) return value;
|
|
489
|
+
/******/ if((mode & 16) && typeof value.then === 'function') return value;
|
|
490
|
+
/******/ }
|
|
491
|
+
/******/ var ns = Object.create(null);
|
|
492
|
+
/******/ __webpack_require__.r(ns);
|
|
493
|
+
/******/ var def = {};
|
|
494
|
+
/******/ leafPrototypes = leafPrototypes || [null, getProto({}), getProto([]), getProto(getProto)];
|
|
495
|
+
/******/ for(var current = mode & 2 && value; typeof current == 'object' && !~leafPrototypes.indexOf(current); current = getProto(current)) {
|
|
496
|
+
/******/ Object.getOwnPropertyNames(current).forEach((key) => (def[key] = () => (value[key])));
|
|
497
|
+
/******/ }
|
|
498
|
+
/******/ def['default'] = () => (value);
|
|
499
|
+
/******/ __webpack_require__.d(ns, def);
|
|
500
|
+
/******/ return ns;
|
|
501
|
+
/******/ };
|
|
502
|
+
/******/ })();
|
|
503
|
+
/******/
|
|
504
|
+
/******/ /* webpack/runtime/define property getters */
|
|
505
|
+
/******/ (() => {
|
|
506
|
+
/******/ // define getter functions for harmony exports
|
|
507
|
+
/******/ __webpack_require__.d = (exports, definition) => {
|
|
508
|
+
/******/ for(var key in definition) {
|
|
509
|
+
/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
|
|
510
|
+
/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
|
|
511
|
+
/******/ }
|
|
512
|
+
/******/ }
|
|
513
|
+
/******/ };
|
|
514
|
+
/******/ })();
|
|
515
|
+
/******/
|
|
516
|
+
/******/ /* webpack/runtime/hasOwnProperty shorthand */
|
|
517
|
+
/******/ (() => {
|
|
518
|
+
/******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
|
|
519
|
+
/******/ })();
|
|
520
|
+
/******/
|
|
521
|
+
/******/ /* webpack/runtime/make namespace object */
|
|
522
|
+
/******/ (() => {
|
|
523
|
+
/******/ // define __esModule on exports
|
|
524
|
+
/******/ __webpack_require__.r = (exports) => {
|
|
525
|
+
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
|
|
526
|
+
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
527
|
+
/******/ }
|
|
528
|
+
/******/ Object.defineProperty(exports, '__esModule', { value: true });
|
|
529
|
+
/******/ };
|
|
530
|
+
/******/ })();
|
|
531
|
+
/******/
|
|
532
|
+
/******/ /* webpack/runtime/nonce */
|
|
533
|
+
/******/ (() => {
|
|
534
|
+
/******/ __webpack_require__.nc = undefined;
|
|
535
|
+
/******/ })();
|
|
536
|
+
/******/
|
|
537
|
+
/************************************************************************/
|
|
538
|
+
var __webpack_exports__ = {};
|
|
539
|
+
// ESM COMPAT FLAG
|
|
540
|
+
__webpack_require__.r(__webpack_exports__);
|
|
369
541
|
|
|
370
542
|
// EXPORTS
|
|
371
543
|
__webpack_require__.d(__webpack_exports__, {
|
|
372
|
-
|
|
373
|
-
|
|
374
|
-
|
|
375
|
-
|
|
544
|
+
Accordion: () => (/* reexport */ Accordions_Accordion),
|
|
545
|
+
Button: () => (/* reexport */ Button),
|
|
546
|
+
Card: () => (/* reexport */ Card),
|
|
547
|
+
DatePicker: () => (/* reexport */ DatePicker),
|
|
548
|
+
Dropdown: () => (/* reexport */ Dropdown),
|
|
549
|
+
Input: () => (/* reexport */ Input),
|
|
550
|
+
RadioButton: () => (/* reexport */ RadioButton),
|
|
551
|
+
Table: () => (/* reexport */ Table)
|
|
376
552
|
});
|
|
377
553
|
|
|
378
|
-
//
|
|
554
|
+
// EXTERNAL MODULE: external "react"
|
|
555
|
+
var external_react_ = __webpack_require__(155);
|
|
556
|
+
var external_react_namespaceObject = /*#__PURE__*/__webpack_require__.t(external_react_, 2);
|
|
557
|
+
var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
|
|
558
|
+
;// ./src/components/Accordions/Accordion.js
|
|
559
|
+
|
|
560
|
+
const Accordion = _ref => {
|
|
561
|
+
let {
|
|
562
|
+
title,
|
|
563
|
+
handleToggle,
|
|
564
|
+
activeIndex,
|
|
565
|
+
index,
|
|
566
|
+
children
|
|
567
|
+
} = _ref;
|
|
568
|
+
const [internalActiveIndex, setInternalActiveIndex] = (0,external_react_.useState)(null);
|
|
569
|
+
|
|
570
|
+
// Determine which activeIndex to use: internal or external
|
|
571
|
+
const isActive = activeIndex !== undefined ? activeIndex === index : internalActiveIndex === index;
|
|
572
|
+
|
|
573
|
+
// Internal toggle function for self-managed state
|
|
574
|
+
const toggle = () => {
|
|
575
|
+
if (handleToggle) {
|
|
576
|
+
handleToggle(index); // Trigger external handler if provided
|
|
577
|
+
} else {
|
|
578
|
+
setInternalActiveIndex(isActive ? null : index); // Otherwise, toggle internal state
|
|
579
|
+
}
|
|
580
|
+
};
|
|
581
|
+
|
|
582
|
+
// Sync internal state with external state if activeIndex changes
|
|
583
|
+
(0,external_react_.useEffect)(() => {
|
|
584
|
+
if (activeIndex !== undefined) {
|
|
585
|
+
setInternalActiveIndex(activeIndex);
|
|
586
|
+
}
|
|
587
|
+
}, [activeIndex]);
|
|
588
|
+
return /*#__PURE__*/external_react_default().createElement("div", {
|
|
589
|
+
className: "accordion"
|
|
590
|
+
}, /*#__PURE__*/external_react_default().createElement("div", {
|
|
591
|
+
className: "accordion-item border-2 rounded-lg border-gray-200 mb-2",
|
|
592
|
+
key: index
|
|
593
|
+
}, /*#__PURE__*/external_react_default().createElement("div", {
|
|
594
|
+
className: "accordion-header flex p-4 justify-between",
|
|
595
|
+
onClick: toggle // Handle both internal and external toggles
|
|
596
|
+
,
|
|
597
|
+
style: {
|
|
598
|
+
cursor: 'pointer'
|
|
599
|
+
}
|
|
600
|
+
}, /*#__PURE__*/external_react_default().createElement("h3", null, title), /*#__PURE__*/external_react_default().createElement("div", null, isActive ? '-' : '+'))), isActive && /*#__PURE__*/external_react_default().createElement("div", {
|
|
601
|
+
className: "accordion-body p-4"
|
|
602
|
+
}, /*#__PURE__*/external_react_default().createElement("p", null, "Example Child Prop"), children));
|
|
603
|
+
};
|
|
604
|
+
/* harmony default export */ const Accordions_Accordion = (Accordion);
|
|
605
|
+
// EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js
|
|
606
|
+
var injectStylesIntoStyleTag = __webpack_require__(72);
|
|
607
|
+
var injectStylesIntoStyleTag_default = /*#__PURE__*/__webpack_require__.n(injectStylesIntoStyleTag);
|
|
608
|
+
// EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/styleDomAPI.js
|
|
609
|
+
var styleDomAPI = __webpack_require__(825);
|
|
610
|
+
var styleDomAPI_default = /*#__PURE__*/__webpack_require__.n(styleDomAPI);
|
|
611
|
+
// EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/insertBySelector.js
|
|
612
|
+
var insertBySelector = __webpack_require__(659);
|
|
613
|
+
var insertBySelector_default = /*#__PURE__*/__webpack_require__.n(insertBySelector);
|
|
614
|
+
// EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js
|
|
615
|
+
var setAttributesWithoutAttributes = __webpack_require__(56);
|
|
616
|
+
var setAttributesWithoutAttributes_default = /*#__PURE__*/__webpack_require__.n(setAttributesWithoutAttributes);
|
|
617
|
+
// EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/insertStyleElement.js
|
|
618
|
+
var insertStyleElement = __webpack_require__(540);
|
|
619
|
+
var insertStyleElement_default = /*#__PURE__*/__webpack_require__.n(insertStyleElement);
|
|
620
|
+
// EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/styleTagTransform.js
|
|
621
|
+
var styleTagTransform = __webpack_require__(113);
|
|
622
|
+
var styleTagTransform_default = /*#__PURE__*/__webpack_require__.n(styleTagTransform);
|
|
623
|
+
// EXTERNAL MODULE: ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Buttons/_button.scss
|
|
624
|
+
var _button = __webpack_require__(250);
|
|
625
|
+
;// ./src/components/Buttons/_button.scss
|
|
626
|
+
|
|
627
|
+
|
|
628
|
+
|
|
629
|
+
|
|
630
|
+
|
|
631
|
+
|
|
632
|
+
|
|
633
|
+
|
|
634
|
+
|
|
635
|
+
|
|
636
|
+
|
|
637
|
+
var options = {};
|
|
638
|
+
|
|
639
|
+
options.styleTagTransform = (styleTagTransform_default());
|
|
640
|
+
options.setAttributes = (setAttributesWithoutAttributes_default());
|
|
641
|
+
options.insert = insertBySelector_default().bind(null, "head");
|
|
642
|
+
options.domAPI = (styleDomAPI_default());
|
|
643
|
+
options.insertStyleElement = (insertStyleElement_default());
|
|
644
|
+
|
|
645
|
+
var update = injectStylesIntoStyleTag_default()(_button/* default */.A, options);
|
|
646
|
+
|
|
647
|
+
|
|
648
|
+
|
|
649
|
+
|
|
650
|
+
/* harmony default export */ const Buttons_button = (_button/* default */.A && _button/* default */.A.locals ? _button/* default */.A.locals : undefined);
|
|
651
|
+
|
|
652
|
+
;// ./src/components/Buttons/Button.js
|
|
653
|
+
|
|
654
|
+
|
|
655
|
+
function Button(_ref) {
|
|
656
|
+
let {
|
|
657
|
+
type = 'button',
|
|
658
|
+
rank = 'primary',
|
|
659
|
+
text = 'Example Button',
|
|
660
|
+
size = 'md',
|
|
661
|
+
isFullWidth = false,
|
|
662
|
+
// The boolean to toggle 'w-full'
|
|
663
|
+
onClick
|
|
664
|
+
} = _ref;
|
|
665
|
+
// Conditional class based on isFullWidth
|
|
666
|
+
const classNames = `transition ease-in-out duration-700 rounded px-6 py-2 text-${size} ${rank}-btn ${isFullWidth ? 'w-full' : ''}`;
|
|
667
|
+
return /*#__PURE__*/external_react_default().createElement("button", {
|
|
668
|
+
type: type,
|
|
669
|
+
className: classNames,
|
|
670
|
+
onClick: onClick
|
|
671
|
+
}, text);
|
|
672
|
+
}
|
|
673
|
+
// EXTERNAL MODULE: ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Cards/card.scss
|
|
674
|
+
var card = __webpack_require__(865);
|
|
675
|
+
;// ./src/components/Cards/card.scss
|
|
676
|
+
|
|
677
|
+
|
|
678
|
+
|
|
679
|
+
|
|
680
|
+
|
|
681
|
+
|
|
682
|
+
|
|
683
|
+
|
|
684
|
+
|
|
685
|
+
|
|
379
686
|
|
|
687
|
+
var card_options = {};
|
|
688
|
+
|
|
689
|
+
card_options.styleTagTransform = (styleTagTransform_default());
|
|
690
|
+
card_options.setAttributes = (setAttributesWithoutAttributes_default());
|
|
691
|
+
card_options.insert = insertBySelector_default().bind(null, "head");
|
|
692
|
+
card_options.domAPI = (styleDomAPI_default());
|
|
693
|
+
card_options.insertStyleElement = (insertStyleElement_default());
|
|
694
|
+
|
|
695
|
+
var card_update = injectStylesIntoStyleTag_default()(card/* default */.A, card_options);
|
|
696
|
+
|
|
697
|
+
|
|
698
|
+
|
|
699
|
+
|
|
700
|
+
/* harmony default export */ const Cards_card = (card/* default */.A && card/* default */.A.locals ? card/* default */.A.locals : undefined);
|
|
701
|
+
|
|
702
|
+
;// ./src/components/Cards/Card.js
|
|
703
|
+
|
|
704
|
+
|
|
705
|
+
function Card(_ref) {
|
|
706
|
+
let {
|
|
707
|
+
mode = 'light',
|
|
708
|
+
children
|
|
709
|
+
} = _ref;
|
|
710
|
+
const cardClasses = `p-5 ${mode}-card rounded-lg shadow-lg`;
|
|
711
|
+
return /*#__PURE__*/external_react_default().createElement("div", {
|
|
712
|
+
className: cardClasses
|
|
713
|
+
}, children);
|
|
714
|
+
}
|
|
715
|
+
;// ./src/components/Forms/Inputs/Input.js
|
|
716
|
+
|
|
717
|
+
function Input(_ref) {
|
|
718
|
+
let {
|
|
719
|
+
label,
|
|
720
|
+
placeholder,
|
|
721
|
+
type = 'text',
|
|
722
|
+
name,
|
|
723
|
+
isValid = true,
|
|
724
|
+
errorMessage = `${label} is required`,
|
|
725
|
+
onChange,
|
|
726
|
+
value
|
|
727
|
+
} = _ref;
|
|
728
|
+
const inputClasses = `rounded-md bg-white border px-4 py-3 text-md font-normal text-gray-900 ${isValid ? 'border-slate-500' : 'border-rose-500'}`;
|
|
729
|
+
return /*#__PURE__*/external_react_default().createElement("div", {
|
|
730
|
+
className: "flex flex-col mb-4"
|
|
731
|
+
}, /*#__PURE__*/external_react_default().createElement("label", null, label), /*#__PURE__*/external_react_default().createElement("input", {
|
|
732
|
+
className: inputClasses,
|
|
733
|
+
type: type,
|
|
734
|
+
name: name,
|
|
735
|
+
placeholder: placeholder,
|
|
736
|
+
onChange: onChange,
|
|
737
|
+
value: value
|
|
738
|
+
}), !isValid && /*#__PURE__*/external_react_default().createElement("span", {
|
|
739
|
+
className: "text-rose-500 text-sm"
|
|
740
|
+
}, errorMessage));
|
|
741
|
+
}
|
|
742
|
+
;// ./src/components/Forms/Datepickers/DatePicker.js
|
|
743
|
+
|
|
744
|
+
function DatePicker(_ref) {
|
|
745
|
+
let {
|
|
746
|
+
initialDate = '',
|
|
747
|
+
label = 'Select a Date:',
|
|
748
|
+
isValid = true,
|
|
749
|
+
errorMessage = "Error message"
|
|
750
|
+
} = _ref;
|
|
751
|
+
const [selectedDate, setSelectedDate] = (0,external_react_.useState)(initialDate);
|
|
752
|
+
(0,external_react_.useEffect)(() => {
|
|
753
|
+
setSelectedDate(initialDate);
|
|
754
|
+
}, [initialDate]);
|
|
755
|
+
const handleDateChange = e => {
|
|
756
|
+
setSelectedDate(e.target.value);
|
|
757
|
+
};
|
|
758
|
+
const inputClasses = `rounded-md bg-white border px-4 py-3 text-md font-normal text-gray-900 ${isValid ? 'border-slate-400' : 'border-rose-500'}`;
|
|
759
|
+
return /*#__PURE__*/external_react_.React.createElement("div", {
|
|
760
|
+
className: "flex flex-col mb-4"
|
|
761
|
+
}, /*#__PURE__*/external_react_.React.createElement("label", {
|
|
762
|
+
htmlFor: "date"
|
|
763
|
+
}, label), /*#__PURE__*/external_react_.React.createElement("input", {
|
|
764
|
+
type: "date",
|
|
765
|
+
id: "date",
|
|
766
|
+
value: selectedDate,
|
|
767
|
+
onChange: handleDateChange,
|
|
768
|
+
className: inputClasses
|
|
769
|
+
}), !isValid && /*#__PURE__*/external_react_.React.createElement("span", {
|
|
770
|
+
className: "text-rose-500 text-sm"
|
|
771
|
+
}, errorMessage));
|
|
772
|
+
}
|
|
773
|
+
;// ./src/components/Forms/Radios/RadioButton.js
|
|
774
|
+
|
|
775
|
+
function RadioButton(_ref) {
|
|
776
|
+
let {
|
|
777
|
+
name,
|
|
778
|
+
value,
|
|
779
|
+
checked,
|
|
780
|
+
onChange,
|
|
781
|
+
rank = 'primary',
|
|
782
|
+
// Can be 'primary', 'secondary', etc.
|
|
783
|
+
text = 'Example Radio',
|
|
784
|
+
size = 'md' // Sizes can be 'sm', 'md', 'lg'
|
|
785
|
+
} = _ref;
|
|
786
|
+
// Conditional class based on rank and size
|
|
787
|
+
const classNames = `
|
|
788
|
+
flex items-center cursor-pointer transition
|
|
789
|
+
duration-200 ease-in-out
|
|
790
|
+
${rank === 'primary' ? 'text-blue-600' : 'text-gray-600'}
|
|
791
|
+
${size === 'lg' ? 'text-lg' : size === 'sm' ? 'text-sm' : 'text-base'}
|
|
792
|
+
`;
|
|
793
|
+
return /*#__PURE__*/external_react_default().createElement("label", {
|
|
794
|
+
className: classNames
|
|
795
|
+
}, /*#__PURE__*/external_react_default().createElement("input", {
|
|
796
|
+
type: "radio",
|
|
797
|
+
name: name,
|
|
798
|
+
value: value,
|
|
799
|
+
checked: checked,
|
|
800
|
+
onChange: onChange,
|
|
801
|
+
className: `mr-2 form-radio ${rank}-radio` // Apply Tailwind styles
|
|
802
|
+
}), text);
|
|
803
|
+
}
|
|
804
|
+
;// ./src/components/Tables/Table.js
|
|
805
|
+
|
|
806
|
+
function Table() {
|
|
807
|
+
return /*#__PURE__*/external_react_default().createElement("table", {
|
|
808
|
+
class: "table-auto"
|
|
809
|
+
}, /*#__PURE__*/external_react_default().createElement("thead", null, /*#__PURE__*/external_react_default().createElement("tr", null, /*#__PURE__*/external_react_default().createElement("th", null, "Song"), /*#__PURE__*/external_react_default().createElement("th", null, "Artist"), /*#__PURE__*/external_react_default().createElement("th", null, "Year"))), /*#__PURE__*/external_react_default().createElement("tbody", null, /*#__PURE__*/external_react_default().createElement("tr", null, /*#__PURE__*/external_react_default().createElement("td", null, "The Sliding Mr. Bones (Next Stop, Pottersville)"), /*#__PURE__*/external_react_default().createElement("td", null, "Malcolm Lockyer"), /*#__PURE__*/external_react_default().createElement("td", null, "1961")), /*#__PURE__*/external_react_default().createElement("tr", null, /*#__PURE__*/external_react_default().createElement("td", null, "Witchy Woman"), /*#__PURE__*/external_react_default().createElement("td", null, "The Eagles"), /*#__PURE__*/external_react_default().createElement("td", null, "1972")), /*#__PURE__*/external_react_default().createElement("tr", null, /*#__PURE__*/external_react_default().createElement("td", null, "Shining Star"), /*#__PURE__*/external_react_default().createElement("td", null, "Earth, Wind, and Fire"), /*#__PURE__*/external_react_default().createElement("td", null, "1975"))));
|
|
810
|
+
}
|
|
380
811
|
;// ./node_modules/@react-aria/utils/dist/platform.mjs
|
|
381
812
|
/*
|
|
382
813
|
* Copyright 2020 Adobe. All rights reserved.
|
|
@@ -489,9 +920,6 @@ const $431fbd86ca7dc216$export$f21a1ffae260145a = (el)=>{
|
|
|
489
920
|
|
|
490
921
|
//# sourceMappingURL=domHelpers.module.js.map
|
|
491
922
|
|
|
492
|
-
// EXTERNAL MODULE: external "react"
|
|
493
|
-
var external_react_ = __webpack_require__(155);
|
|
494
|
-
var external_react_namespaceObject = /*#__PURE__*/__webpack_require__.t(external_react_, 2);
|
|
495
923
|
;// ./node_modules/@react-aria/interactions/dist/useFocusVisible.mjs
|
|
496
924
|
|
|
497
925
|
|
|
@@ -8537,23 +8965,14 @@ let portal_force_root_e=(0,external_react_.createContext)(!1);function portal_fo
|
|
|
8537
8965
|
;// ./node_modules/@headlessui/react/dist/components/menu/menu.js
|
|
8538
8966
|
"use client";var qe=(r=>(r[r.Open=0]="Open",r[r.Closed=1]="Closed",r))(qe||{}),ze=(r=>(r[r.Pointer=0]="Pointer",r[r.Other=1]="Other",r))(ze||{}),Ye=(a=>(a[a.OpenMenu=0]="OpenMenu",a[a.CloseMenu=1]="CloseMenu",a[a.GoToItem=2]="GoToItem",a[a.Search=3]="Search",a[a.ClearSearch=4]="ClearSearch",a[a.RegisterItem=5]="RegisterItem",a[a.UnregisterItem=6]="UnregisterItem",a[a.SetButtonElement=7]="SetButtonElement",a[a.SetItemsElement=8]="SetItemsElement",a))(Ye||{});function menu_j(e,n=r=>r){let r=e.activeItemIndex!==null?e.items[e.activeItemIndex]:null,l=_(n(e.items.slice()),u=>u.dataRef.current.domRef.current),o=r?l.indexOf(r):null;return o===-1&&(o=null),{items:l,activeItemIndex:o}}let Ze={[1](e){return e.menuState===1?e:{...e,activeItemIndex:null,menuState:1}},[0](e){return e.menuState===0?e:{...e,__demoMode:!1,menuState:0}},[2]:(e,n)=>{var u,p,s,m,a;if(e.menuState===1)return e;let r={...e,searchQuery:"",activationTrigger:(u=n.trigger)!=null?u:1,__demoMode:!1};if(n.focus===calculate_active_index_c.Nothing)return{...r,activeItemIndex:null};if(n.focus===calculate_active_index_c.Specific)return{...r,activeItemIndex:e.items.findIndex(t=>t.id===n.id)};if(n.focus===calculate_active_index_c.Previous){let t=e.activeItemIndex;if(t!==null){let d=e.items[t].dataRef.current.domRef,f=calculate_active_index_f(n,{resolveItems:()=>e.items,resolveActiveIndex:()=>e.activeItemIndex,resolveId:c=>c.id,resolveDisabled:c=>c.dataRef.current.disabled});if(f!==null){let c=e.items[f].dataRef.current.domRef;if(((p=d.current)==null?void 0:p.previousElementSibling)===c.current||((s=c.current)==null?void 0:s.previousElementSibling)===null)return{...r,activeItemIndex:f}}}}else if(n.focus===calculate_active_index_c.Next){let t=e.activeItemIndex;if(t!==null){let d=e.items[t].dataRef.current.domRef,f=calculate_active_index_f(n,{resolveItems:()=>e.items,resolveActiveIndex:()=>e.activeItemIndex,resolveId:c=>c.id,resolveDisabled:c=>c.dataRef.current.disabled});if(f!==null){let c=e.items[f].dataRef.current.domRef;if(((m=d.current)==null?void 0:m.nextElementSibling)===c.current||((a=c.current)==null?void 0:a.nextElementSibling)===null)return{...r,activeItemIndex:f}}}}let l=menu_j(e),o=calculate_active_index_f(n,{resolveItems:()=>l.items,resolveActiveIndex:()=>l.activeItemIndex,resolveId:t=>t.id,resolveDisabled:t=>t.dataRef.current.disabled});return{...r,...l,activeItemIndex:o}},[3]:(e,n)=>{let l=e.searchQuery!==""?0:1,o=e.searchQuery+n.value.toLowerCase(),p=(e.activeItemIndex!==null?e.items.slice(e.activeItemIndex+l).concat(e.items.slice(0,e.activeItemIndex+l)):e.items).find(m=>{var a;return((a=m.dataRef.current.textValue)==null?void 0:a.startsWith(o))&&!m.dataRef.current.disabled}),s=p?e.items.indexOf(p):-1;return s===-1||s===e.activeItemIndex?{...e,searchQuery:o}:{...e,searchQuery:o,activeItemIndex:s,activationTrigger:1}},[4](e){return e.searchQuery===""?e:{...e,searchQuery:"",searchActiveItemIndex:null}},[5]:(e,n)=>{let r=menu_j(e,l=>[...l,{id:n.id,dataRef:n.dataRef}]);return{...e,...r}},[6]:(e,n)=>{let r=menu_j(e,l=>{let o=l.findIndex(u=>u.id===n.id);return o!==-1&&l.splice(o,1),l});return{...e,...r,activationTrigger:1}},[7]:(e,n)=>e.buttonElement===n.element?e:{...e,buttonElement:n.element},[8]:(e,n)=>e.itemsElement===n.element?e:{...e,itemsElement:n.element}},menu_Q=(0,external_react_.createContext)(null);menu_Q.displayName="MenuContext";function menu_w(e){let n=(0,external_react_.useContext)(menu_Q);if(n===null){let r=new Error(`<${e} /> is missing a parent <Menu /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(r,menu_w),r}return n}function et(e,n){return match_u(n.type,Ze,e,n)}let tt=external_react_.Fragment;function nt(e,n){let{__demoMode:r=!1,...l}=e,o=(0,external_react_.useReducer)(et,{__demoMode:r,menuState:r?0:1,buttonElement:null,itemsElement:null,items:[],searchQuery:"",activeItemIndex:null,activationTrigger:1}),[{menuState:u,itemsElement:p,buttonElement:s},m]=o,a=use_sync_refs_y(n);R(u===0,[s,p],(b,S)=>{m({type:1}),focus_management_A(S,focus_management_h.Loose)||(b.preventDefault(),s==null||s.focus())});let d=use_event_o(()=>{m({type:1})}),f=(0,external_react_.useMemo)(()=>({open:u===0,close:d}),[u,d]),c={ref:a},A=render_D();return external_react_.createElement(Me,null,external_react_.createElement(menu_Q.Provider,{value:o},external_react_.createElement(open_closed_c,{value:match_u(u,{[0]:open_closed_i.Open,[1]:open_closed_i.Closed})},A({ourProps:c,theirProps:l,slot:f,defaultTag:tt,name:"Menu"}))))}let rt="button";function ot(e,n){var h;let r=(0,external_react_.useId)(),{id:l=`headlessui-menu-button-${r}`,disabled:o=!1,autoFocus:u=!1,...p}=e,[s,m]=menu_w("Menu.Button"),a=Fe(),t=use_sync_refs_y(n,ye(),use_event_o(T=>m({type:7,element:T}))),d=use_event_o(T=>{switch(T.key){case keyboard_o.Space:case keyboard_o.Enter:case keyboard_o.ArrowDown:T.preventDefault(),T.stopPropagation(),(0,external_react_dom_.flushSync)(()=>m({type:0})),m({type:2,focus:calculate_active_index_c.First});break;case keyboard_o.ArrowUp:T.preventDefault(),T.stopPropagation(),(0,external_react_dom_.flushSync)(()=>m({type:0})),m({type:2,focus:calculate_active_index_c.Last});break}}),f=use_event_o(T=>{switch(T.key){case keyboard_o.Space:T.preventDefault();break}}),c=use_event_o(T=>{var F;if(bugs_r(T.currentTarget))return T.preventDefault();o||(s.menuState===0?((0,external_react_dom_.flushSync)(()=>m({type:1})),(F=s.buttonElement)==null||F.focus({preventScroll:!0})):(T.preventDefault(),m({type:0})))}),{isFocusVisible:A,focusProps:b}=$f7dceffc5ad7768b$export$4e328f61c538687f({autoFocus:u}),{isHovered:S,hoverProps:D}=$6179b936705e76d3$export$ae780daf29e6d456({isDisabled:o}),{pressed:M,pressProps:P}=w({disabled:o}),v=(0,external_react_.useMemo)(()=>({open:s.menuState===0,active:M||s.menuState===0,disabled:o,hover:S,focus:A,autofocus:u}),[s,S,A,M,o,u]),C=W(a(),{ref:t,id:l,type:use_resolve_button_type_e(e,s.buttonElement),"aria-haspopup":"menu","aria-controls":(h=s.itemsElement)==null?void 0:h.id,"aria-expanded":s.menuState===0,disabled:o||void 0,autoFocus:u,onKeyDown:d,onKeyUp:f,onClick:c},b,D,P);return render_D()({ourProps:C,theirProps:p,slot:v,defaultTag:rt,name:"Menu.Button"})}let at="div",lt=render_M.RenderStrategy|render_M.Static;function it(e,n){var J,V;let r=(0,external_react_.useId)(),{id:l=`headlessui-menu-items-${r}`,anchor:o,portal:u=!1,modal:p=!0,transition:s=!1,...m}=e,a=xe(o),[t,d]=menu_w("Menu.Items"),[f,c]=Re(a),A=be(),[b,S]=(0,external_react_.useState)(null),D=use_sync_refs_y(n,a?f:null,use_event_o(i=>d({type:8,element:i})),S),M=use_owner_n(t.itemsElement);a&&(u=!0);let P=open_closed_u(),[v,C]=use_transition_x(s,b,P!==null?(P&open_closed_i.Open)===open_closed_i.Open:t.menuState===0);use_on_disappear_m(v,t.buttonElement,()=>{d({type:1})});let O=t.__demoMode?!1:p&&t.menuState===0;use_scroll_lock_f(O,M);let h=t.__demoMode?!1:p&&t.menuState===0;y(h,{allowed:(0,external_react_.useCallback)(()=>[t.buttonElement,t.itemsElement],[t.buttonElement,t.itemsElement])});let T=t.menuState!==0,K=use_did_element_move_s(T,t.buttonElement)?!1:v;(0,external_react_.useEffect)(()=>{let i=t.itemsElement;i&&t.menuState===0&&i!==(M==null?void 0:M.activeElement)&&i.focus({preventScroll:!0})},[t.menuState,t.itemsElement,M]),use_tree_walker_F(t.menuState===0,{container:t.itemsElement,accept(i){return i.getAttribute("role")==="menuitem"?NodeFilter.FILTER_REJECT:i.hasAttribute("role")?NodeFilter.FILTER_SKIP:NodeFilter.FILTER_ACCEPT},walk(i){i.setAttribute("role","none")}});let I=use_disposables_p(),G=use_event_o(i=>{var X,$,q;switch(I.dispose(),i.key){case keyboard_o.Space:if(t.searchQuery!=="")return i.preventDefault(),i.stopPropagation(),d({type:3,value:i.key});case keyboard_o.Enter:if(i.preventDefault(),i.stopPropagation(),d({type:1}),t.activeItemIndex!==null){let{dataRef:ue}=t.items[t.activeItemIndex];($=(X=ue.current)==null?void 0:X.domRef.current)==null||$.click()}focus_management_G(t.buttonElement);break;case keyboard_o.ArrowDown:return i.preventDefault(),i.stopPropagation(),d({type:2,focus:calculate_active_index_c.Next});case keyboard_o.ArrowUp:return i.preventDefault(),i.stopPropagation(),d({type:2,focus:calculate_active_index_c.Previous});case keyboard_o.Home:case keyboard_o.PageUp:return i.preventDefault(),i.stopPropagation(),d({type:2,focus:calculate_active_index_c.First});case keyboard_o.End:case keyboard_o.PageDown:return i.preventDefault(),i.stopPropagation(),d({type:2,focus:calculate_active_index_c.Last});case keyboard_o.Escape:i.preventDefault(),i.stopPropagation(),(0,external_react_dom_.flushSync)(()=>d({type:1})),(q=t.buttonElement)==null||q.focus({preventScroll:!0});break;case keyboard_o.Tab:i.preventDefault(),i.stopPropagation(),(0,external_react_dom_.flushSync)(()=>d({type:1})),j(t.buttonElement,i.shiftKey?F.Previous:F.Next);break;default:i.key.length===1&&(d({type:3,value:i.key}),I.setTimeout(()=>d({type:4}),350));break}}),ae=use_event_o(i=>{switch(i.key){case keyboard_o.Space:i.preventDefault();break}}),le=(0,external_react_.useMemo)(()=>({open:t.menuState===0}),[t.menuState]),ie=W(a?A():{},{"aria-activedescendant":t.activeItemIndex===null||(J=t.items[t.activeItemIndex])==null?void 0:J.id,"aria-labelledby":(V=t.buttonElement)==null?void 0:V.id,id:l,onKeyDown:G,onKeyUp:ae,role:"menu",tabIndex:t.menuState===0?0:void 0,ref:D,style:{...m.style,...c,"--button-width":use_element_size_d(t.buttonElement,!0).width},...use_transition_R(C)}),se=render_D();return external_react_.createElement(re,{enabled:u?e.static||v:!1},se({ourProps:ie,theirProps:m,slot:le,defaultTag:at,features:lt,visible:K,name:"Menu.Items"}))}let st=external_react_.Fragment;function ut(e,n){let r=(0,external_react_.useId)(),{id:l=`headlessui-menu-item-${r}`,disabled:o=!1,...u}=e,[p,s]=menu_w("Menu.Item"),m=p.activeItemIndex!==null?p.items[p.activeItemIndex].id===l:!1,a=(0,external_react_.useRef)(null),t=use_sync_refs_y(n,a);use_iso_morphic_effect_n(()=>{if(!p.__demoMode&&p.menuState===0&&m&&p.activationTrigger!==0)return disposables_o().requestAnimationFrame(()=>{var I,G;(G=(I=a.current)==null?void 0:I.scrollIntoView)==null||G.call(I,{block:"nearest"})})},[p.__demoMode,a,m,p.menuState,p.activationTrigger,p.activeItemIndex]);let d=use_text_value_s(a),f=(0,external_react_.useRef)({disabled:o,domRef:a,get textValue(){return d()}});use_iso_morphic_effect_n(()=>{f.current.disabled=o},[f,o]),use_iso_morphic_effect_n(()=>(s({type:5,id:l,dataRef:f}),()=>s({type:6,id:l})),[f,l]);let c=use_event_o(()=>{s({type:1})}),A=use_event_o(I=>{if(o)return I.preventDefault();s({type:1}),focus_management_G(p.buttonElement)}),b=use_event_o(()=>{if(o)return s({type:2,focus:calculate_active_index_c.Nothing});s({type:2,focus:calculate_active_index_c.Specific,id:l})}),S=use_tracked_pointer_u(),D=use_event_o(I=>{S.update(I),!o&&(m||s({type:2,focus:calculate_active_index_c.Specific,id:l,trigger:0}))}),M=use_event_o(I=>{S.wasMoved(I)&&(o||m||s({type:2,focus:calculate_active_index_c.Specific,id:l,trigger:0}))}),P=use_event_o(I=>{S.wasMoved(I)&&(o||m&&s({type:2,focus:calculate_active_index_c.Nothing}))}),[v,C]=label_K(),[O,h]=description_w(),T=(0,external_react_.useMemo)(()=>({active:m,focus:m,disabled:o,close:c}),[m,o,c]),F={id:l,ref:t,role:"menuitem",tabIndex:o===!0?void 0:-1,"aria-disabled":o===!0?!0:void 0,"aria-labelledby":v,"aria-describedby":O,disabled:void 0,onClick:A,onFocus:b,onPointerEnter:D,onMouseEnter:D,onPointerMove:M,onMouseMove:M,onPointerLeave:P,onMouseLeave:P},K=render_D();return external_react_.createElement(C,null,external_react_.createElement(h,null,K({ourProps:F,theirProps:u,slot:T,defaultTag:st,name:"Menu.Item"})))}let pt="div";function mt(e,n){let[r,l]=label_K(),o=e,u={ref:n,"aria-labelledby":r,role:"group"},p=render_D();return external_react_.createElement(l,null,p({ourProps:u,theirProps:o,slot:{},defaultTag:pt,name:"Menu.Section"}))}let dt="header";function ct(e,n){let r=(0,external_react_.useId)(),{id:l=`headlessui-menu-heading-${r}`,...o}=e,u=label_P();use_iso_morphic_effect_n(()=>u.register(l),[l,u.register]);let p={id:l,ref:n,role:"presentation",...u.props};return render_D()({ourProps:p,theirProps:o,slot:{},defaultTag:dt,name:"Menu.Heading"})}let ft="div";function Tt(e,n){let r=e,l={ref:n,role:"separator"};return render_D()({ourProps:l,theirProps:r,slot:{},defaultTag:ft,name:"Menu.Separator"})}let yt=render_L(nt),It=render_L(ot),gt=render_L(it),Et=render_L(ut),Mt=render_L(mt),St=render_L(ct),At=render_L(Tt),rn=Object.assign(yt,{Button:It,Items:gt,Item:Et,Section:Mt,Heading:St,Separator:At});
|
|
8539
8967
|
|
|
8540
|
-
|
|
8541
|
-
/***/ }),
|
|
8542
|
-
|
|
8543
|
-
/***/ 519:
|
|
8544
|
-
/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
|
|
8545
|
-
|
|
8546
|
-
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
8547
|
-
/* harmony export */ A: () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
8548
|
-
/* harmony export */ });
|
|
8549
|
-
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(155);
|
|
8968
|
+
;// ./node_modules/@heroicons/react/20/solid/esm/ChevronDownIcon.js
|
|
8550
8969
|
|
|
8551
8970
|
function ChevronDownIcon({
|
|
8552
8971
|
title,
|
|
8553
8972
|
titleId,
|
|
8554
8973
|
...props
|
|
8555
8974
|
}, svgRef) {
|
|
8556
|
-
return /*#__PURE__*/
|
|
8975
|
+
return /*#__PURE__*/external_react_.createElement("svg", Object.assign({
|
|
8557
8976
|
xmlns: "http://www.w3.org/2000/svg",
|
|
8558
8977
|
viewBox: "0 0 20 20",
|
|
8559
8978
|
fill: "currentColor",
|
|
@@ -8561,18 +8980,95 @@ function ChevronDownIcon({
|
|
|
8561
8980
|
"data-slot": "icon",
|
|
8562
8981
|
ref: svgRef,
|
|
8563
8982
|
"aria-labelledby": titleId
|
|
8564
|
-
}, props), title ? /*#__PURE__*/
|
|
8983
|
+
}, props), title ? /*#__PURE__*/external_react_.createElement("title", {
|
|
8565
8984
|
id: titleId
|
|
8566
|
-
}, title) : null, /*#__PURE__*/
|
|
8985
|
+
}, title) : null, /*#__PURE__*/external_react_.createElement("path", {
|
|
8567
8986
|
fillRule: "evenodd",
|
|
8568
8987
|
d: "M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z",
|
|
8569
8988
|
clipRule: "evenodd"
|
|
8570
8989
|
}));
|
|
8571
8990
|
}
|
|
8572
|
-
const ForwardRef = /*#__PURE__*/
|
|
8573
|
-
/* harmony default export */ const
|
|
8991
|
+
const ForwardRef = /*#__PURE__*/ external_react_.forwardRef(ChevronDownIcon);
|
|
8992
|
+
/* harmony default export */ const esm_ChevronDownIcon = (ForwardRef);
|
|
8993
|
+
;// ./src/components/Forms/Dropdowns/Dropdown.jsx
|
|
8994
|
+
|
|
8995
|
+
|
|
8996
|
+
|
|
8997
|
+
|
|
8998
|
+
/*
|
|
8999
|
+
|
|
9000
|
+
Usage:
|
|
9001
|
+
|
|
9002
|
+
import Dropdown from './Dropdown';
|
|
9003
|
+
|
|
9004
|
+
const menuItems = [
|
|
9005
|
+
{ label: 'Account settings', href: '#' },
|
|
9006
|
+
{ label: 'Support', href: '#' },
|
|
9007
|
+
{ label: 'License', href: '#' },
|
|
9008
|
+
{ label: 'Sign out', onClick: () => alert('Signed out!') },
|
|
9009
|
+
];
|
|
9010
|
+
|
|
9011
|
+
function App() {
|
|
9012
|
+
return <Dropdown items={menuItems} />;
|
|
9013
|
+
}
|
|
9014
|
+
|
|
9015
|
+
export default App;
|
|
9016
|
+
|
|
9017
|
+
|
|
9018
|
+
*/
|
|
9019
|
+
|
|
9020
|
+
function Dropdown(_ref) {
|
|
9021
|
+
let {
|
|
9022
|
+
items,
|
|
9023
|
+
label = "Test Label",
|
|
9024
|
+
isValid = true,
|
|
9025
|
+
placeholder = "Example Placeholder",
|
|
9026
|
+
name,
|
|
9027
|
+
onChange
|
|
9028
|
+
} = _ref;
|
|
9029
|
+
const inputClasses = `inline-flex w-full justify-center gap-x-1.5 rounded-md bg-white border px-4 py-3 text-md font-normal text-gray-900 ${isValid ? 'border-slate-500' : 'border-rose-500'}`;
|
|
9030
|
+
return /*#__PURE__*/external_react_default().createElement(rn, {
|
|
9031
|
+
as: "div",
|
|
9032
|
+
className: "relative inline-block text-left",
|
|
9033
|
+
name: name
|
|
9034
|
+
}, /*#__PURE__*/external_react_default().createElement("label", null, label), /*#__PURE__*/external_react_default().createElement("div", null, /*#__PURE__*/external_react_default().createElement(It, {
|
|
9035
|
+
className: inputClasses
|
|
9036
|
+
}, placeholder, /*#__PURE__*/external_react_default().createElement(esm_ChevronDownIcon, {
|
|
9037
|
+
"aria-hidden": "true",
|
|
9038
|
+
className: "-mr-1 h-5 w-5 text-gray-400"
|
|
9039
|
+
}))), /*#__PURE__*/external_react_default().createElement(gt, {
|
|
9040
|
+
transition: true,
|
|
9041
|
+
className: "absolute right-0 z-10 mt-2 w-56 origin-top-right rounded-md bg-white shadow-lg ring-1 ring-black ring-opacity-5 transition focus:outline-none data-[closed]:scale-95 data-[closed]:transform data-[closed]:opacity-0 data-[enter]:duration-100 data-[leave]:duration-75 data-[enter]:ease-out data-[leave]:ease-in"
|
|
9042
|
+
}, /*#__PURE__*/external_react_default().createElement("div", {
|
|
9043
|
+
className: "py-1"
|
|
9044
|
+
}, items.map((item, index) => /*#__PURE__*/external_react_default().createElement(Et, {
|
|
9045
|
+
key: index
|
|
9046
|
+
}, _ref2 => {
|
|
9047
|
+
let {
|
|
9048
|
+
active
|
|
9049
|
+
} = _ref2;
|
|
9050
|
+
return item.href ? /*#__PURE__*/external_react_default().createElement("a", {
|
|
9051
|
+
href: item.href,
|
|
9052
|
+
className: `block px-4 py-2 text-sm text-gray-700 ${active ? 'bg-gray-100 text-gray-900' : ''}`
|
|
9053
|
+
}, item.label) : /*#__PURE__*/external_react_default().createElement("button", {
|
|
9054
|
+
onClick: item.onClick,
|
|
9055
|
+
className: `block w-full px-4 py-2 text-left text-sm text-gray-700 ${active ? 'bg-gray-100 text-gray-900' : ''}`
|
|
9056
|
+
}, item.label);
|
|
9057
|
+
})))), !isValid && /*#__PURE__*/external_react_default().createElement("span", {
|
|
9058
|
+
className: "text-rose-500 text-sm"
|
|
9059
|
+
}));
|
|
9060
|
+
}
|
|
9061
|
+
;// ./src/index.js
|
|
9062
|
+
|
|
8574
9063
|
|
|
8575
|
-
/***/ })
|
|
8576
9064
|
|
|
8577
|
-
|
|
8578
|
-
|
|
9065
|
+
|
|
9066
|
+
|
|
9067
|
+
|
|
9068
|
+
|
|
9069
|
+
|
|
9070
|
+
/******/ return __webpack_exports__;
|
|
9071
|
+
/******/ })()
|
|
9072
|
+
;
|
|
9073
|
+
});
|
|
9074
|
+
//# sourceMappingURL=main.354919c3ad193cd58738.js.map
|