opus-toolkit-components 0.1.6 → 0.1.8
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 +8578 -0
- package/lib/905.dab21ef1b7f753de58a0.js.map +1 -0
- package/lib/main.48943736b1d9403d5bd0.js +634 -0
- package/lib/main.48943736b1d9403d5bd0.js.map +1 -0
- package/package.json +1 -1
- package/lib/opus-toolkit-components.js +0 -689
- package/lib/opus-toolkit-components.js.map +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"main.48943736b1d9403d5bd0.js","mappings":"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;;;;;;;;ACPvC;;;;;;;ACAA;;;;;;UCAA;UACA;;UAEA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;;UAEA;UACA;;UAEA;UACA;UACA;;UAEA;UACA;;;;;WCzBA;WACA;WACA;WACA;WACA,+BAA+B,wCAAwC;WACvE;WACA;WACA;WACA;WACA,iBAAiB,qBAAqB;WACtC;WACA;WACA;WACA;WACA,kBAAkB,qBAAqB;WACvC;WACA;WACA,KAAK;WACL;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;;;;;WC7BA;WACA;WACA;WACA;WACA;WACA,iCAAiC,WAAW;WAC5C;WACA;;;;;WCPA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA,sDAAsD;WACtD,sCAAsC,iEAAiE;WACvG;WACA;WACA;WACA;WACA;WACA;;;;;WCzBA;WACA;WACA;WACA;WACA,yCAAyC,wCAAwC;WACjF;WACA;WACA;;;;;WCPA;;;;;WCAA;WACA;WACA;WACA,uDAAuD,iBAAiB;WACxE;WACA,gDAAgD,aAAa;WAC7D;;;;;WCNA;;WAEA;WACA;WACA;WACA;WACA;WACA;;WAEA;;WAEA;;WAEA;;WAEA;;WAEA;;WAEA;;WAEA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA,MAAM,qBAAqB;WAC3B;WACA;WACA;WACA;WACA;WACA;WACA;WACA;;WAEA;WACA;WACA;;;;;WClDA;;;;;UEAA;UACA;UACA;UACA;UACA","sources":["webpack://opus-components/webpack/universalModuleDefinition","webpack://opus-components/./src/components/Accordions/Accordion.js","webpack://opus-components/./src/components/Buttons/_button.scss?fd85","webpack://opus-components/./src/components/Buttons/Button.js","webpack://opus-components/./src/components/Cards/card.scss?8bf6","webpack://opus-components/./src/components/Cards/Card.js","webpack://opus-components/./src/components/Forms/Inputs/Input.js","webpack://opus-components/./src/components/Forms/Datepickers/DatePicker.js","webpack://opus-components/./src/components/Forms/Radios/RadioButton.js","webpack://opus-components/./src/components/Tables/Table.js","webpack://opus-components/./src/components/Forms/Dropdowns/Dropdown.jsx","webpack://opus-components/./src/index.js","webpack://opus-components/./src/components/Buttons/_button.scss","webpack://opus-components/./src/components/Cards/card.scss","webpack://opus-components/external umd \"react\"","webpack://opus-components/external umd \"react-dom\"","webpack://opus-components/webpack/bootstrap","webpack://opus-components/webpack/runtime/chunk loaded","webpack://opus-components/webpack/runtime/compat get default export","webpack://opus-components/webpack/runtime/create fake namespace object","webpack://opus-components/webpack/runtime/define property getters","webpack://opus-components/webpack/runtime/hasOwnProperty shorthand","webpack://opus-components/webpack/runtime/make namespace object","webpack://opus-components/webpack/runtime/jsonp chunk loading","webpack://opus-components/webpack/runtime/nonce","webpack://opus-components/webpack/before-startup","webpack://opus-components/webpack/startup","webpack://opus-components/webpack/after-startup"],"sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory(require(\"react\"), require(\"react-dom\"));\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine(\"opus-components\", [\"react\", \"react-dom\"], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"opus-components\"] = factory(require(\"react\"), require(\"react-dom\"));\n\telse\n\t\troot[\"opus-components\"] = factory(root[\"react\"], root[\"react-dom\"]);\n})(self, (__WEBPACK_EXTERNAL_MODULE__155__, __WEBPACK_EXTERNAL_MODULE__514__) => {\nreturn ","import React, { useState, useEffect } from 'react';\r\n\r\nexport default function Accordion({ title = \"Accordion Item component\", handleToggle, activeIndex, index, children }) {\r\n const [internalActiveIndex, setInternalActiveIndex] = useState(null);\r\n\r\n // Determine which activeIndex to use: internal or external\r\n const isActive = activeIndex !== undefined ? activeIndex === index : internalActiveIndex === index;\r\n\r\n // Internal toggle function for self-managed state\r\n const toggle = () => {\r\n if (handleToggle) {\r\n handleToggle(index); // Trigger external handler if provided\r\n } else {\r\n setInternalActiveIndex(isActive ? null : index); // Otherwise, toggle internal state\r\n }\r\n };\r\n\r\n // Sync internal state with external state if activeIndex changes\r\n useEffect(() => {\r\n if (activeIndex !== undefined) {\r\n setInternalActiveIndex(activeIndex);\r\n }\r\n }, [activeIndex]);\r\n\r\n return (\r\n <div className=\"accordion\">\r\n <div className=\"accordion-item border-2 rounded-lg border-gray-200 mb-2\" key={index}>\r\n <div\r\n className=\"accordion-header flex p-4 justify-between\"\r\n onClick={toggle} // Handle both internal and external toggles\r\n style={{ cursor: 'pointer' }}\r\n >\r\n <h3>{title}</h3>\r\n <div>{isActive ? '-' : '+'}</div>\r\n </div>\r\n </div>\r\n {isActive && (\r\n <div className=\"accordion-body p-4\">\r\n <p>Example Child Prop</p>\r\n {children}\r\n </div>\r\n )}\r\n </div>\r\n );\r\n}\r\n","\n import API from \"!../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n import domAPI from \"!../../../node_modules/style-loader/dist/runtime/styleDomAPI.js\";\n import insertFn from \"!../../../node_modules/style-loader/dist/runtime/insertBySelector.js\";\n import setAttributes from \"!../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n import insertStyleElement from \"!../../../node_modules/style-loader/dist/runtime/insertStyleElement.js\";\n import styleTagTransformFn from \"!../../../node_modules/style-loader/dist/runtime/styleTagTransform.js\";\n import content, * as namedExport from \"!!../../../node_modules/css-loader/dist/cjs.js!../../../node_modules/sass-loader/dist/cjs.js!./_button.scss\";\n \n \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\noptions.insert = insertFn.bind(null, \"head\");\noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../../node_modules/css-loader/dist/cjs.js!../../../node_modules/sass-loader/dist/cjs.js!./_button.scss\";\n export default content && content.locals ? content.locals : undefined;\n","import React from 'react';\r\nimport './_button.scss';\r\n\r\nexport default function Button({ \r\n type = 'button', \r\n rank = 'primary',\r\n text = 'Example Button', \r\n size = 'md',\r\n isFullWidth = false, // The boolean to toggle 'w-full'\r\n onClick\r\n}) {\r\n\r\n // Conditional class based on isFullWidth\r\n const classNames = `transition ease-in-out duration-700 rounded px-6 py-2 text-${size} ${rank}-btn ${isFullWidth ? 'w-full' : ''}`;\r\n\r\n return (\r\n <button type={type} className={classNames} onClick={onClick}>\r\n {text}\r\n </button>\r\n );\r\n}","\n import API from \"!../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n import domAPI from \"!../../../node_modules/style-loader/dist/runtime/styleDomAPI.js\";\n import insertFn from \"!../../../node_modules/style-loader/dist/runtime/insertBySelector.js\";\n import setAttributes from \"!../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n import insertStyleElement from \"!../../../node_modules/style-loader/dist/runtime/insertStyleElement.js\";\n import styleTagTransformFn from \"!../../../node_modules/style-loader/dist/runtime/styleTagTransform.js\";\n import content, * as namedExport from \"!!../../../node_modules/css-loader/dist/cjs.js!../../../node_modules/sass-loader/dist/cjs.js!./card.scss\";\n \n \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\noptions.insert = insertFn.bind(null, \"head\");\noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../../node_modules/css-loader/dist/cjs.js!../../../node_modules/sass-loader/dist/cjs.js!./card.scss\";\n export default content && content.locals ? content.locals : undefined;\n","import React from 'react';\r\nimport './card.scss';\r\n\r\nexport default function Card({mode = 'light', children}) {\r\n\r\n const cardClasses = `p-5 ${mode}-card rounded-lg shadow-lg`\r\n\r\n return (\r\n <div className={cardClasses}>\r\n {children}\r\n </div>\r\n )\r\n}","import React from 'react';\r\n\r\nexport default function Input({\r\n label,\r\n placeholder,\r\n type = 'text',\r\n name,\r\n isValid = true,\r\n errorMessage = `${label} is required`,\r\n onChange\r\n}) {\r\n\r\n 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'}`;\r\n\r\n return (\r\n <div className=\"flex flex-col mb-4\">\r\n <label>{label}</label>\r\n <input\r\n className={inputClasses}\r\n type={type}\r\n name={name}\r\n placeholder={placeholder}\r\n onChange={onChange}\r\n />\r\n {!isValid && (\r\n <span className=\"text-rose-500 text-sm\">{errorMessage}</span>\r\n )}\r\n </div>\r\n );\r\n}\r\n","import {React, useState, useEffect} from 'react';\r\n\r\nexport default function DatePicker({ \r\n initialDate = '',\r\n label = 'Select a Date:',\r\n isValid = true, \r\n errorMessage = \"Error message\"\r\n}) {\r\n const [selectedDate, setSelectedDate] = useState(initialDate);\r\n\r\n useEffect(() => {\r\n setSelectedDate(initialDate);\r\n }, [initialDate]);\r\n\r\n const handleDateChange = (e) => {\r\n setSelectedDate(e.target.value);\r\n };\r\n \r\n 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'}`;\r\n\r\n return (\r\n <div className=\"flex flex-col mb-4\">\r\n <label htmlFor=\"date\">\r\n {label}\r\n </label>\r\n <input\r\n type=\"date\"\r\n id=\"date\"\r\n value={selectedDate}\r\n onChange={handleDateChange}\r\n className={inputClasses}\r\n />\r\n {!isValid && (\r\n <span className=\"text-rose-500 text-sm\">{errorMessage}</span>\r\n )}\r\n </div>\r\n );\r\n}\r\n","import React from 'react';\r\n\r\nexport default function RadioButton({ \r\n name, \r\n value, \r\n checked, \r\n onChange, \r\n rank = 'primary', // Can be 'primary', 'secondary', etc.\r\n text = 'Example Radio',\r\n size = 'md', // Sizes can be 'sm', 'md', 'lg'\r\n}) {\r\n // Conditional class based on rank and size\r\n const classNames = `\r\n flex items-center cursor-pointer transition \r\n duration-200 ease-in-out \r\n ${rank === 'primary' ? 'text-blue-600' : 'text-gray-600'} \r\n ${size === 'lg' ? 'text-lg' : size === 'sm' ? 'text-sm' : 'text-base'}\r\n `;\r\n\r\n return (\r\n <label className={classNames}>\r\n <input \r\n type=\"radio\" \r\n name={name} \r\n value={value} \r\n checked={checked} \r\n onChange={onChange} \r\n className={`mr-2 form-radio ${rank}-radio`} // Apply Tailwind styles\r\n />\r\n {text}\r\n </label>\r\n );\r\n}","import React from 'react'\r\n\r\nexport default function Table() {\r\n return (\r\n <table class=\"table-auto\">\r\n <thead>\r\n <tr>\r\n <th>Song</th>\r\n <th>Artist</th>\r\n <th>Year</th>\r\n </tr>\r\n </thead>\r\n <tbody>\r\n <tr>\r\n <td>The Sliding Mr. Bones (Next Stop, Pottersville)</td>\r\n <td>Malcolm Lockyer</td>\r\n <td>1961</td>\r\n </tr>\r\n <tr>\r\n <td>Witchy Woman</td>\r\n <td>The Eagles</td>\r\n <td>1972</td>\r\n </tr>\r\n <tr>\r\n <td>Shining Star</td>\r\n <td>Earth, Wind, and Fire</td>\r\n <td>1975</td>\r\n </tr>\r\n </tbody>\r\n </table>\r\n )\r\n}","import React from 'react';\r\nimport { Menu, MenuButton, MenuItem, MenuItems } from '@headlessui/react'\r\nimport { ChevronDownIcon } from '@heroicons/react/20/solid'\r\n\r\n/* \r\n\r\n Usage:\r\n\r\n import Dropdown from './Dropdown';\r\n\r\n const menuItems = [\r\n { label: 'Account settings', href: '#' },\r\n { label: 'Support', href: '#' },\r\n { label: 'License', href: '#' },\r\n { label: 'Sign out', onClick: () => alert('Signed out!') },\r\n ];\r\n\r\n function App() {\r\n return <Dropdown items={menuItems} />;\r\n }\r\n\r\n export default App;\r\n\r\n\r\n*/\r\n\r\nexport default function Dropdown({\r\n items,\r\n label = \"Test Label\",\r\n isValid = true,\r\n placeholder = \"Example Placeholder\",\r\n name,\r\n onChange\r\n}) {\r\n\r\n 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'}`;\r\n\r\n\r\n return (\r\n <Menu as=\"div\" className=\"relative inline-block text-left\" name={name}>\r\n <label>{label}</label>\r\n <div>\r\n <MenuButton className={inputClasses}>\r\n {placeholder}\r\n <ChevronDownIcon aria-hidden=\"true\" className=\"-mr-1 h-5 w-5 text-gray-400\" />\r\n </MenuButton>\r\n </div>\r\n <MenuItems\r\n transition\r\n 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\"\r\n >\r\n <div className=\"py-1\">\r\n {items.map((item, index) => (\r\n <MenuItem key={index}>\r\n {({ active }) => (\r\n item.href ? (\r\n <a\r\n href={item.href}\r\n className={`block px-4 py-2 text-sm text-gray-700 ${active ? 'bg-gray-100 text-gray-900' : ''}`}\r\n >\r\n {item.label}\r\n </a>\r\n ) : (\r\n <button\r\n onClick={item.onClick}\r\n className={`block w-full px-4 py-2 text-left text-sm text-gray-700 ${active ? 'bg-gray-100 text-gray-900' : ''}`}\r\n >\r\n {item.label}\r\n </button>\r\n )\r\n )}\r\n </MenuItem>\r\n ))}\r\n </div>\r\n </MenuItems>\r\n {!isValid && (\r\n <span className=\"text-rose-500 text-sm\"></span>\r\n )}\r\n </Menu>\r\n )\r\n}","export { default as Accordion } from './components/Accordions/Accordion';\r\nexport { default as Button } from './components/Buttons/Button';\r\nexport { default as Card } from './components/Cards/Card';\r\nexport { default as Input } from './components/Forms/Inputs/Input';\r\nexport { default as DatePicker } from './components/Forms/Datepickers/DatePicker';\r\nexport { default as RadioButton } from './components/Forms/Radios/RadioButton';\r\nexport { default as Table } from './components/Tables/Table';\r\nexport { default as Dropdown } from './components/Forms/Dropdowns/Dropdown';","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../node_modules/css-loader/dist/runtime/sourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___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\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../node_modules/css-loader/dist/runtime/sourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___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\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","module.exports = __WEBPACK_EXTERNAL_MODULE__155__;","module.exports = __WEBPACK_EXTERNAL_MODULE__514__;","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\tid: moduleId,\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n// expose the modules object (__webpack_modules__)\n__webpack_require__.m = __webpack_modules__;\n\n","var deferred = [];\n__webpack_require__.O = (result, chunkIds, fn, priority) => {\n\tif(chunkIds) {\n\t\tpriority = priority || 0;\n\t\tfor(var i = deferred.length; i > 0 && deferred[i - 1][2] > priority; i--) deferred[i] = deferred[i - 1];\n\t\tdeferred[i] = [chunkIds, fn, priority];\n\t\treturn;\n\t}\n\tvar notFulfilled = Infinity;\n\tfor (var i = 0; i < deferred.length; i++) {\n\t\tvar chunkIds = deferred[i][0];\n\t\tvar fn = deferred[i][1];\n\t\tvar priority = deferred[i][2];\n\t\tvar fulfilled = true;\n\t\tfor (var j = 0; j < chunkIds.length; j++) {\n\t\t\tif ((priority & 1 === 0 || notFulfilled >= priority) && Object.keys(__webpack_require__.O).every((key) => (__webpack_require__.O[key](chunkIds[j])))) {\n\t\t\t\tchunkIds.splice(j--, 1);\n\t\t\t} else {\n\t\t\t\tfulfilled = false;\n\t\t\t\tif(priority < notFulfilled) notFulfilled = priority;\n\t\t\t}\n\t\t}\n\t\tif(fulfilled) {\n\t\t\tdeferred.splice(i--, 1)\n\t\t\tvar r = fn();\n\t\t\tif (r !== undefined) result = r;\n\t\t}\n\t}\n\treturn result;\n};","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","var getProto = Object.getPrototypeOf ? (obj) => (Object.getPrototypeOf(obj)) : (obj) => (obj.__proto__);\nvar leafPrototypes;\n// create a fake namespace object\n// mode & 1: value is a module id, require it\n// mode & 2: merge all properties of value into the ns\n// mode & 4: return value when already ns object\n// mode & 16: return value when it's Promise-like\n// mode & 8|1: behave like require\n__webpack_require__.t = function(value, mode) {\n\tif(mode & 1) value = this(value);\n\tif(mode & 8) return value;\n\tif(typeof value === 'object' && value) {\n\t\tif((mode & 4) && value.__esModule) return value;\n\t\tif((mode & 16) && typeof value.then === 'function') return value;\n\t}\n\tvar ns = Object.create(null);\n\t__webpack_require__.r(ns);\n\tvar def = {};\n\tleafPrototypes = leafPrototypes || [null, getProto({}), getProto([]), getProto(getProto)];\n\tfor(var current = mode & 2 && value; typeof current == 'object' && !~leafPrototypes.indexOf(current); current = getProto(current)) {\n\t\tObject.getOwnPropertyNames(current).forEach((key) => (def[key] = () => (value[key])));\n\t}\n\tdef['default'] = () => (value);\n\t__webpack_require__.d(ns, def);\n\treturn ns;\n};","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","// no baseURI\n\n// object to store loaded and loading chunks\n// undefined = chunk not loaded, null = chunk preloaded/prefetched\n// [resolve, reject, Promise] = chunk loading, 0 = chunk loaded\nvar installedChunks = {\n\t792: 0\n};\n\n// no chunk on demand loading\n\n// no prefetching\n\n// no preloaded\n\n// no HMR\n\n// no HMR manifest\n\n__webpack_require__.O.j = (chunkId) => (installedChunks[chunkId] === 0);\n\n// install a JSONP callback for chunk loading\nvar webpackJsonpCallback = (parentChunkLoadingFunction, data) => {\n\tvar chunkIds = data[0];\n\tvar moreModules = data[1];\n\tvar runtime = data[2];\n\t// add \"moreModules\" to the modules object,\n\t// then flag all \"chunkIds\" as loaded and fire callback\n\tvar moduleId, chunkId, i = 0;\n\tif(chunkIds.some((id) => (installedChunks[id] !== 0))) {\n\t\tfor(moduleId in moreModules) {\n\t\t\tif(__webpack_require__.o(moreModules, moduleId)) {\n\t\t\t\t__webpack_require__.m[moduleId] = moreModules[moduleId];\n\t\t\t}\n\t\t}\n\t\tif(runtime) var result = runtime(__webpack_require__);\n\t}\n\tif(parentChunkLoadingFunction) parentChunkLoadingFunction(data);\n\tfor(;i < chunkIds.length; i++) {\n\t\tchunkId = chunkIds[i];\n\t\tif(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {\n\t\t\tinstalledChunks[chunkId][0]();\n\t\t}\n\t\tinstalledChunks[chunkId] = 0;\n\t}\n\treturn __webpack_require__.O(result);\n}\n\nvar chunkLoadingGlobal = self[\"webpackChunkopus_components\"] = self[\"webpackChunkopus_components\"] || [];\nchunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));\nchunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));","__webpack_require__.nc = undefined;","","// startup\n// Load entry module and return exports\n// This entry module depends on other loaded chunks and execution need to be delayed\nvar __webpack_exports__ = __webpack_require__.O(undefined, [905], () => (__webpack_require__(265)))\n__webpack_exports__ = __webpack_require__.O(__webpack_exports__);\n",""],"names":["React","useState","useEffect","Accordion","_ref","title","handleToggle","activeIndex","index","children","internalActiveIndex","setInternalActiveIndex","isActive","undefined","toggle","createElement","className","key","onClick","style","cursor","Button","type","rank","text","size","isFullWidth","classNames","Card","mode","cardClasses","Input","label","placeholder","name","isValid","errorMessage","onChange","inputClasses","DatePicker","initialDate","selectedDate","setSelectedDate","handleDateChange","e","target","value","htmlFor","id","RadioButton","checked","Table","class","Menu","MenuButton","MenuItem","MenuItems","ChevronDownIcon","Dropdown","items","as","transition","map","item","_ref2","active","href","default"],"sourceRoot":""}
|