@banyan_cloud/roots 1.0.99 → 1.0.101
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/dist/cjs/index.js +1507 -1107
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/index.js +1505 -1107
- package/dist/esm/index.js.map +1 -1
- package/dist/index.js +1505 -1107
- package/package.json +1 -1
- package/styles/_utils.scss +32 -2
package/dist/cjs/index.js
CHANGED
|
@@ -4370,6 +4370,56 @@ function fromUnixTime(dirtyUnixTime) {
|
|
|
4370
4370
|
return toDate(unixTime * 1000);
|
|
4371
4371
|
}
|
|
4372
4372
|
|
|
4373
|
+
/**
|
|
4374
|
+
* @name getHours
|
|
4375
|
+
* @category Hour Helpers
|
|
4376
|
+
* @summary Get the hours of the given date.
|
|
4377
|
+
*
|
|
4378
|
+
* @description
|
|
4379
|
+
* Get the hours of the given date.
|
|
4380
|
+
*
|
|
4381
|
+
* @param {Date|Number} date - the given date
|
|
4382
|
+
* @returns {Number} the hours
|
|
4383
|
+
* @throws {TypeError} 1 argument required
|
|
4384
|
+
*
|
|
4385
|
+
* @example
|
|
4386
|
+
* // Get the hours of 29 February 2012 11:45:00:
|
|
4387
|
+
* const result = getHours(new Date(2012, 1, 29, 11, 45))
|
|
4388
|
+
* //=> 11
|
|
4389
|
+
*/
|
|
4390
|
+
|
|
4391
|
+
function getHours(dirtyDate) {
|
|
4392
|
+
requiredArgs(1, arguments);
|
|
4393
|
+
var date = toDate(dirtyDate);
|
|
4394
|
+
var hours = date.getHours();
|
|
4395
|
+
return hours;
|
|
4396
|
+
}
|
|
4397
|
+
|
|
4398
|
+
/**
|
|
4399
|
+
* @name getMinutes
|
|
4400
|
+
* @category Minute Helpers
|
|
4401
|
+
* @summary Get the minutes of the given date.
|
|
4402
|
+
*
|
|
4403
|
+
* @description
|
|
4404
|
+
* Get the minutes of the given date.
|
|
4405
|
+
*
|
|
4406
|
+
* @param {Date|Number} date - the given date
|
|
4407
|
+
* @returns {Number} the minutes
|
|
4408
|
+
* @throws {TypeError} 1 argument required
|
|
4409
|
+
*
|
|
4410
|
+
* @example
|
|
4411
|
+
* // Get the minutes of 29 February 2012 11:45:05:
|
|
4412
|
+
* const result = getMinutes(new Date(2012, 1, 29, 11, 45, 5))
|
|
4413
|
+
* //=> 45
|
|
4414
|
+
*/
|
|
4415
|
+
|
|
4416
|
+
function getMinutes(dirtyDate) {
|
|
4417
|
+
requiredArgs(1, arguments);
|
|
4418
|
+
var date = toDate(dirtyDate);
|
|
4419
|
+
var minutes = date.getMinutes();
|
|
4420
|
+
return minutes;
|
|
4421
|
+
}
|
|
4422
|
+
|
|
4373
4423
|
/**
|
|
4374
4424
|
* @name getTime
|
|
4375
4425
|
* @category Timestamp Helpers
|
|
@@ -4470,6 +4520,62 @@ function isBefore(dirtyDate, dirtyDateToCompare) {
|
|
|
4470
4520
|
return date.getTime() < dateToCompare.getTime();
|
|
4471
4521
|
}
|
|
4472
4522
|
|
|
4523
|
+
/**
|
|
4524
|
+
* @name isEqual
|
|
4525
|
+
* @category Common Helpers
|
|
4526
|
+
* @summary Are the given dates equal?
|
|
4527
|
+
*
|
|
4528
|
+
* @description
|
|
4529
|
+
* Are the given dates equal?
|
|
4530
|
+
*
|
|
4531
|
+
* @param {Date|Number} dateLeft - the first date to compare
|
|
4532
|
+
* @param {Date|Number} dateRight - the second date to compare
|
|
4533
|
+
* @returns {Boolean} the dates are equal
|
|
4534
|
+
* @throws {TypeError} 2 arguments required
|
|
4535
|
+
*
|
|
4536
|
+
* @example
|
|
4537
|
+
* // Are 2 July 2014 06:30:45.000 and 2 July 2014 06:30:45.500 equal?
|
|
4538
|
+
* const result = isEqual(
|
|
4539
|
+
* new Date(2014, 6, 2, 6, 30, 45, 0),
|
|
4540
|
+
* new Date(2014, 6, 2, 6, 30, 45, 500)
|
|
4541
|
+
* )
|
|
4542
|
+
* //=> false
|
|
4543
|
+
*/
|
|
4544
|
+
|
|
4545
|
+
function isEqual$1(dirtyLeftDate, dirtyRightDate) {
|
|
4546
|
+
requiredArgs(2, arguments);
|
|
4547
|
+
var dateLeft = toDate(dirtyLeftDate);
|
|
4548
|
+
var dateRight = toDate(dirtyRightDate);
|
|
4549
|
+
return dateLeft.getTime() === dateRight.getTime();
|
|
4550
|
+
}
|
|
4551
|
+
|
|
4552
|
+
/**
|
|
4553
|
+
* @name isToday
|
|
4554
|
+
* @category Day Helpers
|
|
4555
|
+
* @summary Is the given date today?
|
|
4556
|
+
* @pure false
|
|
4557
|
+
*
|
|
4558
|
+
* @description
|
|
4559
|
+
* Is the given date today?
|
|
4560
|
+
*
|
|
4561
|
+
* > ⚠️ Please note that this function is not present in the FP submodule as
|
|
4562
|
+
* > it uses `Date.now()` internally hence impure and can't be safely curried.
|
|
4563
|
+
*
|
|
4564
|
+
* @param {Date|Number} date - the date to check
|
|
4565
|
+
* @returns {Boolean} the date is today
|
|
4566
|
+
* @throws {TypeError} 1 argument required
|
|
4567
|
+
*
|
|
4568
|
+
* @example
|
|
4569
|
+
* // If today is 6 October 2014, is 6 October 14:00:00 today?
|
|
4570
|
+
* const result = isToday(new Date(2014, 9, 6, 14, 0))
|
|
4571
|
+
* //=> true
|
|
4572
|
+
*/
|
|
4573
|
+
|
|
4574
|
+
function isToday(dirtyDate) {
|
|
4575
|
+
requiredArgs(1, arguments);
|
|
4576
|
+
return isSameDay(dirtyDate, Date.now());
|
|
4577
|
+
}
|
|
4578
|
+
|
|
4473
4579
|
/**
|
|
4474
4580
|
* @name subDays
|
|
4475
4581
|
* @category Day Helpers
|
|
@@ -4855,9 +4961,9 @@ var getCSSVariableValue = function getCSSVariableValue(variable) {
|
|
|
4855
4961
|
|
|
4856
4962
|
var e$1=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r.prepend?"prepend":"append",d=!0===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e$1.indexOf(i);-1===u&&(u=e$1.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}
|
|
4857
4963
|
|
|
4858
|
-
var css$
|
|
4964
|
+
var css$1a = ".BaseCell_module_root__81e07d2d {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n padding: 0.5rem;\n gap: 0.5rem;\n flex: none;\n height: 3rem;\n background: var(--white);\n max-width: 100%;\n max-height: 100%;\n}\n.BaseCell_module_root__81e07d2d > [data-elem*=component] {\n display: inline-block;\n max-height: 100%;\n}\n.BaseCell_module_root__81e07d2d.BaseCell_module_sm__81e07d2d {\n width: 9.063rem;\n}\n.BaseCell_module_root__81e07d2d.BaseCell_module_md__81e07d2d {\n width: 15.625rem;\n}\n.BaseCell_module_root__81e07d2d.BaseCell_module_lg__81e07d2d {\n width: 21.875rem;\n}\n.BaseCell_module_root__81e07d2d.BaseCell_module_auto__81e07d2d {\n width: auto;\n}\n.BaseCell_module_root__81e07d2d.BaseCell_module_borderRadiusDefault__81e07d2d {\n border-radius: 0.25rem;\n}\n.BaseCell_module_root__81e07d2d.BaseCell_module_borderRadiusRound__81e07d2d {\n border-radius: 50%;\n}\n.BaseCell_module_root__81e07d2d.BaseCell_module_borderRadiusEllipse__81e07d2d {\n border-radius: 1.563rem;\n}\n.BaseCell_module_root__81e07d2d.BaseCell_module_flexible__81e07d2d {\n flex-grow: 1;\n flex-shrink: 1;\n min-width: 3rem;\n}\n.BaseCell_module_root__81e07d2d.BaseCell_module_flexible__81e07d2d.BaseCell_module_sm__81e07d2d {\n min-width: 9.063rem;\n}\n.BaseCell_module_root__81e07d2d.BaseCell_module_flexible__81e07d2d.BaseCell_module_md__81e07d2d {\n min-width: 15.625rem;\n}\n.BaseCell_module_root__81e07d2d.BaseCell_module_flexible__81e07d2d.BaseCell_module_lg__81e07d2d {\n min-width: 21.875rem;\n}";
|
|
4859
4965
|
var modules_3af9b74c = {"root":"BaseCell_module_root__81e07d2d","sm":"BaseCell_module_sm__81e07d2d","md":"BaseCell_module_md__81e07d2d","lg":"BaseCell_module_lg__81e07d2d","auto":"BaseCell_module_auto__81e07d2d","border-radius-default":"BaseCell_module_borderRadiusDefault__81e07d2d","border-radius-round":"BaseCell_module_borderRadiusRound__81e07d2d","border-radius-ellipse":"BaseCell_module_borderRadiusEllipse__81e07d2d","flexible":"BaseCell_module_flexible__81e07d2d"};
|
|
4860
|
-
n(css$
|
|
4966
|
+
n(css$1a,{});
|
|
4861
4967
|
|
|
4862
4968
|
var BaseCell = /*#__PURE__*/React.forwardRef(function BaseCell(props, ref) {
|
|
4863
4969
|
var className = props.className,
|
|
@@ -4937,9 +5043,9 @@ var defaultProps = {
|
|
|
4937
5043
|
attrs: {}
|
|
4938
5044
|
};
|
|
4939
5045
|
|
|
4940
|
-
var css$
|
|
4941
|
-
var modules_ab72627b = {"root":"
|
|
4942
|
-
n(css$
|
|
5046
|
+
var css$19 = "button.BaseButton_module_root__bb21e331[data-elem=base-cell] {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n display: inline-flex;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n border: none;\n background: none;\n padding: 0.5rem 0.75rem;\n}\nbutton.BaseButton_module_root__bb21e331[data-elem=base-cell]:focus {\n outline: 1px solid var(--highlight);\n}\nbutton.BaseButton_module_root__bb21e331[data-elem=base-cell]:active {\n outline: none;\n}\nbutton.BaseButton_module_root__bb21e331[data-elem=base-cell]:disabled {\n cursor: not-allowed;\n}\nbutton.BaseButton_module_root__bb21e331[data-elem=base-cell].BaseButton_module_contained__bb21e331 {\n background: var(--black);\n color: var(--white);\n}\nbutton.BaseButton_module_root__bb21e331[data-elem=base-cell].BaseButton_module_outlined__bb21e331 {\n color: var(--black);\n border: 1px solid var(--black);\n}\nbutton.BaseButton_module_root__bb21e331[data-elem=base-cell].BaseButton_module_text__bb21e331 {\n color: var(--black);\n}\nbutton.BaseButton_module_root__bb21e331[data-elem=base-cell] [data-elem*=component] {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\nbutton.BaseButton_module_root__bb21e331[data-elem=base-cell] [data-elem=component2] {\n min-width: 0;\n}\nbutton.BaseButton_module_root__bb21e331[data-elem=base-cell] [data-elem=title] {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n}";
|
|
5047
|
+
var modules_ab72627b = {"root":"BaseButton_module_root__bb21e331","contained":"BaseButton_module_contained__bb21e331","outlined":"BaseButton_module_outlined__bb21e331","text":"BaseButton_module_text__bb21e331"};
|
|
5048
|
+
n(css$19,{});
|
|
4943
5049
|
|
|
4944
5050
|
var BaseButton = /*#__PURE__*/React.forwardRef(function BaseButton(props, ref) {
|
|
4945
5051
|
var className = props.className,
|
|
@@ -4998,9 +5104,9 @@ BaseButton.defaultProps = _objectSpread2(_objectSpread2({}, BaseCell.defaultProp
|
|
|
4998
5104
|
variant: 'contained'
|
|
4999
5105
|
});
|
|
5000
5106
|
|
|
5001
|
-
var css$
|
|
5107
|
+
var css$18 = ".Button_module_root__0be1a26c[data-elem=base-cell] {\n cursor: pointer;\n}\n.Button_module_root__0be1a26c[data-elem=base-cell] [data-elem=component2] [data-elem=title] {\n font-weight: 500;\n font-size: 0.875rem;\n}\n.Button_module_root__0be1a26c[data-elem=base-cell].Button_module_primary__0be1a26c.Button_module_contained__0be1a26c {\n background-color: var(--highlight);\n color: var(--white);\n}\n.Button_module_root__0be1a26c[data-elem=base-cell].Button_module_primary__0be1a26c.Button_module_outlined__0be1a26c {\n background-color: transparent;\n border-color: var(--highlight);\n}\n.Button_module_root__0be1a26c[data-elem=base-cell].Button_module_primary__0be1a26c.Button_module_outlined__0be1a26c, .Button_module_root__0be1a26c[data-elem=base-cell].Button_module_primary__0be1a26c.Button_module_text__0be1a26c {\n color: var(--highlight);\n}\n.Button_module_root__0be1a26c[data-elem=base-cell].Button_module_success__0be1a26c.Button_module_contained__0be1a26c {\n background-color: var(--success);\n color: var(--white);\n}\n.Button_module_root__0be1a26c[data-elem=base-cell].Button_module_success__0be1a26c.Button_module_outlined__0be1a26c {\n background-color: transparent;\n border-color: var(--success);\n}\n.Button_module_root__0be1a26c[data-elem=base-cell].Button_module_success__0be1a26c.Button_module_outlined__0be1a26c, .Button_module_root__0be1a26c[data-elem=base-cell].Button_module_success__0be1a26c.Button_module_text__0be1a26c {\n color: var(--success);\n}\n.Button_module_root__0be1a26c[data-elem=base-cell].Button_module_danger__0be1a26c.Button_module_contained__0be1a26c {\n background-color: var(--error);\n color: var(--white);\n}\n.Button_module_root__0be1a26c[data-elem=base-cell].Button_module_danger__0be1a26c.Button_module_outlined__0be1a26c {\n background-color: transparent;\n border-color: var(--error);\n}\n.Button_module_root__0be1a26c[data-elem=base-cell].Button_module_danger__0be1a26c.Button_module_outlined__0be1a26c, .Button_module_root__0be1a26c[data-elem=base-cell].Button_module_danger__0be1a26c.Button_module_text__0be1a26c {\n color: var(--error);\n}\n.Button_module_root__0be1a26c[data-elem=base-cell].Button_module_warning__0be1a26c.Button_module_contained__0be1a26c {\n background-color: var(--warning);\n color: var(--white);\n}\n.Button_module_root__0be1a26c[data-elem=base-cell].Button_module_warning__0be1a26c.Button_module_outlined__0be1a26c {\n background-color: transparent;\n border-color: var(--warning);\n}\n.Button_module_root__0be1a26c[data-elem=base-cell].Button_module_warning__0be1a26c.Button_module_outlined__0be1a26c, .Button_module_root__0be1a26c[data-elem=base-cell].Button_module_warning__0be1a26c.Button_module_text__0be1a26c {\n color: var(--warning);\n}\n.Button_module_root__0be1a26c[data-elem=base-cell]:disabled.Button_module_primary__0be1a26c.Button_module_contained__0be1a26c, .Button_module_root__0be1a26c[data-elem=base-cell]:disabled.Button_module_success__0be1a26c.Button_module_contained__0be1a26c, .Button_module_root__0be1a26c[data-elem=base-cell]:disabled.Button_module_danger__0be1a26c.Button_module_contained__0be1a26c, .Button_module_root__0be1a26c[data-elem=base-cell]:disabled.Button_module_warning__0be1a26c.Button_module_contained__0be1a26c {\n background-color: var(--grey4);\n color: var(--grey);\n}\n.Button_module_root__0be1a26c[data-elem=base-cell]:disabled.Button_module_primary__0be1a26c.Button_module_outlined__0be1a26c, .Button_module_root__0be1a26c[data-elem=base-cell]:disabled.Button_module_success__0be1a26c.Button_module_outlined__0be1a26c, .Button_module_root__0be1a26c[data-elem=base-cell]:disabled.Button_module_danger__0be1a26c.Button_module_outlined__0be1a26c, .Button_module_root__0be1a26c[data-elem=base-cell]:disabled.Button_module_warning__0be1a26c.Button_module_outlined__0be1a26c {\n background-color: transparent;\n border-color: var(--grey);\n}\n.Button_module_root__0be1a26c[data-elem=base-cell]:disabled.Button_module_primary__0be1a26c.Button_module_outlined__0be1a26c, .Button_module_root__0be1a26c[data-elem=base-cell]:disabled.Button_module_primary__0be1a26c.Button_module_text__0be1a26c, .Button_module_root__0be1a26c[data-elem=base-cell]:disabled.Button_module_success__0be1a26c.Button_module_outlined__0be1a26c, .Button_module_root__0be1a26c[data-elem=base-cell]:disabled.Button_module_success__0be1a26c.Button_module_text__0be1a26c, .Button_module_root__0be1a26c[data-elem=base-cell]:disabled.Button_module_danger__0be1a26c.Button_module_outlined__0be1a26c, .Button_module_root__0be1a26c[data-elem=base-cell]:disabled.Button_module_danger__0be1a26c.Button_module_text__0be1a26c, .Button_module_root__0be1a26c[data-elem=base-cell]:disabled.Button_module_warning__0be1a26c.Button_module_outlined__0be1a26c, .Button_module_root__0be1a26c[data-elem=base-cell]:disabled.Button_module_warning__0be1a26c.Button_module_text__0be1a26c {\n color: var(--grey);\n}";
|
|
5002
5108
|
var modules_b0070f27 = {"root":"Button_module_root__0be1a26c","primary":"Button_module_primary__0be1a26c","contained":"Button_module_contained__0be1a26c","outlined":"Button_module_outlined__0be1a26c","text":"Button_module_text__0be1a26c","success":"Button_module_success__0be1a26c","danger":"Button_module_danger__0be1a26c","warning":"Button_module_warning__0be1a26c"};
|
|
5003
|
-
n(css$
|
|
5109
|
+
n(css$18,{});
|
|
5004
5110
|
|
|
5005
5111
|
var Button = /*#__PURE__*/React.forwardRef(function Button(props, ref) {
|
|
5006
5112
|
var className = props.className,
|
|
@@ -5044,9 +5150,9 @@ Button.defaultProps = _objectSpread2(_objectSpread2({}, BaseButton.defaultProps)
|
|
|
5044
5150
|
radius: 'default'
|
|
5045
5151
|
});
|
|
5046
5152
|
|
|
5047
|
-
var css$
|
|
5048
|
-
var modules_31aa5fd7 = {"root":"
|
|
5049
|
-
n(css$
|
|
5153
|
+
var css$17 = ".Chip_module_root__0daa7461[data-elem=base-cell] {\n position: relative;\n}\n.Chip_module_root__0daa7461[data-elem=base-cell] [data-elem=component2] [data-elem=title] {\n font-weight: 500;\n font-size: 0.875rem;\n}\n.Chip_module_root__0daa7461[data-elem=base-cell].Chip_module_sm__0daa7461 {\n height: 2rem;\n padding: 0.188rem 0.5rem;\n}\n.Chip_module_root__0daa7461[data-elem=base-cell].Chip_module_md__0daa7461 {\n height: 2.25rem;\n padding: 0.563rem 1rem;\n}\n.Chip_module_root__0daa7461[data-elem=base-cell].Chip_module_status__0daa7461.Chip_module_success__0daa7461 {\n background-color: var(--success-bg);\n color: var(--success);\n}\n.Chip_module_root__0daa7461[data-elem=base-cell].Chip_module_status__0daa7461.Chip_module_info__0daa7461 {\n background-color: var(--info-bg);\n color: var(--info);\n}\n.Chip_module_root__0daa7461[data-elem=base-cell].Chip_module_status__0daa7461.Chip_module_danger__0daa7461 {\n background-color: var(--error-bg);\n color: var(--error);\n}\n.Chip_module_root__0daa7461[data-elem=base-cell].Chip_module_status__0daa7461.Chip_module_warning__0daa7461 {\n background-color: var(--warning-bg);\n color: var(--warning);\n}\n.Chip_module_root__0daa7461[data-elem=base-cell].Chip_module_status__0daa7461.Chip_module_default__0daa7461 {\n background-color: var(--grey5);\n color: var(--grey);\n}\n.Chip_module_root__0daa7461[data-elem=base-cell].Chip_module_status__0daa7461:hover {\n box-shadow: 0px 8px 20px rgba(24, 24, 24, 0.08);\n}\n.Chip_module_root__0daa7461[data-elem=base-cell].Chip_module_input__0daa7461 {\n border-width: 1px;\n border-style: solid;\n}\n.Chip_module_root__0daa7461[data-elem=base-cell].Chip_module_input__0daa7461.Chip_module_success__0daa7461 {\n background-color: var(--success-bg);\n color: var(--success);\n border-color: var(--success-outline);\n}\n.Chip_module_root__0daa7461[data-elem=base-cell].Chip_module_input__0daa7461.Chip_module_success__0daa7461:hover {\n background-color: var(--success-outline);\n}\n.Chip_module_root__0daa7461[data-elem=base-cell].Chip_module_input__0daa7461.Chip_module_info__0daa7461 {\n background-color: var(--info-bg);\n color: var(--info);\n border-color: var(--info-outline);\n}\n.Chip_module_root__0daa7461[data-elem=base-cell].Chip_module_input__0daa7461.Chip_module_info__0daa7461:hover {\n background-color: var(--info-outline);\n}\n.Chip_module_root__0daa7461[data-elem=base-cell].Chip_module_input__0daa7461.Chip_module_danger__0daa7461 {\n background-color: var(--error-bg);\n color: var(--error);\n border-color: var(--error-outline);\n}\n.Chip_module_root__0daa7461[data-elem=base-cell].Chip_module_input__0daa7461.Chip_module_danger__0daa7461:hover {\n background-color: var(--error-outline);\n}\n.Chip_module_root__0daa7461[data-elem=base-cell].Chip_module_input__0daa7461.Chip_module_warning__0daa7461 {\n background-color: var(--warning-bg);\n color: var(--warning);\n border-color: var(--warning-outline);\n}\n.Chip_module_root__0daa7461[data-elem=base-cell].Chip_module_input__0daa7461.Chip_module_warning__0daa7461:hover {\n background-color: var(--warning-outline);\n}\n.Chip_module_root__0daa7461[data-elem=base-cell].Chip_module_input__0daa7461.Chip_module_default__0daa7461 {\n background-color: var(--grey8);\n color: var(--grey);\n border-color: var(--grey6);\n}\n.Chip_module_root__0daa7461[data-elem=base-cell].Chip_module_input__0daa7461.Chip_module_default__0daa7461:hover {\n background-color: var(--grey6);\n}\n.Chip_module_root__0daa7461[data-elem=base-cell]:disabled.Chip_module_status__0daa7461, .Chip_module_root__0daa7461[data-elem=base-cell]:disabled.Chip_module_input__0daa7461 {\n filter: grayscale(1);\n border-color: var(--grey4);\n background-color: var(--grey5);\n color: var(--grey2);\n}\n.Chip_module_root__0daa7461[data-elem=base-cell]:disabled.Chip_module_status__0daa7461 [data-elem=component1],\n.Chip_module_root__0daa7461[data-elem=base-cell]:disabled.Chip_module_status__0daa7461 [data-elem=component3], .Chip_module_root__0daa7461[data-elem=base-cell]:disabled.Chip_module_input__0daa7461 [data-elem=component1],\n.Chip_module_root__0daa7461[data-elem=base-cell]:disabled.Chip_module_input__0daa7461 [data-elem=component3] {\n opacity: 0.5;\n}\n.Chip_module_root__0daa7461[data-elem=base-cell]:disabled.Chip_module_status__0daa7461:hover, .Chip_module_root__0daa7461[data-elem=base-cell]:disabled.Chip_module_input__0daa7461:hover {\n box-shadow: none;\n background-color: var(--grey5);\n}";
|
|
5154
|
+
var modules_31aa5fd7 = {"root":"Chip_module_root__0daa7461","sm":"Chip_module_sm__0daa7461","md":"Chip_module_md__0daa7461","status":"Chip_module_status__0daa7461","success":"Chip_module_success__0daa7461","info":"Chip_module_info__0daa7461","danger":"Chip_module_danger__0daa7461","warning":"Chip_module_warning__0daa7461","default":"Chip_module_default__0daa7461","input":"Chip_module_input__0daa7461"};
|
|
5155
|
+
n(css$17,{});
|
|
5050
5156
|
|
|
5051
5157
|
var Chip = /*#__PURE__*/React.forwardRef(function Chip(props, ref) {
|
|
5052
5158
|
var className = props.className,
|
|
@@ -5246,14 +5352,11 @@ var Calender$1 = function Calender(props) {
|
|
|
5246
5352
|
var className = props.className;
|
|
5247
5353
|
return /*#__PURE__*/jsxRuntime.jsx("svg", {
|
|
5248
5354
|
className: className,
|
|
5249
|
-
|
|
5250
|
-
|
|
5251
|
-
viewBox: "0 0 20 23",
|
|
5252
|
-
fill: "none",
|
|
5355
|
+
viewBox: "0 0 24 24",
|
|
5356
|
+
fill: "#333333",
|
|
5253
5357
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5254
5358
|
children: /*#__PURE__*/jsxRuntime.jsx("path", {
|
|
5255
|
-
d: "
|
|
5256
|
-
fill: "#333333"
|
|
5359
|
+
d: "M19 4H17V3C17 2.73478 16.8946 2.48043 16.7071 2.29289C16.5196 2.10536 16.2652 2 16 2C15.7348 2 15.4804 2.10536 15.2929 2.29289C15.1054 2.48043 15 2.73478 15 3V4H9V3C9 2.73478 8.89464 2.48043 8.70711 2.29289C8.51957 2.10536 8.26522 2 8 2C7.73478 2 7.48043 2.10536 7.29289 2.29289C7.10536 2.48043 7 2.73478 7 3V4H5C4.20435 4 3.44129 4.31607 2.87868 4.87868C2.31607 5.44129 2 6.20435 2 7V19C2 19.7956 2.31607 20.5587 2.87868 21.1213C3.44129 21.6839 4.20435 22 5 22H19C19.7956 22 20.5587 21.6839 21.1213 21.1213C21.6839 20.5587 22 19.7956 22 19V7C22 6.20435 21.6839 5.44129 21.1213 4.87868C20.5587 4.31607 19.7956 4 19 4ZM20 19C20 19.2652 19.8946 19.5196 19.7071 19.7071C19.5196 19.8946 19.2652 20 19 20H5C4.73478 20 4.48043 19.8946 4.29289 19.7071C4.10536 19.5196 4 19.2652 4 19V12H20V19ZM20 10H4V7C4 6.73478 4.10536 6.48043 4.29289 6.29289C4.48043 6.10536 4.73478 6 5 6H7V7C7 7.26522 7.10536 7.51957 7.29289 7.70711C7.48043 7.89464 7.73478 8 8 8C8.26522 8 8.51957 7.89464 8.70711 7.70711C8.89464 7.51957 9 7.26522 9 7V6H15V7C15 7.26522 15.1054 7.51957 15.2929 7.70711C15.4804 7.89464 15.7348 8 16 8C16.2652 8 16.5196 7.89464 16.7071 7.70711C16.8946 7.51957 17 7.26522 17 7V6H19C19.2652 6 19.5196 6.10536 19.7071 6.29289C19.8946 6.48043 20 6.73478 20 7V10Z"
|
|
5257
5360
|
})
|
|
5258
5361
|
});
|
|
5259
5362
|
};
|
|
@@ -5431,9 +5534,9 @@ Server.defaultProps = {
|
|
|
5431
5534
|
className: ''
|
|
5432
5535
|
};
|
|
5433
5536
|
|
|
5434
|
-
var css$
|
|
5537
|
+
var css$16 = ".Arrow_module_right__19f08663 {\n transform: rotate(0deg);\n}\n\n.Arrow_module_left__19f08663 {\n transform: rotate(180deg);\n}\n\n.Arrow_module_bottom__19f08663 {\n transform: rotate(90deg);\n}\n\n.Arrow_module_top__19f08663 {\n transform: rotate(270deg);\n}";
|
|
5435
5538
|
var modules_e313d483 = {"right":"Arrow_module_right__19f08663","left":"Arrow_module_left__19f08663","bottom":"Arrow_module_bottom__19f08663","top":"Arrow_module_top__19f08663"};
|
|
5436
|
-
n(css$
|
|
5539
|
+
n(css$16,{});
|
|
5437
5540
|
|
|
5438
5541
|
var Arrow$1 = function Arrow(props) {
|
|
5439
5542
|
var className = props.className,
|
|
@@ -5453,23 +5556,21 @@ Arrow$1.defaultProps = {
|
|
|
5453
5556
|
position: 'right'
|
|
5454
5557
|
};
|
|
5455
5558
|
|
|
5456
|
-
var css$
|
|
5559
|
+
var css$15 = ".Chevron_module_left__8b1808eb {\n transform: rotate(0deg);\n}\n\n.Chevron_module_bottom__8b1808eb {\n transform: rotate(90deg);\n}\n\n.Chevron_module_right__8b1808eb {\n transform: rotate(180deg);\n}\n\n.Chevron_module_top__8b1808eb {\n transform: rotate(270deg);\n}";
|
|
5457
5560
|
var modules_bf5b0b74 = {"left":"Chevron_module_left__8b1808eb","bottom":"Chevron_module_bottom__8b1808eb","right":"Chevron_module_right__8b1808eb","top":"Chevron_module_top__8b1808eb"};
|
|
5458
|
-
n(css$
|
|
5561
|
+
n(css$15,{});
|
|
5459
5562
|
|
|
5460
5563
|
var Chevron = function Chevron(props) {
|
|
5461
5564
|
var className = props.className,
|
|
5462
5565
|
position = props.position;
|
|
5463
5566
|
return /*#__PURE__*/jsxRuntime.jsx("svg", {
|
|
5464
5567
|
className: classes(className, modules_bf5b0b74[position]),
|
|
5465
|
-
viewBox: "0 0
|
|
5568
|
+
viewBox: "0 0 24 24",
|
|
5466
5569
|
fill: "none",
|
|
5467
|
-
stroke: "white",
|
|
5468
5570
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5469
5571
|
children: /*#__PURE__*/jsxRuntime.jsx("path", {
|
|
5470
|
-
d: "
|
|
5471
|
-
|
|
5472
|
-
strokeLinecap: "round"
|
|
5572
|
+
d: "M11.2898 11.9997L14.8298 8.4597C15.0161 8.27234 15.1206 8.01889 15.1206 7.7547C15.1206 7.49052 15.0161 7.23707 14.8298 7.0497C14.7369 6.95598 14.6263 6.88158 14.5044 6.83081C14.3825 6.78004 14.2518 6.75391 14.1198 6.75391C13.9878 6.75391 13.8571 6.78004 13.7352 6.83081C13.6134 6.88158 13.5028 6.95598 13.4098 7.0497L9.16982 11.2897C9.07609 11.3827 9.0017 11.4933 8.95093 11.6151C8.90016 11.737 8.87402 11.8677 8.87402 11.9997C8.87402 12.1317 8.90016 12.2624 8.95093 12.3843C9.0017 12.5061 9.07609 12.6167 9.16982 12.7097L13.4098 16.9997C13.5033 17.0924 13.6141 17.1657 13.7359 17.2155C13.8578 17.2652 13.9882 17.2905 14.1198 17.2897C14.2514 17.2905 14.3819 17.2652 14.5037 17.2155C14.6256 17.1657 14.7364 17.0924 14.8298 16.9997C15.0161 16.8123 15.1206 16.5589 15.1206 16.2947C15.1206 16.0305 15.0161 15.7771 14.8298 15.5897L11.2898 11.9997Z",
|
|
5573
|
+
fill: "#333333"
|
|
5473
5574
|
})
|
|
5474
5575
|
});
|
|
5475
5576
|
};
|
|
@@ -5818,9 +5919,9 @@ var Close = function Close(_ref) {
|
|
|
5818
5919
|
});
|
|
5819
5920
|
};
|
|
5820
5921
|
|
|
5821
|
-
var css$
|
|
5922
|
+
var css$14 = ".Sort_module_root__5112e35d.Sort_module_orderAz__5112e35d {\n transform: none;\n}\n.Sort_module_root__5112e35d.Sort_module_orderZa__5112e35d {\n transform: rotate(180deg);\n}";
|
|
5822
5923
|
var modules_501919d9 = {"root":"Sort_module_root__5112e35d","order-az":"Sort_module_orderAz__5112e35d","order-za":"Sort_module_orderZa__5112e35d"};
|
|
5823
|
-
n(css$
|
|
5924
|
+
n(css$14,{});
|
|
5824
5925
|
|
|
5825
5926
|
var Sort = function Sort(_ref) {
|
|
5826
5927
|
var className = _ref.className,
|
|
@@ -6508,9 +6609,63 @@ var Databases = {
|
|
|
6508
6609
|
MySql: MySql
|
|
6509
6610
|
};
|
|
6510
6611
|
|
|
6511
|
-
var
|
|
6512
|
-
var
|
|
6513
|
-
|
|
6612
|
+
var Clock = function Clock(_ref) {
|
|
6613
|
+
var className = _ref.className;
|
|
6614
|
+
return /*#__PURE__*/jsxRuntime.jsxs("svg", {
|
|
6615
|
+
className: className,
|
|
6616
|
+
viewBox: "0 0 24 24",
|
|
6617
|
+
fill: "none",
|
|
6618
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
6619
|
+
children: [/*#__PURE__*/jsxRuntime.jsxs("g", {
|
|
6620
|
+
clipPath: "url(#clip0_5056_4832)",
|
|
6621
|
+
children: [/*#__PURE__*/jsxRuntime.jsx("path", {
|
|
6622
|
+
d: "M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z",
|
|
6623
|
+
stroke: "#333333",
|
|
6624
|
+
strokeWidth: "2",
|
|
6625
|
+
strokeLinecap: "round",
|
|
6626
|
+
strokeLinejoin: "round"
|
|
6627
|
+
}), /*#__PURE__*/jsxRuntime.jsx("path", {
|
|
6628
|
+
d: "M12 7V12L15 15",
|
|
6629
|
+
stroke: "#333333",
|
|
6630
|
+
strokeWidth: "2",
|
|
6631
|
+
strokeLinecap: "round",
|
|
6632
|
+
strokeLinejoin: "round"
|
|
6633
|
+
})]
|
|
6634
|
+
}), /*#__PURE__*/jsxRuntime.jsx("defs", {
|
|
6635
|
+
children: /*#__PURE__*/jsxRuntime.jsx("clipPath", {
|
|
6636
|
+
id: "clip0_5056_4832",
|
|
6637
|
+
children: /*#__PURE__*/jsxRuntime.jsx("rect", {
|
|
6638
|
+
width: "24",
|
|
6639
|
+
height: "24",
|
|
6640
|
+
fill: "white"
|
|
6641
|
+
})
|
|
6642
|
+
})
|
|
6643
|
+
})]
|
|
6644
|
+
});
|
|
6645
|
+
};
|
|
6646
|
+
|
|
6647
|
+
var Maximize = function Maximize(props) {
|
|
6648
|
+
var className = props.className;
|
|
6649
|
+
return /*#__PURE__*/jsxRuntime.jsxs("svg", {
|
|
6650
|
+
className: className,
|
|
6651
|
+
width: "1.5rem",
|
|
6652
|
+
height: "1.5rem",
|
|
6653
|
+
viewBox: "0 0 20 20",
|
|
6654
|
+
fill: "#FFFFFF",
|
|
6655
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
6656
|
+
children: [/*#__PURE__*/jsxRuntime.jsx("path", {
|
|
6657
|
+
d: "M5.00011 15.625C4.84178 15.625 4.68345 15.5667 4.55845 15.4417C4.31678 15.2 4.31678 14.8 4.55845 14.5583L14.5584 4.55833C14.8001 4.31666 15.2001 4.31666 15.4418 4.55833C15.6834 4.79999 15.6834 5.19999 15.4418 5.44166L5.44178 15.4417C5.31678 15.5667 5.15845 15.625 5.00011 15.625Z"
|
|
6658
|
+
}), /*#__PURE__*/jsxRuntime.jsx("path", {
|
|
6659
|
+
d: "M15.0001 8.95833C14.6584 8.95833 14.3751 8.675 14.3751 8.33333V5.625H11.6667C11.3251 5.625 11.0417 5.34167 11.0417 5C11.0417 4.65833 11.3251 4.375 11.6667 4.375H15.0001C15.3417 4.375 15.6251 4.65833 15.6251 5V8.33333C15.6251 8.675 15.3417 8.95833 15.0001 8.95833Z"
|
|
6660
|
+
}), /*#__PURE__*/jsxRuntime.jsx("path", {
|
|
6661
|
+
d: "M8.33333 15.625H5C4.65833 15.625 4.375 15.3416 4.375 15V11.6666C4.375 11.325 4.65833 11.0416 5 11.0416C5.34167 11.0416 5.625 11.325 5.625 11.6666V14.375H8.33333C8.675 14.375 8.95833 14.6583 8.95833 15C8.95833 15.3416 8.675 15.625 8.33333 15.625Z"
|
|
6662
|
+
})]
|
|
6663
|
+
});
|
|
6664
|
+
};
|
|
6665
|
+
|
|
6666
|
+
var css$13 = ".Accordion_module_root__4d824a08 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n width: 100%;\n}\n.Accordion_module_root__4d824a08 > .Accordion_module_header__4d824a08[data-elem=base-cell] {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n gap: 0.5rem;\n padding: 0.5rem 1rem;\n cursor: pointer;\n}\n.Accordion_module_root__4d824a08 > .Accordion_module_header__4d824a08[data-elem=base-cell] > [data-elem=component1] {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.Accordion_module_root__4d824a08 > .Accordion_module_header__4d824a08[data-elem=base-cell] > [data-elem=component1] .Accordion_module_icon__4d824a08 {\n transform: rotate(-90deg);\n width: 1rem;\n height: 1rem;\n fill: var(--dark-grey);\n}\n.Accordion_module_root__4d824a08 > .Accordion_module_header__4d824a08[data-elem=base-cell] .Accordion_module_title__4d824a08 {\n flex: 1 1 auto;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n}\n.Accordion_module_root__4d824a08 > .Accordion_module_header__4d824a08[data-elem=base-cell]:hover {\n background: var(--background);\n}\n.Accordion_module_root__4d824a08 > .Accordion_module_header__4d824a08[data-elem=base-cell]:hover .Accordion_module_icon__4d824a08,\n.Accordion_module_root__4d824a08 > .Accordion_module_header__4d824a08[data-elem=base-cell]:hover .Accordion_module_title__4d824a08 {\n color: var(--highlight);\n fill: var(--highlight);\n}\n.Accordion_module_root__4d824a08 > .Accordion_module_body__4d824a08 {\n display: none;\n padding: 0.5rem 2.5rem;\n}\n.Accordion_module_root__4d824a08.Accordion_module_open__4d824a08 > .Accordion_module_header__4d824a08[data-elem=base-cell] [data-elem=component1] .Accordion_module_icon__4d824a08 {\n transform: none;\n}\n.Accordion_module_root__4d824a08.Accordion_module_open__4d824a08 > .Accordion_module_body__4d824a08 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n}\n.Accordion_module_root__4d824a08.Accordion_module_open__4d824a08 > .Accordion_module_body__4d824a08 > button[data-elem=base-cell] {\n width: -moz-fit-content;\n width: fit-content;\n align-self: flex-end;\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n align-items: center;\n}\n.Accordion_module_root__4d824a08.Accordion_module_open__4d824a08 > .Accordion_module_body__4d824a08 > button[data-elem=base-cell] .Accordion_module_expand__4d824a08 {\n height: 1.5rem;\n width: 1.5rem;\n}";
|
|
6667
|
+
var modules_8207625f = {"root":"Accordion_module_root__4d824a08","header":"Accordion_module_header__4d824a08","icon":"Accordion_module_icon__4d824a08","title":"Accordion_module_title__4d824a08","body":"Accordion_module_body__4d824a08","open":"Accordion_module_open__4d824a08","expand":"Accordion_module_expand__4d824a08"};
|
|
6668
|
+
n(css$13,{});
|
|
6514
6669
|
|
|
6515
6670
|
var Accordion = function Accordion(props) {
|
|
6516
6671
|
var open = props.open,
|
|
@@ -10447,13 +10602,13 @@ const useListNavigation = function (_ref, _temp2) {
|
|
|
10447
10602
|
};
|
|
10448
10603
|
};
|
|
10449
10604
|
|
|
10450
|
-
var css$
|
|
10605
|
+
var css$12 = ".Alert_module_root__f2bc8467 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: flex-start;\n position: fixed;\n padding: 0.938rem;\n width: 500px;\n}\n.Alert_module_root__f2bc8467.Alert_module_positionBottomCenter__f2bc8467 {\n left: 50%;\n bottom: 1rem;\n transform: translate(-50%, 0);\n}\n.Alert_module_root__f2bc8467.Alert_module_positionTopRight__f2bc8467 {\n right: 1rem;\n top: 1rem;\n}\n.Alert_module_root__f2bc8467 .Alert_module_left__f2bc8467 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: flex-start;\n}\n.Alert_module_root__f2bc8467 .Alert_module_left__f2bc8467 .Alert_module_icons__f2bc8467 {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n padding: 0.313rem 0.938rem 0rem 0rem;\n height: auto;\n}\n.Alert_module_root__f2bc8467 .Alert_module_left__f2bc8467 .Alert_module_icons__f2bc8467 .Alert_module_icon__f2bc8467 {\n width: 1.25rem;\n height: 1.25rem;\n}\n.Alert_module_root__f2bc8467 .Alert_module_left__f2bc8467 .Alert_module_content__f2bc8467 {\n padding: 0.188rem 0.938rem 0rem 0rem;\n}\n.Alert_module_root__f2bc8467 .Alert_module_left__f2bc8467 .Alert_module_content__f2bc8467 .Alert_module_title__f2bc8467 {\n font-size: 0.875rem;\n font-weight: 600;\n padding-right: 2px;\n}\n.Alert_module_root__f2bc8467 .Alert_module_left__f2bc8467 .Alert_module_content__f2bc8467 .Alert_module_description__f2bc8467 {\n word-wrap: break-word;\n height: auto;\n font-size: 0.875rem;\n font-weight: 400;\n margin-bottom: 0.5rem;\n}\n.Alert_module_root__f2bc8467 .Alert_module_actions__f2bc8467 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: flex-start;\n gap: 5px;\n}\n.Alert_module_root__f2bc8467 .Alert_module_actions__f2bc8467 .Alert_module_button__f2bc8467 {\n padding: 0.313rem 1rem;\n font-weight: 400;\n}\n.Alert_module_root__f2bc8467 .Alert_module_actions__f2bc8467 .Alert_module_close__f2bc8467 {\n height: auto;\n}\n.Alert_module_root__f2bc8467 .Alert_module_actions__f2bc8467 .Alert_module_close__f2bc8467 .Alert_module_icon__f2bc8467 {\n width: 1.25rem;\n height: 1.25rem;\n fill: var(--black);\n}\n.Alert_module_root__f2bc8467.Alert_module_borderDefault__f2bc8467 {\n border-width: 0.063rem;\n}\n.Alert_module_root__f2bc8467.Alert_module_borderThickLeft__f2bc8467 {\n border-width: 0.063rem 0.063rem 0.063rem 0.25rem;\n}\n.Alert_module_root__f2bc8467.Alert_module_borderNone__f2bc8467 {\n border-width: 0rem 0rem 0rem 0.25rem;\n}\n.Alert_module_root__f2bc8467.Alert_module_info__f2bc8467 {\n border-style: solid;\n border-color: var(--info);\n background-color: #edf5ff;\n}\n.Alert_module_root__f2bc8467.Alert_module_info__f2bc8467 .Alert_module_icon__f2bc8467 {\n fill: var(--info);\n}\n.Alert_module_root__f2bc8467.Alert_module_success__f2bc8467 {\n border-style: solid;\n border-color: var(--success);\n background-color: var(--success-bg);\n}\n.Alert_module_root__f2bc8467.Alert_module_success__f2bc8467 .Alert_module_icon__f2bc8467 {\n fill: var(--success);\n}\n.Alert_module_root__f2bc8467.Alert_module_danger__f2bc8467 {\n border-style: solid;\n border-color: var(--error);\n background-color: var(--error-bg);\n}\n.Alert_module_root__f2bc8467.Alert_module_danger__f2bc8467 .Alert_module_icon__f2bc8467 {\n fill: var(--error);\n}\n.Alert_module_root__f2bc8467.Alert_module_warning__f2bc8467 {\n border-style: solid;\n border-color: var(--warning);\n background-color: var(--warning-bg);\n}\n.Alert_module_root__f2bc8467.Alert_module_warning__f2bc8467 .Alert_module_icon__f2bc8467 {\n fill: var(--warning);\n}\n.Alert_module_root__f2bc8467.Alert_module_shadow__f2bc8467 {\n box-shadow: 0.125rem 0.5rem 1rem rgba(60, 60, 60, 0.12);\n}";
|
|
10451
10606
|
var modules_3a764ea3 = {"root":"Alert_module_root__f2bc8467","position-bottom-center":"Alert_module_positionBottomCenter__f2bc8467","position-top-right":"Alert_module_positionTopRight__f2bc8467","left":"Alert_module_left__f2bc8467","icons":"Alert_module_icons__f2bc8467","icon":"Alert_module_icon__f2bc8467","content":"Alert_module_content__f2bc8467","title":"Alert_module_title__f2bc8467","description":"Alert_module_description__f2bc8467","actions":"Alert_module_actions__f2bc8467","button":"Alert_module_button__f2bc8467","close":"Alert_module_close__f2bc8467","border-default":"Alert_module_borderDefault__f2bc8467","border-thick-left":"Alert_module_borderThickLeft__f2bc8467","border-none":"Alert_module_borderNone__f2bc8467","info":"Alert_module_info__f2bc8467","success":"Alert_module_success__f2bc8467","danger":"Alert_module_danger__f2bc8467","warning":"Alert_module_warning__f2bc8467","shadow":"Alert_module_shadow__f2bc8467"};
|
|
10452
|
-
n(css$
|
|
10607
|
+
n(css$12,{});
|
|
10453
10608
|
|
|
10454
|
-
var css
|
|
10609
|
+
var css$11 = ".Popper_module_backdrop__0c794282 {\n position: fixed;\n z-index: 100;\n inset: 0;\n background: rgba(0, 0, 0, 0.4);\n}\n.Popper_module_backdrop__0c794282.Popper_module_transparent__0c794282 {\n background: none;\n}\n.Popper_module_backdrop__0c794282.Popper_module_hideBackdrop__0c794282 {\n position: static !important;\n}";
|
|
10455
10610
|
var modules_fe46b225 = {"backdrop":"Popper_module_backdrop__0c794282","transparent":"Popper_module_transparent__0c794282","hide-backdrop":"Popper_module_hideBackdrop__0c794282"};
|
|
10456
|
-
n(css
|
|
10611
|
+
n(css$11,{});
|
|
10457
10612
|
|
|
10458
10613
|
var Popper = function Popper(props) {
|
|
10459
10614
|
var open = props.open,
|
|
@@ -10624,13 +10779,13 @@ Alert.defaultProps = {
|
|
|
10624
10779
|
position: 'bottom-center'
|
|
10625
10780
|
};
|
|
10626
10781
|
|
|
10627
|
-
var css$
|
|
10782
|
+
var css$10 = ".Breadcrumbs_module_root__f527a278 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n gap: 0.5rem;\n width: auto;\n}\n.Breadcrumbs_module_root__f527a278 .Breadcrumbs_module_seperator__f527a278 {\n width: 1.5rem;\n height: 1.5rem;\n stroke: var(--grey2);\n}\n.Breadcrumbs_module_root__f527a278 button.Breadcrumbs_module_expand__f527a278[data-elem=base-cell] {\n background: var(--grey6);\n color: var(--dark-grey);\n height: 0.75rem;\n padding: 0.25rem;\n}\n.Breadcrumbs_module_root__f527a278 button.Breadcrumbs_module_expand__f527a278[data-elem=base-cell] [data-elem=title] {\n margin-bottom: 0.4rem;\n}\n.Breadcrumbs_module_root__f527a278 .Breadcrumbs_module_crumb__f527a278 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n color: var(--grey2);\n}\n.Breadcrumbs_module_root__f527a278 .Breadcrumbs_module_crumb__f527a278.Breadcrumbs_module_active__f527a278 {\n color: var(--black);\n}\n.Breadcrumbs_module_root__f527a278 .Breadcrumbs_module_crumb__f527a278:hover:not(.Breadcrumbs_module_active__f527a278) {\n color: var(--info);\n}\n.Breadcrumbs_module_root__f527a278.Breadcrumbs_module_themeLight__f527a278 .Breadcrumbs_module_crumb__f527a278 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n color: var(--grey2);\n}\n.Breadcrumbs_module_root__f527a278.Breadcrumbs_module_themeLight__f527a278 .Breadcrumbs_module_crumb__f527a278.Breadcrumbs_module_active__f527a278 {\n color: var(--black);\n}\n.Breadcrumbs_module_root__f527a278.Breadcrumbs_module_themeLight__f527a278 .Breadcrumbs_module_crumb__f527a278:hover:not(.Breadcrumbs_module_active__f527a278) {\n color: var(--info);\n}\n.Breadcrumbs_module_root__f527a278.Breadcrumbs_module_themeDark__f527a278 .Breadcrumbs_module_crumb__f527a278 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n color: var(--grey2);\n}\n.Breadcrumbs_module_root__f527a278.Breadcrumbs_module_themeDark__f527a278 .Breadcrumbs_module_crumb__f527a278.Breadcrumbs_module_active__f527a278 {\n color: var(--white);\n}\n.Breadcrumbs_module_root__f527a278.Breadcrumbs_module_themeDark__f527a278 .Breadcrumbs_module_crumb__f527a278:hover:not(.Breadcrumbs_module_active__f527a278) {\n color: var(--info);\n}";
|
|
10628
10783
|
var modules_651f50a9 = {"root":"Breadcrumbs_module_root__f527a278","seperator":"Breadcrumbs_module_seperator__f527a278","expand":"Breadcrumbs_module_expand__f527a278","crumb":"Breadcrumbs_module_crumb__f527a278","active":"Breadcrumbs_module_active__f527a278","theme-light":"Breadcrumbs_module_themeLight__f527a278","theme-dark":"Breadcrumbs_module_themeDark__f527a278"};
|
|
10629
|
-
n(css$
|
|
10784
|
+
n(css$10,{});
|
|
10630
10785
|
|
|
10631
|
-
var css
|
|
10786
|
+
var css$$ = ".Text_module_root__71f59b14 {\n color: var(--dark-grey);\n}\n.Text_module_root__71f59b14.Text_module_h1__71f59b14 {\n font-size: 2.25rem;\n line-height: 2.75rem;\n}\n.Text_module_root__71f59b14.Text_module_h2__71f59b14 {\n font-size: 1.375rem;\n line-height: 1.688rem;\n}\n.Text_module_root__71f59b14.Text_module_b1__71f59b14 {\n font-size: 1rem;\n line-height: 1.188rem;\n}\n.Text_module_root__71f59b14.Text_module_b2__71f59b14 {\n font-size: 0.875rem;\n line-height: 1.188rem;\n}\n.Text_module_root__71f59b14.Text_module_b3__71f59b14 {\n font-size: 0.75rem;\n line-height: 1.063rem;\n}\n.Text_module_root__71f59b14.Text_module_regularStroke__71f59b14 {\n font-weight: 400;\n}\n.Text_module_root__71f59b14.Text_module_mediumStroke__71f59b14 {\n font-weight: 500;\n}\n.Text_module_root__71f59b14.Text_module_semiboldStroke__71f59b14 {\n font-weight: 600;\n}\n.Text_module_root__71f59b14.Text_module_boldStroke__71f59b14 {\n font-weight: 800;\n}";
|
|
10632
10787
|
var modules_22fa3f10 = {"root":"Text_module_root__71f59b14","h1":"Text_module_h1__71f59b14","h2":"Text_module_h2__71f59b14","b1":"Text_module_b1__71f59b14","b2":"Text_module_b2__71f59b14","b3":"Text_module_b3__71f59b14","regular-stroke":"Text_module_regularStroke__71f59b14","medium-stroke":"Text_module_mediumStroke__71f59b14","semibold-stroke":"Text_module_semiboldStroke__71f59b14","bold-stroke":"Text_module_boldStroke__71f59b14"};
|
|
10633
|
-
n(css
|
|
10788
|
+
n(css$$,{});
|
|
10634
10789
|
|
|
10635
10790
|
// eslint-disable-next-line prefer-arrow-callback
|
|
10636
10791
|
var Text = /*#__PURE__*/React.forwardRef(function Text(props, ref) {
|
|
@@ -10681,9 +10836,9 @@ Text.defaultProps = {
|
|
|
10681
10836
|
attrs: {}
|
|
10682
10837
|
};
|
|
10683
10838
|
|
|
10684
|
-
var css$
|
|
10839
|
+
var css$_ = ".Link_module_root__51df30d3 {\n color: var(--highlight);\n text-decoration: none;\n}\n.Link_module_root__51df30d3.Link_module_underlineNone__51df30d3 {\n text-decoration: none;\n}\n.Link_module_root__51df30d3.Link_module_underlineHover__51df30d3:hover {\n text-decoration: underline;\n}\n.Link_module_root__51df30d3.Link_module_underlineAlways__51df30d3 {\n text-decoration: underline;\n}";
|
|
10685
10840
|
var modules_475441e2 = {"root":"Link_module_root__51df30d3","underline-none":"Link_module_underlineNone__51df30d3","underline-hover":"Link_module_underlineHover__51df30d3","underline-always":"Link_module_underlineAlways__51df30d3"};
|
|
10686
|
-
n(css$
|
|
10841
|
+
n(css$_,{});
|
|
10687
10842
|
|
|
10688
10843
|
var Link = /*#__PURE__*/React.forwardRef(function Link(props, ref) {
|
|
10689
10844
|
var variant = props.variant,
|
|
@@ -19134,10 +19289,10 @@ function markup$1(Prism) {
|
|
|
19134
19289
|
Prism.languages.rss = Prism.languages.xml;
|
|
19135
19290
|
}
|
|
19136
19291
|
|
|
19137
|
-
var css_1 = css$
|
|
19138
|
-
css$
|
|
19139
|
-
css$
|
|
19140
|
-
function css$
|
|
19292
|
+
var css_1 = css$Z;
|
|
19293
|
+
css$Z.displayName = 'css';
|
|
19294
|
+
css$Z.aliases = [];
|
|
19295
|
+
function css$Z(Prism) {
|
|
19141
19296
|
(function (Prism) {
|
|
19142
19297
|
var string =
|
|
19143
19298
|
/(?:"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n])*')/;
|
|
@@ -19439,7 +19594,7 @@ var h = hastscript.exports;
|
|
|
19439
19594
|
var decode$1 = parseEntities_1;
|
|
19440
19595
|
var Prism = prismCore.exports;
|
|
19441
19596
|
var markup = markup_1;
|
|
19442
|
-
var css$
|
|
19597
|
+
var css$Y = css_1;
|
|
19443
19598
|
var clike = clike_1;
|
|
19444
19599
|
var js = javascript_1;
|
|
19445
19600
|
|
|
@@ -19467,7 +19622,7 @@ refract.listLanguages = listLanguages;
|
|
|
19467
19622
|
|
|
19468
19623
|
// Register bundled grammars.
|
|
19469
19624
|
register$1(markup);
|
|
19470
|
-
register$1(css$
|
|
19625
|
+
register$1(css$Y);
|
|
19471
19626
|
register$1(clike);
|
|
19472
19627
|
register$1(js);
|
|
19473
19628
|
|
|
@@ -19848,62 +20003,71 @@ var defaultStyle = {
|
|
|
19848
20003
|
}
|
|
19849
20004
|
};
|
|
19850
20005
|
|
|
19851
|
-
var abap_1
|
|
19852
|
-
|
|
19853
|
-
|
|
19854
|
-
function
|
|
19855
|
-
|
|
19856
|
-
|
|
19857
|
-
|
|
19858
|
-
|
|
19859
|
-
|
|
19860
|
-
|
|
19861
|
-
|
|
19862
|
-
|
|
19863
|
-
|
|
19864
|
-
|
|
19865
|
-
|
|
19866
|
-
|
|
19867
|
-
|
|
19868
|
-
|
|
19869
|
-
|
|
19870
|
-
|
|
19871
|
-
|
|
19872
|
-
|
|
19873
|
-
|
|
19874
|
-
|
|
19875
|
-
|
|
19876
|
-
|
|
19877
|
-
|
|
19878
|
-
|
|
19879
|
-
|
|
19880
|
-
|
|
19881
|
-
|
|
19882
|
-
|
|
19883
|
-
|
|
19884
|
-
|
|
19885
|
-
|
|
19886
|
-
|
|
19887
|
-
|
|
19888
|
-
|
|
19889
|
-
|
|
19890
|
-
|
|
19891
|
-
|
|
19892
|
-
|
|
19893
|
-
|
|
19894
|
-
|
|
19895
|
-
|
|
19896
|
-
|
|
19897
|
-
|
|
19898
|
-
|
|
19899
|
-
|
|
19900
|
-
|
|
19901
|
-
|
|
19902
|
-
|
|
19903
|
-
|
|
19904
|
-
|
|
19905
|
-
|
|
19906
|
-
|
|
20006
|
+
var abap_1;
|
|
20007
|
+
var hasRequiredAbap;
|
|
20008
|
+
|
|
20009
|
+
function requireAbap () {
|
|
20010
|
+
if (hasRequiredAbap) return abap_1;
|
|
20011
|
+
hasRequiredAbap = 1;
|
|
20012
|
+
|
|
20013
|
+
abap_1 = abap;
|
|
20014
|
+
abap.displayName = 'abap';
|
|
20015
|
+
abap.aliases = [];
|
|
20016
|
+
function abap(Prism) {
|
|
20017
|
+
Prism.languages.abap = {
|
|
20018
|
+
comment: /^\*.*/m,
|
|
20019
|
+
string: /(`|')(?:\\.|(?!\1)[^\\\r\n])*\1/,
|
|
20020
|
+
'string-template': {
|
|
20021
|
+
pattern: /([|}])(?:\\.|[^\\|{\r\n])*(?=[|{])/,
|
|
20022
|
+
lookbehind: true,
|
|
20023
|
+
alias: 'string'
|
|
20024
|
+
},
|
|
20025
|
+
/* End Of Line comments should not interfere with strings when the
|
|
20026
|
+
quote character occurs within them. We assume a string being highlighted
|
|
20027
|
+
inside an EOL comment is more acceptable than the opposite.
|
|
20028
|
+
*/
|
|
20029
|
+
'eol-comment': {
|
|
20030
|
+
pattern: /(^|\s)".*/m,
|
|
20031
|
+
lookbehind: true,
|
|
20032
|
+
alias: 'comment'
|
|
20033
|
+
},
|
|
20034
|
+
keyword: {
|
|
20035
|
+
pattern:
|
|
20036
|
+
/(\s|\.|^)(?:SCIENTIFIC_WITH_LEADING_ZERO|SCALE_PRESERVING_SCIENTIFIC|RMC_COMMUNICATION_FAILURE|END-ENHANCEMENT-SECTION|MULTIPLY-CORRESPONDING|SUBTRACT-CORRESPONDING|VERIFICATION-MESSAGE|DIVIDE-CORRESPONDING|ENHANCEMENT-SECTION|CURRENCY_CONVERSION|RMC_SYSTEM_FAILURE|START-OF-SELECTION|MOVE-CORRESPONDING|RMC_INVALID_STATUS|CUSTOMER-FUNCTION|END-OF-DEFINITION|ENHANCEMENT-POINT|SYSTEM-EXCEPTIONS|ADD-CORRESPONDING|SCALE_PRESERVING|SELECTION-SCREEN|CURSOR-SELECTION|END-OF-SELECTION|LOAD-OF-PROGRAM|SCROLL-BOUNDARY|SELECTION-TABLE|EXCEPTION-TABLE|IMPLEMENTATIONS|PARAMETER-TABLE|RIGHT-JUSTIFIED|UNIT_CONVERSION|AUTHORITY-CHECK|LIST-PROCESSING|SIGN_AS_POSTFIX|COL_BACKGROUND|IMPLEMENTATION|INTERFACE-POOL|TRANSFORMATION|IDENTIFICATION|ENDENHANCEMENT|LINE-SELECTION|INITIALIZATION|LEFT-JUSTIFIED|SELECT-OPTIONS|SELECTION-SETS|COMMUNICATION|CORRESPONDING|DECIMAL_SHIFT|PRINT-CONTROL|VALUE-REQUEST|CHAIN-REQUEST|FUNCTION-POOL|FIELD-SYMBOLS|FUNCTIONALITY|INVERTED-DATE|SELECTION-SET|CLASS-METHODS|OUTPUT-LENGTH|CLASS-CODING|COL_NEGATIVE|ERRORMESSAGE|FIELD-GROUPS|HELP-REQUEST|NO-EXTENSION|NO-TOPOFPAGE|REDEFINITION|DISPLAY-MODE|ENDINTERFACE|EXIT-COMMAND|FIELD-SYMBOL|NO-SCROLLING|SHORTDUMP-ID|ACCESSPOLICY|CLASS-EVENTS|COL_POSITIVE|DECLARATIONS|ENHANCEMENTS|FILTER-TABLE|SWITCHSTATES|SYNTAX-CHECK|TRANSPORTING|ASYNCHRONOUS|SYNTAX-TRACE|TOKENIZATION|USER-COMMAND|WITH-HEADING|ABAP-SOURCE|BREAK-POINT|CHAIN-INPUT|COMPRESSION|FIXED-POINT|NEW-SECTION|NON-UNICODE|OCCURRENCES|RESPONSIBLE|SYSTEM-CALL|TRACE-TABLE|ABBREVIATED|CHAR-TO-HEX|END-OF-FILE|ENDFUNCTION|ENVIRONMENT|ASSOCIATION|COL_HEADING|EDITOR-CALL|END-OF-PAGE|ENGINEERING|IMPLEMENTED|INTENSIFIED|RADIOBUTTON|SYSTEM-EXIT|TOP-OF-PAGE|TRANSACTION|APPLICATION|CONCATENATE|DESTINATION|ENHANCEMENT|IMMEDIATELY|NO-GROUPING|PRECOMPILED|REPLACEMENT|TITLE-LINES|ACTIVATION|BYTE-ORDER|CLASS-POOL|CONNECTION|CONVERSION|DEFINITION|DEPARTMENT|EXPIRATION|INHERITING|MESSAGE-ID|NO-HEADING|PERFORMING|QUEUE-ONLY|RIGHTSPACE|SCIENTIFIC|STATUSINFO|STRUCTURES|SYNCPOINTS|WITH-TITLE|ATTRIBUTES|BOUNDARIES|CLASS-DATA|COL_NORMAL|DD\/MM\/YYYY|DESCENDING|INTERFACES|LINE-COUNT|MM\/DD\/YYYY|NON-UNIQUE|PRESERVING|SELECTIONS|STATEMENTS|SUBROUTINE|TRUNCATION|TYPE-POOLS|ARITHMETIC|BACKGROUND|ENDPROVIDE|EXCEPTIONS|IDENTIFIER|INDEX-LINE|OBLIGATORY|PARAMETERS|PERCENTAGE|PUSHBUTTON|RESOLUTION|COMPONENTS|DEALLOCATE|DISCONNECT|DUPLICATES|FIRST-LINE|HEAD-LINES|NO-DISPLAY|OCCURRENCE|RESPECTING|RETURNCODE|SUBMATCHES|TRACE-FILE|ASCENDING|BYPASSING|ENDMODULE|EXCEPTION|EXCLUDING|EXPORTING|INCREMENT|MATCHCODE|PARAMETER|PARTIALLY|PREFERRED|REFERENCE|REPLACING|RETURNING|SELECTION|SEPARATED|SPECIFIED|STATEMENT|TIMESTAMP|TYPE-POOL|ACCEPTING|APPENDAGE|ASSIGNING|COL_GROUP|COMPARING|CONSTANTS|DANGEROUS|IMPORTING|INSTANCES|LEFTSPACE|LOG-POINT|QUICKINFO|READ-ONLY|SCROLLING|SQLSCRIPT|STEP-LOOP|TOP-LINES|TRANSLATE|APPENDING|AUTHORITY|CHARACTER|COMPONENT|CONDITION|DIRECTORY|DUPLICATE|MESSAGING|RECEIVING|SUBSCREEN|ACCORDING|COL_TOTAL|END-LINES|ENDMETHOD|ENDSELECT|EXPANDING|EXTENSION|INCLUDING|INFOTYPES|INTERFACE|INTERVALS|LINE-SIZE|PF-STATUS|PROCEDURE|PROTECTED|REQUESTED|RESUMABLE|RIGHTPLUS|SAP-SPOOL|SECONDARY|STRUCTURE|SUBSTRING|TABLEVIEW|NUMOFCHAR|ADJACENT|ANALYSIS|ASSIGNED|BACKWARD|CHANNELS|CHECKBOX|CONTINUE|CRITICAL|DATAINFO|DD\/MM\/YY|DURATION|ENCODING|ENDCLASS|FUNCTION|LEFTPLUS|LINEFEED|MM\/DD\/YY|OVERFLOW|RECEIVED|SKIPPING|SORTABLE|STANDARD|SUBTRACT|SUPPRESS|TABSTRIP|TITLEBAR|TRUNCATE|UNASSIGN|WHENEVER|ANALYZER|COALESCE|COMMENTS|CONDENSE|DECIMALS|DEFERRED|ENDWHILE|EXPLICIT|KEYWORDS|MESSAGES|POSITION|PRIORITY|RECEIVER|RENAMING|TIMEZONE|TRAILING|ALLOCATE|CENTERED|CIRCULAR|CONTROLS|CURRENCY|DELETING|DESCRIBE|DISTANCE|ENDCATCH|EXPONENT|EXTENDED|GENERATE|IGNORING|INCLUDES|INTERNAL|MAJOR-ID|MODIFIER|NEW-LINE|OPTIONAL|PROPERTY|ROLLBACK|STARTING|SUPPLIED|ABSTRACT|CHANGING|CONTEXTS|CREATING|CUSTOMER|DATABASE|DAYLIGHT|DEFINING|DISTINCT|DIVISION|ENABLING|ENDCHAIN|ESCAPING|HARMLESS|IMPLICIT|INACTIVE|LANGUAGE|MINOR-ID|MULTIPLY|NEW-PAGE|NO-TITLE|POS_HIGH|SEPARATE|TEXTPOOL|TRANSFER|SELECTOR|DBMAXLEN|ITERATOR|ARCHIVE|BIT-XOR|BYTE-CO|COLLECT|COMMENT|CURRENT|DEFAULT|DISPLAY|ENDFORM|EXTRACT|LEADING|LISTBOX|LOCATOR|MEMBERS|METHODS|NESTING|POS_LOW|PROCESS|PROVIDE|RAISING|RESERVE|SECONDS|SUMMARY|VISIBLE|BETWEEN|BIT-AND|BYTE-CS|CLEANUP|COMPUTE|CONTROL|CONVERT|DATASET|ENDCASE|FORWARD|HEADERS|HOTSPOT|INCLUDE|INVERSE|KEEPING|NO-ZERO|OBJECTS|OVERLAY|PADDING|PATTERN|PROGRAM|REFRESH|SECTION|SUMMING|TESTING|VERSION|WINDOWS|WITHOUT|BIT-NOT|BYTE-CA|BYTE-NA|CASTING|CONTEXT|COUNTRY|DYNAMIC|ENABLED|ENDLOOP|EXECUTE|FRIENDS|HANDLER|HEADING|INITIAL|\*-INPUT|LOGFILE|MAXIMUM|MINIMUM|NO-GAPS|NO-SIGN|PRAGMAS|PRIMARY|PRIVATE|REDUCED|REPLACE|REQUEST|RESULTS|UNICODE|WARNING|ALIASES|BYTE-CN|BYTE-NS|CALLING|COL_KEY|COLUMNS|CONNECT|ENDEXEC|ENTRIES|EXCLUDE|FILTERS|FURTHER|HELP-ID|LOGICAL|MAPPING|MESSAGE|NAMETAB|OPTIONS|PACKAGE|PERFORM|RECEIVE|STATICS|VARYING|BINDING|CHARLEN|GREATER|XSTRLEN|ACCEPT|APPEND|DETAIL|ELSEIF|ENDING|ENDTRY|FORMAT|FRAMES|GIVING|HASHED|HEADER|IMPORT|INSERT|MARGIN|MODULE|NATIVE|OBJECT|OFFSET|REMOTE|RESUME|SAVING|SIMPLE|SUBMIT|TABBED|TOKENS|UNIQUE|UNPACK|UPDATE|WINDOW|YELLOW|ACTUAL|ASPECT|CENTER|CURSOR|DELETE|DIALOG|DIVIDE|DURING|ERRORS|EVENTS|EXTEND|FILTER|HANDLE|HAVING|IGNORE|LITTLE|MEMORY|NO-GAP|OCCURS|OPTION|PERSON|PLACES|PUBLIC|REDUCE|REPORT|RESULT|SINGLE|SORTED|SWITCH|SYNTAX|TARGET|VALUES|WRITER|ASSERT|BLOCKS|BOUNDS|BUFFER|CHANGE|COLUMN|COMMIT|CONCAT|COPIES|CREATE|DDMMYY|DEFINE|ENDIAN|ESCAPE|EXPAND|KERNEL|LAYOUT|LEGACY|LEVELS|MMDDYY|NUMBER|OUTPUT|RANGES|READER|RETURN|SCREEN|SEARCH|SELECT|SHARED|SOURCE|STABLE|STATIC|SUBKEY|SUFFIX|TABLES|UNWIND|YYMMDD|ASSIGN|BACKUP|BEFORE|BINARY|BIT-OR|BLANKS|CLIENT|CODING|COMMON|DEMAND|DYNPRO|EXCEPT|EXISTS|EXPORT|FIELDS|GLOBAL|GROUPS|LENGTH|LOCALE|MEDIUM|METHOD|MODIFY|NESTED|OTHERS|REJECT|SCROLL|SUPPLY|SYMBOL|ENDFOR|STRLEN|ALIGN|BEGIN|BOUND|ENDAT|ENTRY|EVENT|FINAL|FLUSH|GRANT|INNER|SHORT|USING|WRITE|AFTER|BLACK|BLOCK|CLOCK|COLOR|COUNT|DUMMY|EMPTY|ENDDO|ENDON|GREEN|INDEX|INOUT|LEAVE|LEVEL|LINES|MODIF|ORDER|OUTER|RANGE|RESET|RETRY|RIGHT|SMART|SPLIT|STYLE|TABLE|THROW|UNDER|UNTIL|UPPER|UTF-8|WHERE|ALIAS|BLANK|CLEAR|CLOSE|EXACT|FETCH|FIRST|FOUND|GROUP|LLANG|LOCAL|OTHER|REGEX|SPOOL|TITLE|TYPES|VALID|WHILE|ALPHA|BOXED|CATCH|CHAIN|CHECK|CLASS|COVER|ENDIF|EQUIV|FIELD|FLOOR|FRAME|INPUT|LOWER|MATCH|NODES|PAGES|PRINT|RAISE|ROUND|SHIFT|SPACE|SPOTS|STAMP|STATE|TASKS|TIMES|TRMAC|ULINE|UNION|VALUE|WIDTH|EQUAL|LOG10|TRUNC|BLOB|CASE|CEIL|CLOB|COND|EXIT|FILE|GAPS|HOLD|INCL|INTO|KEEP|KEYS|LAST|LINE|LONG|LPAD|MAIL|MODE|OPEN|PINK|READ|ROWS|TEST|THEN|ZERO|AREA|BACK|BADI|BYTE|CAST|EDIT|EXEC|FAIL|FIND|FKEQ|FONT|FREE|GKEQ|HIDE|INIT|ITNO|LATE|LOOP|MAIN|MARK|MOVE|NEXT|NULL|RISK|ROLE|UNIT|WAIT|ZONE|BASE|CALL|CODE|DATA|DATE|FKGE|GKGE|HIGH|KIND|LEFT|LIST|MASK|MESH|NAME|NODE|PACK|PAGE|POOL|SEND|SIGN|SIZE|SOME|STOP|TASK|TEXT|TIME|USER|VARY|WITH|WORD|BLUE|CONV|COPY|DEEP|ELSE|FORM|FROM|HINT|ICON|JOIN|LIKE|LOAD|ONLY|PART|SCAN|SKIP|SORT|TYPE|UNIX|VIEW|WHEN|WORK|ACOS|ASIN|ATAN|COSH|EACH|FRAC|LESS|RTTI|SINH|SQRT|TANH|AVG|BIT|DIV|ISO|LET|OUT|PAD|SQL|ALL|CI_|CPI|END|LOB|LPI|MAX|MIN|NEW|OLE|RUN|SET|\?TO|YES|ABS|ADD|AND|BIG|FOR|HDB|JOB|LOW|NOT|SAP|TRY|VIA|XML|ANY|GET|IDS|KEY|MOD|OFF|PUT|RAW|RED|REF|SUM|TAB|XSD|CNT|COS|EXP|LOG|SIN|TAN|XOR|AT|CO|CP|DO|GT|ID|IF|NS|OR|BT|CA|CS|GE|NA|NB|EQ|IN|LT|NE|NO|OF|ON|PF|TO|AS|BY|CN|IS|LE|NP|UP|E|I|M|O|Z|C|X)\b/i,
|
|
20037
|
+
lookbehind: true
|
|
20038
|
+
},
|
|
20039
|
+
/* Numbers can be only integers. Decimal or Hex appear only as strings */
|
|
20040
|
+
number: /\b\d+\b/,
|
|
20041
|
+
/* Operators must always be surrounded by whitespace, they cannot be put
|
|
20042
|
+
adjacent to operands.
|
|
20043
|
+
*/
|
|
20044
|
+
operator: {
|
|
20045
|
+
pattern: /(\s)(?:\*\*?|<[=>]?|>=?|\?=|[-+\/=])(?=\s)/,
|
|
20046
|
+
lookbehind: true
|
|
20047
|
+
},
|
|
20048
|
+
'string-operator': {
|
|
20049
|
+
pattern: /(\s)&&?(?=\s)/,
|
|
20050
|
+
lookbehind: true,
|
|
20051
|
+
/* The official editor highlights */
|
|
20052
|
+
alias: 'keyword'
|
|
20053
|
+
},
|
|
20054
|
+
'token-operator': [
|
|
20055
|
+
{
|
|
20056
|
+
/* Special operators used to access structure components, class methods/attributes, etc. */
|
|
20057
|
+
pattern: /(\w)(?:->?|=>|[~|{}])(?=\w)/,
|
|
20058
|
+
lookbehind: true,
|
|
20059
|
+
alias: 'punctuation'
|
|
20060
|
+
},
|
|
20061
|
+
{
|
|
20062
|
+
/* Special tokens used do delimit string templates */
|
|
20063
|
+
pattern: /[|{}]/,
|
|
20064
|
+
alias: 'punctuation'
|
|
20065
|
+
}
|
|
20066
|
+
],
|
|
20067
|
+
punctuation: /[,.:()]/
|
|
20068
|
+
};
|
|
20069
|
+
}
|
|
20070
|
+
return abap_1;
|
|
19907
20071
|
}
|
|
19908
20072
|
|
|
19909
20073
|
var abnf_1 = abnf;
|
|
@@ -22917,104 +23081,95 @@ function requireCobol () {
|
|
|
22917
23081
|
return cobol_1;
|
|
22918
23082
|
}
|
|
22919
23083
|
|
|
22920
|
-
var coffeescript_1;
|
|
22921
|
-
|
|
22922
|
-
|
|
22923
|
-
function
|
|
22924
|
-
if (hasRequiredCoffeescript) return coffeescript_1;
|
|
22925
|
-
hasRequiredCoffeescript = 1;
|
|
22926
|
-
|
|
22927
|
-
coffeescript_1 = coffeescript;
|
|
22928
|
-
coffeescript.displayName = 'coffeescript';
|
|
22929
|
-
coffeescript.aliases = ['coffee'];
|
|
22930
|
-
function coffeescript(Prism) {
|
|
23084
|
+
var coffeescript_1 = coffeescript;
|
|
23085
|
+
coffeescript.displayName = 'coffeescript';
|
|
23086
|
+
coffeescript.aliases = ['coffee'];
|
|
23087
|
+
function coffeescript(Prism) {
|
|
22931
23088
|
(function (Prism) {
|
|
22932
|
-
|
|
22933
|
-
|
|
22934
|
-
|
|
22935
|
-
|
|
22936
|
-
|
|
22937
|
-
|
|
22938
|
-
|
|
22939
|
-
|
|
22940
|
-
|
|
22941
|
-
|
|
22942
|
-
|
|
22943
|
-
|
|
22944
|
-
|
|
22945
|
-
|
|
22946
|
-
|
|
22947
|
-
|
|
22948
|
-
|
|
22949
|
-
|
|
22950
|
-
|
|
22951
|
-
|
|
22952
|
-
|
|
22953
|
-
|
|
22954
|
-
|
|
22955
|
-
|
|
22956
|
-
|
|
22957
|
-
|
|
22958
|
-
|
|
22959
|
-
|
|
22960
|
-
|
|
22961
|
-
|
|
22962
|
-
|
|
22963
|
-
|
|
22964
|
-
|
|
22965
|
-
|
|
22966
|
-
|
|
22967
|
-
|
|
22968
|
-
|
|
22969
|
-
|
|
22970
|
-
|
|
22971
|
-
|
|
22972
|
-
|
|
22973
|
-
|
|
22974
|
-
|
|
22975
|
-
|
|
22976
|
-
|
|
22977
|
-
|
|
22978
|
-
|
|
22979
|
-
|
|
22980
|
-
|
|
22981
|
-
|
|
22982
|
-
|
|
22983
|
-
|
|
22984
|
-
|
|
22985
|
-
|
|
22986
|
-
|
|
22987
|
-
|
|
22988
|
-
|
|
22989
|
-
|
|
22990
|
-
|
|
22991
|
-
|
|
22992
|
-
|
|
22993
|
-
|
|
22994
|
-
|
|
22995
|
-
|
|
22996
|
-
|
|
22997
|
-
|
|
22998
|
-
|
|
22999
|
-
|
|
23000
|
-
|
|
23001
|
-
|
|
23002
|
-
|
|
23003
|
-
|
|
23004
|
-
|
|
23005
|
-
|
|
23006
|
-
|
|
23007
|
-
|
|
23008
|
-
|
|
23009
|
-
|
|
23010
|
-
|
|
23011
|
-
|
|
23012
|
-
|
|
23013
|
-
|
|
23014
|
-
|
|
23015
|
-
|
|
23016
|
-
}
|
|
23017
|
-
return coffeescript_1;
|
|
23089
|
+
// Ignore comments starting with { to privilege string interpolation highlighting
|
|
23090
|
+
var comment = /#(?!\{).+/;
|
|
23091
|
+
var interpolation = {
|
|
23092
|
+
pattern: /#\{[^}]+\}/,
|
|
23093
|
+
alias: 'variable'
|
|
23094
|
+
};
|
|
23095
|
+
Prism.languages.coffeescript = Prism.languages.extend('javascript', {
|
|
23096
|
+
comment: comment,
|
|
23097
|
+
string: [
|
|
23098
|
+
// Strings are multiline
|
|
23099
|
+
{
|
|
23100
|
+
pattern: /'(?:\\[\s\S]|[^\\'])*'/,
|
|
23101
|
+
greedy: true
|
|
23102
|
+
},
|
|
23103
|
+
{
|
|
23104
|
+
// Strings are multiline
|
|
23105
|
+
pattern: /"(?:\\[\s\S]|[^\\"])*"/,
|
|
23106
|
+
greedy: true,
|
|
23107
|
+
inside: {
|
|
23108
|
+
interpolation: interpolation
|
|
23109
|
+
}
|
|
23110
|
+
}
|
|
23111
|
+
],
|
|
23112
|
+
keyword:
|
|
23113
|
+
/\b(?:and|break|by|catch|class|continue|debugger|delete|do|each|else|extend|extends|false|finally|for|if|in|instanceof|is|isnt|let|loop|namespace|new|no|not|null|of|off|on|or|own|return|super|switch|then|this|throw|true|try|typeof|undefined|unless|until|when|while|window|with|yes|yield)\b/,
|
|
23114
|
+
'class-member': {
|
|
23115
|
+
pattern: /@(?!\d)\w+/,
|
|
23116
|
+
alias: 'variable'
|
|
23117
|
+
}
|
|
23118
|
+
});
|
|
23119
|
+
Prism.languages.insertBefore('coffeescript', 'comment', {
|
|
23120
|
+
'multiline-comment': {
|
|
23121
|
+
pattern: /###[\s\S]+?###/,
|
|
23122
|
+
alias: 'comment'
|
|
23123
|
+
},
|
|
23124
|
+
// Block regexp can contain comments and interpolation
|
|
23125
|
+
'block-regex': {
|
|
23126
|
+
pattern: /\/{3}[\s\S]*?\/{3}/,
|
|
23127
|
+
alias: 'regex',
|
|
23128
|
+
inside: {
|
|
23129
|
+
comment: comment,
|
|
23130
|
+
interpolation: interpolation
|
|
23131
|
+
}
|
|
23132
|
+
}
|
|
23133
|
+
});
|
|
23134
|
+
Prism.languages.insertBefore('coffeescript', 'string', {
|
|
23135
|
+
'inline-javascript': {
|
|
23136
|
+
pattern: /`(?:\\[\s\S]|[^\\`])*`/,
|
|
23137
|
+
inside: {
|
|
23138
|
+
delimiter: {
|
|
23139
|
+
pattern: /^`|`$/,
|
|
23140
|
+
alias: 'punctuation'
|
|
23141
|
+
},
|
|
23142
|
+
script: {
|
|
23143
|
+
pattern: /[\s\S]+/,
|
|
23144
|
+
alias: 'language-javascript',
|
|
23145
|
+
inside: Prism.languages.javascript
|
|
23146
|
+
}
|
|
23147
|
+
}
|
|
23148
|
+
},
|
|
23149
|
+
// Block strings
|
|
23150
|
+
'multiline-string': [
|
|
23151
|
+
{
|
|
23152
|
+
pattern: /'''[\s\S]*?'''/,
|
|
23153
|
+
greedy: true,
|
|
23154
|
+
alias: 'string'
|
|
23155
|
+
},
|
|
23156
|
+
{
|
|
23157
|
+
pattern: /"""[\s\S]*?"""/,
|
|
23158
|
+
greedy: true,
|
|
23159
|
+
alias: 'string',
|
|
23160
|
+
inside: {
|
|
23161
|
+
interpolation: interpolation
|
|
23162
|
+
}
|
|
23163
|
+
}
|
|
23164
|
+
]
|
|
23165
|
+
});
|
|
23166
|
+
Prism.languages.insertBefore('coffeescript', 'keyword', {
|
|
23167
|
+
// Object property
|
|
23168
|
+
property: /(?!\d)\w+(?=\s*:(?!:))/
|
|
23169
|
+
});
|
|
23170
|
+
delete Prism.languages.coffeescript['template-string'];
|
|
23171
|
+
Prism.languages.coffee = Prism.languages.coffeescript;
|
|
23172
|
+
})(Prism);
|
|
23018
23173
|
}
|
|
23019
23174
|
|
|
23020
23175
|
var concurnas_1;
|
|
@@ -42865,7 +43020,7 @@ var refractor = core$1;
|
|
|
42865
43020
|
|
|
42866
43021
|
var refractor_1 = refractor;
|
|
42867
43022
|
|
|
42868
|
-
refractor.register(
|
|
43023
|
+
refractor.register(requireAbap());
|
|
42869
43024
|
refractor.register(abnf_1);
|
|
42870
43025
|
refractor.register(actionscript_1);
|
|
42871
43026
|
refractor.register(ada_1);
|
|
@@ -42906,7 +43061,7 @@ refractor.register(cil_1);
|
|
|
42906
43061
|
refractor.register(clojure_1);
|
|
42907
43062
|
refractor.register(cmake_1);
|
|
42908
43063
|
refractor.register(requireCobol());
|
|
42909
|
-
refractor.register(
|
|
43064
|
+
refractor.register(coffeescript_1);
|
|
42910
43065
|
refractor.register(requireConcurnas());
|
|
42911
43066
|
refractor.register(requireCoq());
|
|
42912
43067
|
refractor.register(requireCpp());
|
|
@@ -44135,9 +44290,9 @@ var oneLight = {
|
|
|
44135
44290
|
}
|
|
44136
44291
|
};
|
|
44137
44292
|
|
|
44138
|
-
var css$
|
|
44293
|
+
var css$X = ".CodeSnippet_module_root__96cf727a {\n padding: 0.5rem, 1rem;\n position: relative;\n}\n.CodeSnippet_module_root__96cf727a .CodeSnippet_module_code__96cf727a {\n font-family: monospace;\n font-size: 1rem;\n}\n.CodeSnippet_module_root__96cf727a .CodeSnippet_module_copy__96cf727a {\n position: absolute;\n right: 1rem;\n top: 0.5rem;\n cursor: pointer;\n}\n.CodeSnippet_module_root__96cf727a .CodeSnippet_module_copy__96cf727a .CodeSnippet_module_icon__96cf727a {\n width: 1.5rem;\n height: 1.5rem;\n}\n.CodeSnippet_module_root__96cf727a .CodeSnippet_module_copy__96cf727a .CodeSnippet_module_icon__96cf727a.CodeSnippet_module_dark__96cf727a {\n fill: var(--white);\n}\n.CodeSnippet_module_root__96cf727a .CodeSnippet_module_copy__96cf727a .CodeSnippet_module_icon__96cf727a.CodeSnippet_module_light__96cf727a {\n fill: var(--black);\n}\n.CodeSnippet_module_root__96cf727a .CodeSnippet_module_copy__96cf727a .CodeSnippet_module_notCopied__96cf727a {\n display: none;\n}\n.CodeSnippet_module_root__96cf727a .CodeSnippet_module_copy__96cf727a .CodeSnippet_module_copied__96cf727a {\n position: absolute;\n right: 1.375rem;\n top: 2.188rem;\n padding: 0.5rem;\n border-radius: 0.25rem;\n background-color: var(--highlight);\n color: var(--grey10);\n}";
|
|
44139
44294
|
var modules_c548043f = {"root":"CodeSnippet_module_root__96cf727a","code":"CodeSnippet_module_code__96cf727a","copy":"CodeSnippet_module_copy__96cf727a","icon":"CodeSnippet_module_icon__96cf727a","dark":"CodeSnippet_module_dark__96cf727a","light":"CodeSnippet_module_light__96cf727a","notCopied":"CodeSnippet_module_notCopied__96cf727a","copied":"CodeSnippet_module_copied__96cf727a"};
|
|
44140
|
-
n(css$
|
|
44295
|
+
n(css$X,{});
|
|
44141
44296
|
|
|
44142
44297
|
var CodeSnippet = function CodeSnippet(props) {
|
|
44143
44298
|
var copy = props.copy,
|
|
@@ -44295,325 +44450,9 @@ var useResize = function useResize(props) {
|
|
|
44295
44450
|
}, [enabled]);
|
|
44296
44451
|
};
|
|
44297
44452
|
|
|
44298
|
-
var css$
|
|
44299
|
-
var
|
|
44300
|
-
n(css$
|
|
44301
|
-
|
|
44302
|
-
var Header = function Header(props) {
|
|
44303
|
-
var selectedMonth = props.selectedMonth,
|
|
44304
|
-
onMonthChange = props.onMonthChange;
|
|
44305
|
-
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
44306
|
-
className: modules_cf337dc1.container,
|
|
44307
|
-
children: [/*#__PURE__*/jsxRuntime.jsx("div", {
|
|
44308
|
-
onClick: function onClick() {
|
|
44309
|
-
onMonthChange('prev');
|
|
44310
|
-
},
|
|
44311
|
-
className: modules_cf337dc1['left-arrow'],
|
|
44312
|
-
children: /*#__PURE__*/jsxRuntime.jsx(Chevron, {
|
|
44313
|
-
className: classes(modules_cf337dc1.icon),
|
|
44314
|
-
position: "left"
|
|
44315
|
-
})
|
|
44316
|
-
}), /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
44317
|
-
className: modules_cf337dc1.title,
|
|
44318
|
-
children: "".concat(selectedMonth.month, " ").concat(selectedMonth.year)
|
|
44319
|
-
}), /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
44320
|
-
onClick: function onClick() {
|
|
44321
|
-
onMonthChange('next');
|
|
44322
|
-
},
|
|
44323
|
-
className: modules_cf337dc1['right-arrow'],
|
|
44324
|
-
children: /*#__PURE__*/jsxRuntime.jsx(Chevron, {
|
|
44325
|
-
className: classes(modules_cf337dc1.icon),
|
|
44326
|
-
position: "right"
|
|
44327
|
-
})
|
|
44328
|
-
})]
|
|
44329
|
-
});
|
|
44330
|
-
};
|
|
44331
|
-
|
|
44332
|
-
var css$T = ".Calender_module_root__5221cce4 {\n padding: 1rem 0rem;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}";
|
|
44333
|
-
var modules_3722b5cd = {"root":"Calender_module_root__5221cce4"};
|
|
44334
|
-
n(css$T,{});
|
|
44335
|
-
|
|
44336
|
-
var css$S = ".Body_module_root__85b1b679 {\n padding: 0.5rem 0.5rem;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n align-items: stretch;\n}";
|
|
44337
|
-
var modules_e6b80d99 = {"root":"Body_module_root__85b1b679"};
|
|
44338
|
-
n(css$S,{});
|
|
44339
|
-
|
|
44340
|
-
var css$R = ".Dates_module_dates__e964f6bf {\n display: grid;\n grid-template-columns: repeat(7, 1fr);\n align-items: center;\n flex-wrap: wrap;\n}\n.Dates_module_dates__e964f6bf div {\n flex-basis: 14.28%;\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n margin-bottom: 0.25rem;\n cursor: pointer;\n align-self: center;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.Dates_module_dates__e964f6bf div .Dates_module_date__e964f6bf {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n text-align: center;\n vertical-align: middle;\n border-radius: 1.5rem;\n height: 2.5rem;\n width: 2.5rem;\n font-weight: 400;\n font-size: 0.875rem;\n color: var(--black);\n}\n.Dates_module_dates__e964f6bf div .Dates_module_selected__e964f6bf {\n background-color: var(--highlight);\n color: var(--white);\n}\n.Dates_module_dates__e964f6bf div .Dates_module_unSelected__e964f6bf {\n background-color: var(--white);\n border-color: var(--highlight);\n border-width: 0.125rem;\n border-style: solid;\n color: var(--black);\n}\n.Dates_module_dates__e964f6bf div .Dates_module_disabled__e964f6bf {\n border-radius: 1.5rem;\n color: var(--grey2);\n}\n.Dates_module_dates__e964f6bf div .Dates_module_diffMonth__e964f6bf {\n opacity: 0.6;\n}\n.Dates_module_dates__e964f6bf div:hover .Dates_module_date__e964f6bf {\n background: var(--background);\n color: var(--highlight);\n box-shadow: -2px -2px 4px rgba(166, 166, 166, 0.25), 2px 2px 4px rgba(166, 166, 166, 0.24);\n}\n.Dates_module_dates__e964f6bf div:hover .Dates_module_selected__e964f6bf {\n background-color: var(--highlight);\n color: var(--white);\n}\n.Dates_module_dates__e964f6bf div:hover .Dates_module_disabled__e964f6bf {\n background: transparent;\n box-shadow: none;\n border-radius: 1.5rem;\n color: var(--grey2);\n}\n.Dates_module_dates__e964f6bf .Dates_module_minInRange__e964f6bf {\n background-color: var(--highlight);\n border-radius: 1.5rem 0rem 0rem 1.5rem;\n}\n.Dates_module_dates__e964f6bf .Dates_module_minInRange__e964f6bf .Dates_module_date__e964f6bf {\n color: var(--white);\n}\n.Dates_module_dates__e964f6bf .Dates_module_minInRange__e964f6bf:hover .Dates_module_date__e964f6bf {\n background: var(--highlight);\n color: var(--white);\n box-shadow: -2px -2px 4px rgba(166, 166, 166, 0.25), 2px 2px 4px rgba(166, 166, 166, 0.24);\n}\n.Dates_module_dates__e964f6bf .Dates_module_maxInRange__e964f6bf {\n background-color: var(--highlight);\n border-radius: 0rem 1.5rem 1.5rem 0rem;\n}\n.Dates_module_dates__e964f6bf .Dates_module_maxInRange__e964f6bf .Dates_module_date__e964f6bf {\n color: var(--white);\n}\n.Dates_module_dates__e964f6bf .Dates_module_maxInRange__e964f6bf:hover .Dates_module_date__e964f6bf {\n background: var(--highlight);\n color: var(--white);\n box-shadow: -2px -2px 4px rgba(166, 166, 166, 0.25), 2px 2px 4px rgba(166, 166, 166, 0.24);\n}\n.Dates_module_dates__e964f6bf .Dates_module_midInRange__e964f6bf {\n background: var(--background);\n border-radius: 0rem;\n}\n.Dates_module_dates__e964f6bf .Dates_module_midInRange__e964f6bf .Dates_module_date__e964f6bf {\n color: var(--highlight);\n}\n.Dates_module_dates__e964f6bf .Dates_module_midInRangeSelected__e964f6bf {\n background: var(--background);\n border-radius: 0rem;\n}\n.Dates_module_dates__e964f6bf .Dates_module_midInRangeSelected__e964f6bf .Dates_module_date__e964f6bf {\n color: var(--white);\n}\n.Dates_module_dates__e964f6bf .Dates_module_firstHovered__e964f6bf {\n background: var(--background);\n border-radius: 0rem 1.5rem 1.5rem 0rem;\n}\n.Dates_module_dates__e964f6bf .Dates_module_firstHovered__e964f6bf .Dates_module_date__e964f6bf {\n color: var(--highlight);\n}\n.Dates_module_dates__e964f6bf .Dates_module_lastHovered__e964f6bf {\n background: var(--background);\n border-radius: 1.5rem 0rem 0rem 1.5rem;\n}\n.Dates_module_dates__e964f6bf .Dates_module_lastHovered__e964f6bf .Dates_module_date__e964f6bf {\n color: var(--highlight);\n}";
|
|
44341
|
-
var modules_b02dadcc = {"dates":"Dates_module_dates__e964f6bf","date":"Dates_module_date__e964f6bf","selected":"Dates_module_selected__e964f6bf","unSelected":"Dates_module_unSelected__e964f6bf","disabled":"Dates_module_disabled__e964f6bf","diffMonth":"Dates_module_diffMonth__e964f6bf","minInRange":"Dates_module_minInRange__e964f6bf","maxInRange":"Dates_module_maxInRange__e964f6bf","midInRange":"Dates_module_midInRange__e964f6bf","midInRangeSelected":"Dates_module_midInRangeSelected__e964f6bf","first-hovered":"Dates_module_firstHovered__e964f6bf","last-hovered":"Dates_module_lastHovered__e964f6bf"};
|
|
44342
|
-
n(css$R,{});
|
|
44343
|
-
|
|
44344
|
-
var getDatesOfLastWeekOfLastMonth = function getDatesOfLastWeekOfLastMonth(_ref) {
|
|
44345
|
-
var monthAsNumber = _ref.monthAsNumber,
|
|
44346
|
-
year = _ref.year,
|
|
44347
|
-
remainingDaysInFirstWeek = _ref.remainingDaysInFirstWeek;
|
|
44348
|
-
if (remainingDaysInFirstWeek === 0) {
|
|
44349
|
-
return [];
|
|
44350
|
-
}
|
|
44351
|
-
var month;
|
|
44352
|
-
var fullYear;
|
|
44353
|
-
if (monthAsNumber === 0) {
|
|
44354
|
-
month = 11;
|
|
44355
|
-
fullYear = year - 1;
|
|
44356
|
-
} else {
|
|
44357
|
-
month = monthAsNumber - 1;
|
|
44358
|
-
fullYear = year;
|
|
44359
|
-
}
|
|
44360
|
-
var _getDatesInAMonth = getDatesInAMonth({
|
|
44361
|
-
month: month,
|
|
44362
|
-
year: fullYear
|
|
44363
|
-
}),
|
|
44364
|
-
dateObj = _getDatesInAMonth.dateObj;
|
|
44365
|
-
return dateObj.slice(-remainingDaysInFirstWeek);
|
|
44366
|
-
};
|
|
44367
|
-
var getDatesOfFirstWeekOfNextMonth = function getDatesOfFirstWeekOfNextMonth(_ref2) {
|
|
44368
|
-
var monthAsNumber = _ref2.monthAsNumber,
|
|
44369
|
-
year = _ref2.year,
|
|
44370
|
-
remainingDaysInLastWeek = _ref2.remainingDaysInLastWeek;
|
|
44371
|
-
var month;
|
|
44372
|
-
var fullYear;
|
|
44373
|
-
if (monthAsNumber === 11) {
|
|
44374
|
-
month = 0;
|
|
44375
|
-
fullYear = year + 1;
|
|
44376
|
-
} else {
|
|
44377
|
-
month = monthAsNumber + 1;
|
|
44378
|
-
fullYear = year;
|
|
44379
|
-
}
|
|
44380
|
-
var _getDatesInAMonth2 = getDatesInAMonth({
|
|
44381
|
-
month: month,
|
|
44382
|
-
year: fullYear
|
|
44383
|
-
}),
|
|
44384
|
-
dateObj = _getDatesInAMonth2.dateObj;
|
|
44385
|
-
return dateObj.slice(0, remainingDaysInLastWeek);
|
|
44386
|
-
};
|
|
44387
|
-
var getDatesToDisplay = function getDatesToDisplay(_ref3) {
|
|
44388
|
-
var monthAsNumber = _ref3.monthAsNumber,
|
|
44389
|
-
year = _ref3.year,
|
|
44390
|
-
days = _ref3.days,
|
|
44391
|
-
dateObj = _ref3.dateObj;
|
|
44392
|
-
var _days = _slicedToArray(days, 1),
|
|
44393
|
-
firstDay = _days[0];
|
|
44394
|
-
var dates = [].concat(_toConsumableArray$1(getDatesOfLastWeekOfLastMonth({
|
|
44395
|
-
monthAsNumber: monthAsNumber,
|
|
44396
|
-
year: year,
|
|
44397
|
-
remainingDaysInFirstWeek: firstDay
|
|
44398
|
-
})), _toConsumableArray$1(dateObj), _toConsumableArray$1(getDatesOfFirstWeekOfNextMonth({
|
|
44399
|
-
monthAsNumber: monthAsNumber,
|
|
44400
|
-
year: year,
|
|
44401
|
-
remainingDaysInLastWeek: 7 - (days[days.length - 1] + 1)
|
|
44402
|
-
})));
|
|
44403
|
-
return dates;
|
|
44404
|
-
};
|
|
44405
|
-
var rangeSelection = function rangeSelection(_ref4) {
|
|
44406
|
-
var _MONTHS$date$getMonth, _selectedRange$unix, _selectedRange$dates, _selectedRange$unix3, _selectedRange$unix4, _selectedRange$unix5, _selectedRange$unix7;
|
|
44407
|
-
var selectedRange = _ref4.selectedRange,
|
|
44408
|
-
date = _ref4.date;
|
|
44409
|
-
var dateAsNumber = date === null || date === void 0 ? void 0 : date.getDate();
|
|
44410
|
-
var month = (_MONTHS$date$getMonth = MONTHS[date === null || date === void 0 ? void 0 : date.getMonth()]) === null || _MONTHS$date$getMonth === void 0 ? void 0 : _MONTHS$date$getMonth.substring(0, 3);
|
|
44411
|
-
var year = date === null || date === void 0 ? void 0 : date.getFullYear();
|
|
44412
|
-
if (((_selectedRange$unix = selectedRange.unix) === null || _selectedRange$unix === void 0 ? void 0 : _selectedRange$unix[0]) === getUnixTime(date)) {
|
|
44413
|
-
return {
|
|
44414
|
-
dates: [],
|
|
44415
|
-
unix: []
|
|
44416
|
-
};
|
|
44417
|
-
}
|
|
44418
|
-
if (((_selectedRange$dates = selectedRange.dates) === null || _selectedRange$dates === void 0 ? void 0 : _selectedRange$dates.length) < 2) {
|
|
44419
|
-
var _selectedRange$dates2, _selectedRange$unix2;
|
|
44420
|
-
if (((_selectedRange$dates2 = selectedRange.dates) === null || _selectedRange$dates2 === void 0 ? void 0 : _selectedRange$dates2.length) === 1 && isBefore(date, fromUnixTime((_selectedRange$unix2 = selectedRange.unix) === null || _selectedRange$unix2 === void 0 ? void 0 : _selectedRange$unix2[0]))) {
|
|
44421
|
-
return {
|
|
44422
|
-
dates: ["".concat(dateAsNumber, " ").concat(month, " ").concat(year)].concat(_toConsumableArray$1(selectedRange.dates)),
|
|
44423
|
-
unix: [getUnixTime(date)].concat(_toConsumableArray$1(selectedRange.unix))
|
|
44424
|
-
};
|
|
44425
|
-
}
|
|
44426
|
-
return {
|
|
44427
|
-
dates: [].concat(_toConsumableArray$1(selectedRange.dates), ["".concat(dateAsNumber, " ").concat(month, " ").concat(year)]),
|
|
44428
|
-
unix: [].concat(_toConsumableArray$1(selectedRange.unix), [getUnixTime(date)])
|
|
44429
|
-
};
|
|
44430
|
-
}
|
|
44431
|
-
if ((isBefore(date, fromUnixTime((_selectedRange$unix3 = selectedRange.unix) === null || _selectedRange$unix3 === void 0 ? void 0 : _selectedRange$unix3[1])) || isAfter(date, fromUnixTime((_selectedRange$unix4 = selectedRange.unix) === null || _selectedRange$unix4 === void 0 ? void 0 : _selectedRange$unix4[1]))) && isAfter(date, fromUnixTime((_selectedRange$unix5 = selectedRange.unix) === null || _selectedRange$unix5 === void 0 ? void 0 : _selectedRange$unix5[0]))) {
|
|
44432
|
-
var _selectedRange$dates3, _selectedRange$unix6;
|
|
44433
|
-
return {
|
|
44434
|
-
dates: [(_selectedRange$dates3 = selectedRange.dates) === null || _selectedRange$dates3 === void 0 ? void 0 : _selectedRange$dates3[0], "".concat(dateAsNumber, " ").concat(month, " ").concat(year)],
|
|
44435
|
-
unix: [(_selectedRange$unix6 = selectedRange.unix) === null || _selectedRange$unix6 === void 0 ? void 0 : _selectedRange$unix6[0], getUnixTime(date)]
|
|
44436
|
-
};
|
|
44437
|
-
}
|
|
44438
|
-
if (isBefore(date, fromUnixTime((_selectedRange$unix7 = selectedRange.unix) === null || _selectedRange$unix7 === void 0 ? void 0 : _selectedRange$unix7[0]))) {
|
|
44439
|
-
var _selectedRange$dates4, _selectedRange$unix8;
|
|
44440
|
-
return {
|
|
44441
|
-
dates: ["".concat(dateAsNumber, " ").concat(month, " ").concat(year), (_selectedRange$dates4 = selectedRange.dates) === null || _selectedRange$dates4 === void 0 ? void 0 : _selectedRange$dates4[1]],
|
|
44442
|
-
unix: [getUnixTime(date), (_selectedRange$unix8 = selectedRange.unix) === null || _selectedRange$unix8 === void 0 ? void 0 : _selectedRange$unix8[1]]
|
|
44443
|
-
};
|
|
44444
|
-
}
|
|
44445
|
-
return {
|
|
44446
|
-
dates: [],
|
|
44447
|
-
unix: []
|
|
44448
|
-
};
|
|
44449
|
-
};
|
|
44450
|
-
|
|
44451
|
-
var Dates = function Dates(props) {
|
|
44452
|
-
var selectedMonth = props.selectedMonth,
|
|
44453
|
-
selectedDate = props.selectedDate,
|
|
44454
|
-
setSelectedDate = props.setSelectedDate,
|
|
44455
|
-
range = props.range,
|
|
44456
|
-
selectedRange = props.selectedRange,
|
|
44457
|
-
setSelectedRange = props.setSelectedRange,
|
|
44458
|
-
disabledDates = props.disabledDates,
|
|
44459
|
-
disableDatesBefore = props.disableDatesBefore;
|
|
44460
|
-
var monthAsNumber = selectedMonth.monthAsNumber,
|
|
44461
|
-
year = selectedMonth.year;
|
|
44462
|
-
var _useState = React.useState(function () {
|
|
44463
|
-
return [];
|
|
44464
|
-
}),
|
|
44465
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
44466
|
-
datesToDisplay = _useState2[0],
|
|
44467
|
-
setDatesToDisplay = _useState2[1];
|
|
44468
|
-
var _useState3 = React.useState(function () {
|
|
44469
|
-
return null;
|
|
44470
|
-
}),
|
|
44471
|
-
_useState4 = _slicedToArray(_useState3, 2),
|
|
44472
|
-
unSelectedDate = _useState4[0],
|
|
44473
|
-
setUnSelectedDate = _useState4[1];
|
|
44474
|
-
var _useState5 = React.useState(function () {
|
|
44475
|
-
return null;
|
|
44476
|
-
}),
|
|
44477
|
-
_useState6 = _slicedToArray(_useState5, 2),
|
|
44478
|
-
hoveredEndingDate = _useState6[0],
|
|
44479
|
-
setHoveredEndingDate = _useState6[1];
|
|
44480
|
-
var _useState7 = React.useState(function () {
|
|
44481
|
-
return getDatesInAMonth({
|
|
44482
|
-
month: monthAsNumber,
|
|
44483
|
-
year: year
|
|
44484
|
-
});
|
|
44485
|
-
}),
|
|
44486
|
-
_useState8 = _slicedToArray(_useState7, 2),
|
|
44487
|
-
datesInMonth = _useState8[0],
|
|
44488
|
-
setDatesInMonth = _useState8[1];
|
|
44489
|
-
var days = datesInMonth.days,
|
|
44490
|
-
dateObj = datesInMonth.dateObj;
|
|
44491
|
-
React.useEffect(function () {
|
|
44492
|
-
setDatesInMonth(getDatesInAMonth({
|
|
44493
|
-
month: monthAsNumber,
|
|
44494
|
-
year: year
|
|
44495
|
-
}));
|
|
44496
|
-
setUnSelectedDate(null);
|
|
44497
|
-
}, [selectedMonth]);
|
|
44498
|
-
React.useEffect(function () {
|
|
44499
|
-
setDatesToDisplay(getDatesToDisplay({
|
|
44500
|
-
monthAsNumber: monthAsNumber,
|
|
44501
|
-
year: year,
|
|
44502
|
-
days: days,
|
|
44503
|
-
dateObj: dateObj
|
|
44504
|
-
}));
|
|
44505
|
-
}, [days]);
|
|
44506
|
-
var dateSelection = function dateSelection(date) {
|
|
44507
|
-
if (range) {
|
|
44508
|
-
setHoveredEndingDate(null);
|
|
44509
|
-
setSelectedRange(rangeSelection({
|
|
44510
|
-
selectedMonth: selectedMonth,
|
|
44511
|
-
selectedRange: selectedRange,
|
|
44512
|
-
date: date
|
|
44513
|
-
}));
|
|
44514
|
-
return;
|
|
44515
|
-
}
|
|
44516
|
-
var dateAsNumber = date.getDate();
|
|
44517
|
-
if (selectedDate.date === dateAsNumber) {
|
|
44518
|
-
setSelectedDate({});
|
|
44519
|
-
setUnSelectedDate(date.toISOString());
|
|
44520
|
-
return;
|
|
44521
|
-
}
|
|
44522
|
-
setUnSelectedDate(null);
|
|
44523
|
-
setSelectedDate(_objectSpread2(_objectSpread2({}, selectedDate), {}, {
|
|
44524
|
-
month: selectedMonth.month,
|
|
44525
|
-
year: selectedMonth.year,
|
|
44526
|
-
date: dateAsNumber,
|
|
44527
|
-
unix: getUnixTime(date.setHours(23, 59, 59, 59))
|
|
44528
|
-
}));
|
|
44529
|
-
};
|
|
44530
|
-
var onMouseEnterADate = function onMouseEnterADate(date) {
|
|
44531
|
-
var _selectedRange$unix;
|
|
44532
|
-
if (range && ((_selectedRange$unix = selectedRange.unix) === null || _selectedRange$unix === void 0 ? void 0 : _selectedRange$unix.length) === 1) {
|
|
44533
|
-
setHoveredEndingDate(getUnixTime(date));
|
|
44534
|
-
}
|
|
44535
|
-
};
|
|
44536
|
-
var disabledBeforeDate = function disabledBeforeDate(date) {
|
|
44537
|
-
return (disableDatesBefore === null || disableDatesBefore === void 0 ? void 0 : disableDatesBefore.length) > 0 && isBefore(date, fromUnixTime(disableDatesBefore));
|
|
44538
|
-
};
|
|
44539
|
-
var disabledAfterDate = function disabledAfterDate(date) {
|
|
44540
|
-
var dObj = new Date();
|
|
44541
|
-
dObj.setDate(dObj.getDate() + 1);
|
|
44542
|
-
dObj.setHours(0, 0, 0, 0);
|
|
44543
|
-
return isAfter(date, dObj);
|
|
44544
|
-
};
|
|
44545
|
-
return /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
44546
|
-
className: modules_b02dadcc.dates,
|
|
44547
|
-
children: datesToDisplay.map(function (date) {
|
|
44548
|
-
var _selectedRange$unix2;
|
|
44549
|
-
var dateNumber = date === null || date === void 0 ? void 0 : date.getDate();
|
|
44550
|
-
var selectedSingleDate = isSameDay(fromUnixTime(selectedDate.unix), date);
|
|
44551
|
-
var _ref = (_selectedRange$unix2 = selectedRange.unix) !== null && _selectedRange$unix2 !== void 0 ? _selectedRange$unix2 : [],
|
|
44552
|
-
_ref2 = _slicedToArray(_ref, 2),
|
|
44553
|
-
firstItem = _ref2[0],
|
|
44554
|
-
lastItem = _ref2[1];
|
|
44555
|
-
var isFirstItem = isSameDay(fromUnixTime(firstItem), date);
|
|
44556
|
-
var isLastItem = isSameDay(fromUnixTime(lastItem), date);
|
|
44557
|
-
var isLastItemHovered = hoveredEndingDate === getUnixTime(date);
|
|
44558
|
-
var isFirstItemHovered = isBefore(date, fromUnixTime(firstItem)) && hoveredEndingDate === getUnixTime(date);
|
|
44559
|
-
var notSameMonth = date.getMonth() !== monthAsNumber;
|
|
44560
|
-
var isUnSelected = unSelectedDate === date.toISOString();
|
|
44561
|
-
var disabled = disabledDates.includes(date.toDateString()) || disabledBeforeDate(date) || disabledAfterDate(date);
|
|
44562
|
-
var isDisabled = disabled;
|
|
44563
|
-
var isHoveringBeforeSelectedDate = isBefore(fromUnixTime(hoveredEndingDate), fromUnixTime(firstItem));
|
|
44564
|
-
var isMidItem;
|
|
44565
|
-
if (hoveredEndingDate) {
|
|
44566
|
-
isMidItem = isBefore(date, fromUnixTime(hoveredEndingDate)) && isAfter(date, fromUnixTime(firstItem)) || isAfter(date, fromUnixTime(hoveredEndingDate)) && isBefore(date, fromUnixTime(firstItem));
|
|
44567
|
-
} else {
|
|
44568
|
-
isMidItem = isBefore(date, fromUnixTime(lastItem).setHours(0, 0, 0, 0)) && isAfter(date, fromUnixTime(firstItem).setHours(23, 59, 59, 59));
|
|
44569
|
-
}
|
|
44570
|
-
var parentClassNames = classes(isMidItem ? selectedSingleDate ? modules_b02dadcc.midInRangeSelected : modules_b02dadcc.midInRange : '', isFirstItem ? isHoveringBeforeSelectedDate ? modules_b02dadcc.maxInRange : modules_b02dadcc.minInRange : '', isLastItem ? modules_b02dadcc.maxInRange : '', isLastItemHovered ? modules_b02dadcc['first-hovered'] : '', isFirstItemHovered ? modules_b02dadcc['last-hovered'] : '');
|
|
44571
|
-
var childClassNames = classes(date ? modules_b02dadcc.date : '', selectedSingleDate ? modules_b02dadcc.selected : '', isUnSelected ? modules_b02dadcc.unSelected : '', notSameMonth ? modules_b02dadcc.diffMonth : '', isDisabled ? modules_b02dadcc.disabled : '');
|
|
44572
|
-
return /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
44573
|
-
className: parentClassNames,
|
|
44574
|
-
onClick: function onClick() {
|
|
44575
|
-
if (!isDisabled) {
|
|
44576
|
-
dateSelection(date);
|
|
44577
|
-
}
|
|
44578
|
-
},
|
|
44579
|
-
onMouseEnter: function onMouseEnter() {
|
|
44580
|
-
onMouseEnterADate(date);
|
|
44581
|
-
},
|
|
44582
|
-
children: /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
44583
|
-
className: childClassNames,
|
|
44584
|
-
children: dateNumber
|
|
44585
|
-
})
|
|
44586
|
-
}, date.toDateString());
|
|
44587
|
-
})
|
|
44588
|
-
});
|
|
44589
|
-
};
|
|
44590
|
-
|
|
44591
|
-
var css$Q = ".Days_module_days__0d7923fd {\n display: grid;\n grid-template-columns: repeat(7, 1fr);\n text-align: center;\n}\n.Days_module_days__0d7923fd span {\n padding: 0.75rem 0.5rem;\n font-weight: 500;\n font-size: 0.875rem;\n color: black;\n flex-basis: 14.28%;\n}";
|
|
44592
|
-
var modules_82c45006 = {"days":"Days_module_days__0d7923fd"};
|
|
44593
|
-
n(css$Q,{});
|
|
44594
|
-
|
|
44595
|
-
var Days = function Days() {
|
|
44596
|
-
var daysInWeek = DAYS;
|
|
44597
|
-
return /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
44598
|
-
className: modules_82c45006.days,
|
|
44599
|
-
children: daysInWeek.map(function (day) {
|
|
44600
|
-
return /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
44601
|
-
children: day
|
|
44602
|
-
}, day);
|
|
44603
|
-
})
|
|
44604
|
-
});
|
|
44605
|
-
};
|
|
44606
|
-
|
|
44607
|
-
var Body = function Body(props) {
|
|
44608
|
-
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
44609
|
-
className: modules_e6b80d99.root,
|
|
44610
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(Days, {}), /*#__PURE__*/jsxRuntime.jsx(Dates, _objectSpread2({}, props))]
|
|
44611
|
-
});
|
|
44612
|
-
};
|
|
44613
|
-
|
|
44614
|
-
var css$P = ".TextField_module_root__9cc1db47 {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n gap: 0.5rem;\n}\n.TextField_module_root__9cc1db47 label {\n width: 100%;\n max-width: 100%;\n font-weight: 400;\n font-size: 0.75rem;\n line-height: 1.125rem;\n letter-spacing: 0.32px;\n color: var(--grey);\n height: 100%;\n}\n.TextField_module_root__9cc1db47 label .TextField_module_inputWrapper__9cc1db47 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n gap: 0.5rem;\n padding: 0rem 0.5rem;\n max-width: 100%;\n width: 100%;\n border-color: var(--grey4);\n border-style: solid;\n border-radius: 0.25rem;\n height: 100%;\n}\n.TextField_module_root__9cc1db47 label .TextField_module_inputWrapper__9cc1db47 .TextField_module_icon__9cc1db47 {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.TextField_module_root__9cc1db47 label .TextField_module_inputWrapper__9cc1db47 > [data-elem*=component] {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.TextField_module_root__9cc1db47 label .TextField_module_inputWrapper__9cc1db47 > [data-elem=component2] {\n flex: 1;\n}\n.TextField_module_root__9cc1db47 label .TextField_module_inputWrapper__9cc1db47 > [data-elem=component2] .TextField_module_input__9cc1db47 {\n -moz-appearance: textfield;\n flex: 1;\n background-color: transparent;\n border: none;\n font-weight: 400;\n font-size: 0.875rem;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n color: var(--black);\n width: 100%;\n}\n.TextField_module_root__9cc1db47 label .TextField_module_inputWrapper__9cc1db47 > [data-elem=component2] .TextField_module_input__9cc1db47::-webkit-outer-spin-button, .TextField_module_root__9cc1db47 label .TextField_module_inputWrapper__9cc1db47 > [data-elem=component2] .TextField_module_input__9cc1db47::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n}\n.TextField_module_root__9cc1db47 label .TextField_module_inputWrapper__9cc1db47 > [data-elem=component2] .TextField_module_input__9cc1db47:focus {\n outline: none;\n}\n.TextField_module_root__9cc1db47 label .TextField_module_inputWrapper__9cc1db47 > [data-elem=component2] .TextField_module_input__9cc1db47:disabled {\n background: var(--grey9);\n color: var(--grey3);\n}\n.TextField_module_root__9cc1db47 label .TextField_module_inputWrapper__9cc1db47 > [data-elem=component2] .TextField_module_input__9cc1db47.TextField_module_sm__9cc1db47 {\n padding: 0.5rem 0rem;\n}\n.TextField_module_root__9cc1db47 label .TextField_module_inputWrapper__9cc1db47 > [data-elem=component2] .TextField_module_input__9cc1db47.TextField_module_md__9cc1db47 {\n padding: 0.688rem 0rem;\n}\n.TextField_module_root__9cc1db47 label .TextField_module_inputWrapper__9cc1db47 > [data-elem=component2] .TextField_module_input__9cc1db47.TextField_module_lg__9cc1db47 {\n padding: 1rem 0rem;\n}\n.TextField_module_root__9cc1db47 label .TextField_module_inputWrapper__9cc1db47.TextField_module_typeTextarea__9cc1db47 {\n padding: 0;\n}\n.TextField_module_root__9cc1db47 label .TextField_module_inputWrapper__9cc1db47.TextField_module_typeTextarea__9cc1db47 > [data-elem=component2] .TextField_module_input__9cc1db47 {\n resize: vertical;\n}\n.TextField_module_root__9cc1db47 label .TextField_module_inputWrapper__9cc1db47.TextField_module_typeTextarea__9cc1db47 > [data-elem=component2] .TextField_module_input__9cc1db47.TextField_module_md__9cc1db47 {\n padding: 0.313rem 0.75rem;\n}\n.TextField_module_root__9cc1db47 label .TextField_module_inputWrapper__9cc1db47.TextField_module_typeTextarea__9cc1db47 > [data-elem=component2] .TextField_module_input__9cc1db47.TextField_module_lg__9cc1db47 {\n padding: 0.5rem 1rem;\n font-size: 1rem;\n}\n.TextField_module_root__9cc1db47 label .TextField_module_inputWrapper__9cc1db47:focus-within {\n border: 0.063rem solid var(--info);\n}\n.TextField_module_root__9cc1db47 label .TextField_module_inputWrapper__9cc1db47:focus-within.TextField_module_feedbackError__9cc1db47 {\n border-color: var(--error);\n}\n.TextField_module_root__9cc1db47 label .TextField_module_inputWrapper__9cc1db47.TextField_module_borderDefault__9cc1db47 {\n border-width: 0.063rem;\n}\n.TextField_module_root__9cc1db47 label .TextField_module_inputWrapper__9cc1db47.TextField_module_borderBottom__9cc1db47 {\n border-width: 0rem 0rem 0.063rem 0rem;\n}\n.TextField_module_root__9cc1db47 label .TextField_module_inputWrapper__9cc1db47.TextField_module_borderNone__9cc1db47 {\n border-width: 0rem;\n}\n.TextField_module_root__9cc1db47 .TextField_module_bottom__9cc1db47 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: flex-start;\n min-height: 2rem;\n width: 100%;\n gap: 1rem;\n color: var(--grey3);\n font-size: 0.75rem;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.TextField_module_root__9cc1db47 .TextField_module_bottom__9cc1db47 .TextField_module_feedback__9cc1db47 {\n flex: 1;\n margin-right: auto;\n}\n.TextField_module_root__9cc1db47 .TextField_module_bottom__9cc1db47 .TextField_module_feedback__9cc1db47.TextField_module_feedbackError__9cc1db47 {\n color: var(--error);\n fill: var(--error);\n}\n.TextField_module_root__9cc1db47 .TextField_module_bottom__9cc1db47 .TextField_module_feedback__9cc1db47.TextField_module_feedbackSuccess__9cc1db47 {\n color: var(--success);\n fill: var(--success);\n}\n.TextField_module_root__9cc1db47 .TextField_module_bottom__9cc1db47 .TextField_module_count__9cc1db47 {\n text-align: right;\n margin-left: auto;\n}\n.TextField_module_root__9cc1db47 .TextField_module_bottom__9cc1db47 .TextField_module_count__9cc1db47.TextField_module_exceeded__9cc1db47 {\n color: var(--error);\n}";
|
|
44615
|
-
var modules_c1d23762 = {"root":"TextField_module_root__9cc1db47","input-wrapper":"TextField_module_inputWrapper__9cc1db47","icon":"TextField_module_icon__9cc1db47","input":"TextField_module_input__9cc1db47","sm":"TextField_module_sm__9cc1db47","md":"TextField_module_md__9cc1db47","lg":"TextField_module_lg__9cc1db47","type-textarea":"TextField_module_typeTextarea__9cc1db47","feedback-error":"TextField_module_feedbackError__9cc1db47","border-default":"TextField_module_borderDefault__9cc1db47","border-bottom":"TextField_module_borderBottom__9cc1db47","border-none":"TextField_module_borderNone__9cc1db47","bottom":"TextField_module_bottom__9cc1db47","feedback":"TextField_module_feedback__9cc1db47","feedback-success":"TextField_module_feedbackSuccess__9cc1db47","count":"TextField_module_count__9cc1db47","exceeded":"TextField_module_exceeded__9cc1db47"};
|
|
44616
|
-
n(css$P,{});
|
|
44453
|
+
var css$W = ".TextField_module_root__241fb981 {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n gap: 0.5rem;\n}\n.TextField_module_root__241fb981 label {\n width: 100%;\n max-width: 100%;\n font-weight: 400;\n font-size: 0.75rem;\n line-height: 1.125rem;\n letter-spacing: 0.32px;\n color: var(--grey);\n height: 100%;\n}\n.TextField_module_root__241fb981 label .TextField_module_inputWrapper__241fb981 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n gap: 0.5rem;\n padding: 0rem 0.5rem;\n max-width: 100%;\n width: 100%;\n border-color: var(--grey4);\n border-style: solid;\n border-radius: 0.25rem;\n height: 100%;\n}\n.TextField_module_root__241fb981 label .TextField_module_inputWrapper__241fb981 .TextField_module_icon__241fb981 {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.TextField_module_root__241fb981 label .TextField_module_inputWrapper__241fb981 > [data-elem*=component] {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.TextField_module_root__241fb981 label .TextField_module_inputWrapper__241fb981 > [data-elem=component2] {\n flex: 1;\n}\n.TextField_module_root__241fb981 label .TextField_module_inputWrapper__241fb981 > [data-elem=component2] .TextField_module_input__241fb981 {\n -moz-appearance: textfield;\n flex: 1;\n background-color: transparent;\n border: none;\n font-weight: 400;\n font-size: 0.875rem;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n color: var(--black);\n width: 100%;\n}\n.TextField_module_root__241fb981 label .TextField_module_inputWrapper__241fb981 > [data-elem=component2] .TextField_module_input__241fb981::-webkit-outer-spin-button, .TextField_module_root__241fb981 label .TextField_module_inputWrapper__241fb981 > [data-elem=component2] .TextField_module_input__241fb981::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n}\n.TextField_module_root__241fb981 label .TextField_module_inputWrapper__241fb981 > [data-elem=component2] .TextField_module_input__241fb981:focus {\n outline: none;\n}\n.TextField_module_root__241fb981 label .TextField_module_inputWrapper__241fb981 > [data-elem=component2] .TextField_module_input__241fb981:disabled {\n background: var(--grey9);\n color: var(--grey3);\n}\n.TextField_module_root__241fb981 label .TextField_module_inputWrapper__241fb981 > [data-elem=component2] .TextField_module_input__241fb981.TextField_module_sm__241fb981 {\n padding: 0.5rem 0rem;\n}\n.TextField_module_root__241fb981 label .TextField_module_inputWrapper__241fb981 > [data-elem=component2] .TextField_module_input__241fb981.TextField_module_md__241fb981 {\n padding: 0.688rem 0rem;\n}\n.TextField_module_root__241fb981 label .TextField_module_inputWrapper__241fb981 > [data-elem=component2] .TextField_module_input__241fb981.TextField_module_lg__241fb981 {\n padding: 1rem 0rem;\n}\n.TextField_module_root__241fb981 label .TextField_module_inputWrapper__241fb981.TextField_module_typeTextarea__241fb981 {\n padding: 0;\n}\n.TextField_module_root__241fb981 label .TextField_module_inputWrapper__241fb981.TextField_module_typeTextarea__241fb981 > [data-elem=component2] .TextField_module_input__241fb981 {\n resize: vertical;\n}\n.TextField_module_root__241fb981 label .TextField_module_inputWrapper__241fb981.TextField_module_typeTextarea__241fb981 > [data-elem=component2] .TextField_module_input__241fb981.TextField_module_md__241fb981 {\n padding: 0.313rem 0.75rem;\n}\n.TextField_module_root__241fb981 label .TextField_module_inputWrapper__241fb981.TextField_module_typeTextarea__241fb981 > [data-elem=component2] .TextField_module_input__241fb981.TextField_module_lg__241fb981 {\n padding: 0.5rem 1rem;\n font-size: 1rem;\n}\n.TextField_module_root__241fb981 label .TextField_module_inputWrapper__241fb981:focus-within {\n border: 0.063rem solid var(--info);\n}\n.TextField_module_root__241fb981 label .TextField_module_inputWrapper__241fb981:focus-within.TextField_module_feedbackError__241fb981 {\n border-color: var(--error);\n}\n.TextField_module_root__241fb981 label .TextField_module_inputWrapper__241fb981.TextField_module_borderDefault__241fb981 {\n border-width: 0.063rem;\n}\n.TextField_module_root__241fb981 label .TextField_module_inputWrapper__241fb981.TextField_module_borderBottom__241fb981 {\n border-width: 0rem 0rem 0.063rem 0rem;\n}\n.TextField_module_root__241fb981 label .TextField_module_inputWrapper__241fb981.TextField_module_borderNone__241fb981 {\n border-width: 0rem;\n}\n.TextField_module_root__241fb981 .TextField_module_bottom__241fb981 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: flex-start;\n min-height: 2rem;\n width: 100%;\n gap: 1rem;\n color: var(--grey3);\n font-size: 0.75rem;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n}\n.TextField_module_root__241fb981 .TextField_module_bottom__241fb981 .TextField_module_feedback__241fb981 {\n flex: 1;\n margin-right: auto;\n}\n.TextField_module_root__241fb981 .TextField_module_bottom__241fb981 .TextField_module_feedback__241fb981.TextField_module_feedbackError__241fb981 {\n color: var(--error);\n fill: var(--error);\n}\n.TextField_module_root__241fb981 .TextField_module_bottom__241fb981 .TextField_module_feedback__241fb981.TextField_module_feedbackSuccess__241fb981 {\n color: var(--success);\n fill: var(--success);\n}\n.TextField_module_root__241fb981 .TextField_module_bottom__241fb981 .TextField_module_count__241fb981 {\n text-align: right;\n margin-left: auto;\n}\n.TextField_module_root__241fb981 .TextField_module_bottom__241fb981 .TextField_module_count__241fb981.TextField_module_exceeded__241fb981 {\n color: var(--error);\n}";
|
|
44454
|
+
var modules_c1d23762 = {"root":"TextField_module_root__241fb981","input-wrapper":"TextField_module_inputWrapper__241fb981","icon":"TextField_module_icon__241fb981","input":"TextField_module_input__241fb981","sm":"TextField_module_sm__241fb981","md":"TextField_module_md__241fb981","lg":"TextField_module_lg__241fb981","type-textarea":"TextField_module_typeTextarea__241fb981","feedback-error":"TextField_module_feedbackError__241fb981","border-default":"TextField_module_borderDefault__241fb981","border-bottom":"TextField_module_borderBottom__241fb981","border-none":"TextField_module_borderNone__241fb981","bottom":"TextField_module_bottom__241fb981","feedback":"TextField_module_feedback__241fb981","feedback-success":"TextField_module_feedbackSuccess__241fb981","count":"TextField_module_count__241fb981","exceeded":"TextField_module_exceeded__241fb981"};
|
|
44455
|
+
n(css$W,{});
|
|
44617
44456
|
|
|
44618
44457
|
var TextField = /*#__PURE__*/React.forwardRef(function TextField(props, inputRef) {
|
|
44619
44458
|
var _inputValue$length;
|
|
@@ -44746,9 +44585,9 @@ TextField.defaultProps = {
|
|
|
44746
44585
|
onKeyDown: function onKeyDown() {}
|
|
44747
44586
|
};
|
|
44748
44587
|
|
|
44749
|
-
var css$
|
|
44588
|
+
var css$V = ".CheckBox_module_root__82d23531 {\n cursor: pointer;\n gap: 10px;\n}\n.CheckBox_module_root__82d23531.CheckBox_module_positionLeft__82d23531 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n}\n.CheckBox_module_root__82d23531.CheckBox_module_positionRight__82d23531 {\n display: flex;\n flex-direction: row-reverse;\n justify-content: flex-end;\n align-items: center;\n}\n.CheckBox_module_root__82d23531 input[type=checkbox] {\n opacity: 0;\n z-index: 1;\n position: absolute;\n width: 1px;\n height: 1px;\n}\n.CheckBox_module_root__82d23531.CheckBox_module_disabled__82d23531 {\n cursor: default;\n}\n.CheckBox_module_root__82d23531 .CheckBox_module_icon__82d23531 {\n display: inline-block;\n border-radius: 0.375rem;\n}\n.CheckBox_module_root__82d23531 .CheckBox_module_icon__82d23531.CheckBox_module_iconSm__82d23531 {\n width: 1rem;\n height: 1rem;\n}\n.CheckBox_module_root__82d23531 .CheckBox_module_icon__82d23531.CheckBox_module_iconMd__82d23531 {\n width: 1.25rem;\n height: 1.25rem;\n}\n.CheckBox_module_root__82d23531 .CheckBox_module_icon__82d23531.CheckBox_module_iconLg__82d23531 {\n width: 1.5rem;\n height: 1.5rem;\n}\n.CheckBox_module_root__82d23531 input:focus + .CheckBox_module_icon__82d23531 {\n box-shadow: 0px 0px 0px 8px rgba(15, 98, 254, 0.125);\n}\n.CheckBox_module_root__82d23531 [data-elem=label] {\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n}";
|
|
44750
44589
|
var modules_066398a2 = {"root":"CheckBox_module_root__82d23531","position-left":"CheckBox_module_positionLeft__82d23531","position-right":"CheckBox_module_positionRight__82d23531","disabled":"CheckBox_module_disabled__82d23531","icon":"CheckBox_module_icon__82d23531","icon-sm":"CheckBox_module_iconSm__82d23531","icon-md":"CheckBox_module_iconMd__82d23531","icon-lg":"CheckBox_module_iconLg__82d23531"};
|
|
44751
|
-
n(css$
|
|
44590
|
+
n(css$V,{});
|
|
44752
44591
|
|
|
44753
44592
|
var Checkbox = function Checkbox(props) {
|
|
44754
44593
|
// eslint-disable-next-line object-curly-newline
|
|
@@ -44819,9 +44658,9 @@ Checkbox.defaultProps = {
|
|
|
44819
44658
|
onChange: function onChange() {}
|
|
44820
44659
|
};
|
|
44821
44660
|
|
|
44822
|
-
var css$
|
|
44661
|
+
var css$U = ".Radio_module_root__0f04dc19 {\n cursor: pointer;\n gap: 10px;\n}\n.Radio_module_root__0f04dc19.Radio_module_positionLeft__0f04dc19 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n}\n.Radio_module_root__0f04dc19.Radio_module_positionRight__0f04dc19 {\n display: flex;\n flex-direction: row-reverse;\n justify-content: flex-end;\n align-items: center;\n}\n.Radio_module_root__0f04dc19.Radio_module_disabled__0f04dc19 {\n cursor: default;\n}\n.Radio_module_root__0f04dc19 input[type=radio] {\n opacity: 0;\n z-index: 1;\n position: absolute;\n width: 1px;\n height: 1px;\n}\n.Radio_module_root__0f04dc19 .Radio_module_icon__0f04dc19 {\n display: inline-block;\n border-radius: 50%;\n}\n.Radio_module_root__0f04dc19 .Radio_module_icon__0f04dc19.Radio_module_iconSm__0f04dc19 {\n width: 1rem;\n height: 1rem;\n}\n.Radio_module_root__0f04dc19 .Radio_module_icon__0f04dc19.Radio_module_iconMd__0f04dc19 {\n width: 1.25rem;\n height: 1.25rem;\n}\n.Radio_module_root__0f04dc19 .Radio_module_icon__0f04dc19.Radio_module_iconLg__0f04dc19 {\n width: 1.5rem;\n height: 2rem;\n}\n.Radio_module_root__0f04dc19 input:focus + .Radio_module_icon__0f04dc19 {\n box-shadow: 0px 0px 0px 8px rgba(15, 98, 254, 0.125);\n}\n.Radio_module_root__0f04dc19 [data-elem=label] {\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n}";
|
|
44823
44662
|
var modules_3705961f = {"root":"Radio_module_root__0f04dc19","position-left":"Radio_module_positionLeft__0f04dc19","position-right":"Radio_module_positionRight__0f04dc19","disabled":"Radio_module_disabled__0f04dc19","icon":"Radio_module_icon__0f04dc19","icon-sm":"Radio_module_iconSm__0f04dc19","icon-md":"Radio_module_iconMd__0f04dc19","icon-lg":"Radio_module_iconLg__0f04dc19"};
|
|
44824
|
-
n(css$
|
|
44663
|
+
n(css$U,{});
|
|
44825
44664
|
|
|
44826
44665
|
var Radio = function Radio(props) {
|
|
44827
44666
|
// eslint-disable-next-line object-curly-newline
|
|
@@ -44889,9 +44728,9 @@ Radio.defaultProps = {
|
|
|
44889
44728
|
onChange: function onChange() {}
|
|
44890
44729
|
};
|
|
44891
44730
|
|
|
44892
|
-
var css$
|
|
44893
|
-
var modules_1b90f5ea = {"root":"
|
|
44894
|
-
n(css$
|
|
44731
|
+
var css$T = ".Dropdown_module_root__067cba10 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 0.5rem;\n position: relative;\n width: -moz-fit-content;\n width: fit-content;\n max-width: 100%;\n}\n.Dropdown_module_root__067cba10 .Dropdown_module_label__067cba10 {\n font-size: 0.75rem;\n color: var(--grey);\n width: auto;\n}\n.Dropdown_module_root__067cba10 .Dropdown_module_header__067cba10 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n max-width: 100%;\n position: relative;\n}\n.Dropdown_module_root__067cba10 .Dropdown_module_header__067cba10 .Dropdown_module_input__067cba10 {\n position: absolute;\n opacity: 0;\n width: 1px;\n height: 1px;\n}\n.Dropdown_module_root__067cba10 .Dropdown_module_header__067cba10 .Dropdown_module_input__067cba10:focus + .Dropdown_module_select__067cba10 {\n border-color: var(--highlight);\n}\n.Dropdown_module_root__067cba10 .Dropdown_module_header__067cba10 .Dropdown_module_input__067cba10:focus + .Dropdown_module_select__067cba10.Dropdown_module_feedbackError__067cba10 {\n border-color: var(--error);\n}\n.Dropdown_module_root__067cba10 .Dropdown_module_header__067cba10 .Dropdown_module_select__067cba10 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n width: 25rem;\n max-width: 100%;\n gap: 0.5rem;\n background: var(--white);\n outline: none;\n border: 1px solid var(--grey5);\n border-radius: 0.25rem;\n padding: 0.75rem 0.75rem 0.75rem 1rem;\n cursor: pointer;\n}\n.Dropdown_module_root__067cba10 .Dropdown_module_header__067cba10 .Dropdown_module_select__067cba10 .Dropdown_module_placeholder__067cba10 {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n color: var(--black);\n}\n.Dropdown_module_root__067cba10 .Dropdown_module_header__067cba10 .Dropdown_module_select__067cba10 .Dropdown_module_icon__067cba10 {\n width: 1.5rem;\n height: 1.5rem;\n}\n.Dropdown_module_root__067cba10 .Dropdown_module_header__067cba10 .Dropdown_module_select__067cba10.Dropdown_module_feedbackError__067cba10 {\n border-color: var(--error);\n}\n.Dropdown_module_root__067cba10.Dropdown_module_open__067cba10 .Dropdown_module_header__067cba10 {\n border-color: var(--highlight);\n}\n.Dropdown_module_root__067cba10.Dropdown_module_disabled__067cba10 .Dropdown_module_select__067cba10 {\n background: var(--grey10);\n cursor: not-allowed;\n}\n.Dropdown_module_root__067cba10 .Dropdown_module_bottom__067cba10 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: flex-start;\n min-height: 2rem;\n width: 100%;\n gap: 1rem;\n color: var(--grey3);\n font-size: 0.75rem;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n}\n.Dropdown_module_root__067cba10 .Dropdown_module_bottom__067cba10 .Dropdown_module_feedback__067cba10 {\n flex: 1;\n margin-right: auto;\n}\n.Dropdown_module_root__067cba10 .Dropdown_module_bottom__067cba10 .Dropdown_module_feedback__067cba10.Dropdown_module_feedbackError__067cba10 {\n color: var(--error);\n fill: var(--error);\n}\n.Dropdown_module_root__067cba10 .Dropdown_module_bottom__067cba10 .Dropdown_module_feedback__067cba10.Dropdown_module_feedbackSuccess__067cba10 {\n color: var(--success);\n fill: var(--success);\n}\n.Dropdown_module_root__067cba10 .Dropdown_module_bottom__067cba10 .Dropdown_module_count__067cba10 {\n text-align: right;\n margin-left: auto;\n}\n.Dropdown_module_root__067cba10 .Dropdown_module_bottom__067cba10 .Dropdown_module_count__067cba10.Dropdown_module_exceeded__067cba10 {\n color: var(--error);\n}\n\n.Dropdown_module_body__067cba10 {\n display: none;\n position: absolute;\n top: calc(100% + 0.5rem);\n background: var(--white);\n width: auto;\n border: 0.063rem solid var(--grey5);\n box-shadow: 0rem 0.5rem 1.25rem rgba(24, 24, 24, 0.08);\n border-radius: 0.25rem;\n padding: 1rem;\n overflow-y: auto;\n min-height: 4rem;\n outline: none;\n}\n.Dropdown_module_body__067cba10 .Dropdown_module_multiOptions__067cba10 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 0.5rem;\n list-style: none;\n}\n.Dropdown_module_body__067cba10 .Dropdown_module_multiApply__067cba10 {\n margin-top: 0.5rem;\n}\n.Dropdown_module_body__067cba10.Dropdown_module_open__067cba10 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n}";
|
|
44732
|
+
var modules_1b90f5ea = {"root":"Dropdown_module_root__067cba10","label":"Dropdown_module_label__067cba10","header":"Dropdown_module_header__067cba10","input":"Dropdown_module_input__067cba10","select":"Dropdown_module_select__067cba10","feedback-error":"Dropdown_module_feedbackError__067cba10","placeholder":"Dropdown_module_placeholder__067cba10","icon":"Dropdown_module_icon__067cba10","open":"Dropdown_module_open__067cba10","disabled":"Dropdown_module_disabled__067cba10","bottom":"Dropdown_module_bottom__067cba10","feedback":"Dropdown_module_feedback__067cba10","feedback-success":"Dropdown_module_feedbackSuccess__067cba10","count":"Dropdown_module_count__067cba10","exceeded":"Dropdown_module_exceeded__067cba10","body":"Dropdown_module_body__067cba10","multi-options":"Dropdown_module_multiOptions__067cba10","multi-apply":"Dropdown_module_multiApply__067cba10"};
|
|
44733
|
+
n(css$T,{});
|
|
44895
44734
|
|
|
44896
44735
|
var Dropdown = /*#__PURE__*/React.forwardRef(function Dropdown(props, inputRef) {
|
|
44897
44736
|
var _selectedOptions$map, _ref2, _selectedOptions$;
|
|
@@ -45292,9 +45131,9 @@ Dropdown.defaultProps = {
|
|
|
45292
45131
|
}
|
|
45293
45132
|
};
|
|
45294
45133
|
|
|
45295
|
-
var css$
|
|
45134
|
+
var css$S = ".DropdownItem_module_root__61492174 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n gap: 0.75rem;\n width: 100%;\n padding: 0.75rem 1rem;\n border-radius: 0.25rem;\n cursor: pointer;\n color: var(--grey);\n outline: none;\n}\n.DropdownItem_module_root__61492174 > .DropdownItem_module_input__61492174 {\n cursor: pointer;\n}\n.DropdownItem_module_root__61492174:focus {\n background: var(--grey6);\n}\n.DropdownItem_module_root__61492174.DropdownItem_module_selected__61492174 {\n background: var(--info-bg);\n}";
|
|
45296
45135
|
var modules_bf949acd = {"root":"DropdownItem_module_root__61492174","input":"DropdownItem_module_input__61492174","selected":"DropdownItem_module_selected__61492174"};
|
|
45297
|
-
n(css$
|
|
45136
|
+
n(css$S,{});
|
|
45298
45137
|
|
|
45299
45138
|
var DropdownItem = /*#__PURE__*/React.forwardRef(function DropdownItem(props, ref) {
|
|
45300
45139
|
// eslint-disable-next-line object-curly-newline
|
|
@@ -45361,9 +45200,9 @@ DropdownItem.defaultProps = {
|
|
|
45361
45200
|
selected: false
|
|
45362
45201
|
};
|
|
45363
45202
|
|
|
45364
|
-
var css$
|
|
45203
|
+
var css$R = ".Switch_module_root__c9616649 {\n cursor: pointer;\n gap: 0.625rem;\n position: relative;\n height: 1.5rem;\n}\n.Switch_module_root__c9616649.Switch_module_disabled__c9616649 {\n cursor: default;\n}\n.Switch_module_root__c9616649.Switch_module_positionLeft__c9616649 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n}\n.Switch_module_root__c9616649.Switch_module_positionRight__c9616649 {\n display: flex;\n flex-direction: row-reverse;\n justify-content: flex-end;\n align-items: center;\n}\n.Switch_module_root__c9616649 input[type=checkbox] {\n opacity: 0;\n z-index: 1;\n position: absolute;\n width: 1px;\n height: 1px;\n}\n.Switch_module_root__c9616649 .Switch_module_pill__c9616649 {\n position: relative;\n width: 3rem;\n height: 100%;\n cursor: pointer;\n background-color: var(--grey5);\n transition: 0.4s;\n border-radius: 0.75rem;\n}\n.Switch_module_root__c9616649 .Switch_module_pill__c9616649:before {\n position: absolute;\n content: \"\";\n height: 1.25rem;\n width: 1.25rem;\n left: 0.125rem;\n bottom: 0.125rem;\n background-color: white;\n transition: 0.4s;\n border-radius: 50%;\n}\n.Switch_module_root__c9616649 input:checked + .Switch_module_pill__c9616649 {\n background-color: var(--highlight);\n}\n.Switch_module_root__c9616649 input:checked + .Switch_module_pill__c9616649:before {\n transform: translateX(1.5rem);\n}\n.Switch_module_root__c9616649 input:focus + .Switch_module_pill__c9616649::before {\n box-shadow: 0px 0px 0px 8px rgba(15, 98, 254, 0.125);\n}\n.Switch_module_root__c9616649 [data-elem=label] {\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n}";
|
|
45365
45204
|
var modules_18a327ff = {"root":"Switch_module_root__c9616649","disabled":"Switch_module_disabled__c9616649","position-left":"Switch_module_positionLeft__c9616649","position-right":"Switch_module_positionRight__c9616649","pill":"Switch_module_pill__c9616649"};
|
|
45366
|
-
n(css$
|
|
45205
|
+
n(css$R,{});
|
|
45367
45206
|
|
|
45368
45207
|
var Switch = function Switch(props) {
|
|
45369
45208
|
// eslint-disable-next-line object-curly-newline
|
|
@@ -45424,386 +45263,686 @@ Switch.defaultProps = {
|
|
|
45424
45263
|
onChange: function onChange() {}
|
|
45425
45264
|
};
|
|
45426
45265
|
|
|
45427
|
-
var css$
|
|
45428
|
-
var
|
|
45429
|
-
n(css$
|
|
45266
|
+
var css$Q = ".DateAndTimeSelection_module_root__13d18e8b {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 0.3125rem;\n padding-inline: 0.75rem;\n width: 100%;\n}\n.DateAndTimeSelection_module_root__13d18e8b > span {\n font-weight: 500;\n font-size: 0.875rem;\n line-height: 1.3125rem;\n color: var(--dark-grey);\n}\n.DateAndTimeSelection_module_root__13d18e8b > div {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: flex-start;\n width: 100%;\n gap: 0.25rem;\n}\n.DateAndTimeSelection_module_root__13d18e8b > div .DateAndTimeSelection_module_input__13d18e8b {\n flex: 1;\n background: var(--white);\n border: 1px solid var(--grey3);\n border-radius: 4px;\n padding: 0.75rem 1rem;\n}\n.DateAndTimeSelection_module_root__13d18e8b > div .DateAndTimeSelection_module_input__13d18e8b > label > div[data-elem=base-cell] {\n padding: 0 0;\n border: none;\n}\n.DateAndTimeSelection_module_root__13d18e8b > div .DateAndTimeSelection_module_input__13d18e8b > label > div[data-elem=base-cell] > span[data-elem=component2] > input[data-elem=input] {\n padding: 0;\n color: var(--dark-grey);\n}\n.DateAndTimeSelection_module_root__13d18e8b.DateAndTimeSelection_module_range__13d18e8b > span:nth-last-child(2) {\n margin-top: 0.25rem;\n}";
|
|
45267
|
+
var modules_a8ff92a5 = {"root":"DateAndTimeSelection_module_root__13d18e8b","input":"DateAndTimeSelection_module_input__13d18e8b","range":"DateAndTimeSelection_module_range__13d18e8b"};
|
|
45268
|
+
n(css$Q,{});
|
|
45430
45269
|
|
|
45431
|
-
var
|
|
45432
|
-
var
|
|
45433
|
-
|
|
45434
|
-
|
|
45435
|
-
|
|
45436
|
-
|
|
45270
|
+
var DateAndTimeSelection = function DateAndTimeSelection(_ref) {
|
|
45271
|
+
var selectedDate = _ref.selectedDate,
|
|
45272
|
+
setSelectedDate = _ref.setSelectedDate,
|
|
45273
|
+
range = _ref.range,
|
|
45274
|
+
selectedRange = _ref.selectedRange,
|
|
45275
|
+
setSelectedRange = _ref.setSelectedRange,
|
|
45276
|
+
setSelectedMonth = _ref.setSelectedMonth;
|
|
45277
|
+
var blurOnEnter = function blurOnEnter(_ref2) {
|
|
45278
|
+
var keyCode = _ref2.keyCode,
|
|
45279
|
+
target = _ref2.target;
|
|
45280
|
+
if (keyCode === 13) {
|
|
45281
|
+
target.blur();
|
|
45282
|
+
}
|
|
45283
|
+
};
|
|
45284
|
+
if (range) {
|
|
45285
|
+
var _selectedRange$unix, _selectedRange$unix2, _startRange$month, _endRange$month, _selectedRange$unix3, _selectedRange$unix4;
|
|
45286
|
+
var startRange = getDayInfo(fromUnixTime(selectedRange === null || selectedRange === void 0 ? void 0 : (_selectedRange$unix = selectedRange.unix) === null || _selectedRange$unix === void 0 ? void 0 : _selectedRange$unix[0]));
|
|
45287
|
+
var endRange = getDayInfo(fromUnixTime(selectedRange === null || selectedRange === void 0 ? void 0 : (_selectedRange$unix2 = selectedRange.unix) === null || _selectedRange$unix2 === void 0 ? void 0 : _selectedRange$unix2[1]));
|
|
45288
|
+
var defaultStartDate = startRange !== null && startRange !== void 0 && startRange.dateAsNumber ? "".concat(doubleDigitted(startRange === null || startRange === void 0 ? void 0 : startRange.dateAsNumber), " ").concat(startRange === null || startRange === void 0 ? void 0 : (_startRange$month = startRange.month) === null || _startRange$month === void 0 ? void 0 : _startRange$month.substring(0, 3), " ").concat(startRange === null || startRange === void 0 ? void 0 : startRange.year) : '';
|
|
45289
|
+
var defaultEndDate = endRange !== null && endRange !== void 0 && endRange.dateAsNumber ? "".concat(doubleDigitted(endRange === null || endRange === void 0 ? void 0 : endRange.dateAsNumber), " ").concat(endRange === null || endRange === void 0 ? void 0 : (_endRange$month = endRange.month) === null || _endRange$month === void 0 ? void 0 : _endRange$month.substring(0, 3), " ").concat(endRange === null || endRange === void 0 ? void 0 : endRange.year) : '';
|
|
45290
|
+
var startDateFromUnix = fromUnixTime((selectedRange === null || selectedRange === void 0 ? void 0 : (_selectedRange$unix3 = selectedRange.unix) === null || _selectedRange$unix3 === void 0 ? void 0 : _selectedRange$unix3[0]) || 0);
|
|
45291
|
+
var startHours = getHours(startDateFromUnix);
|
|
45292
|
+
var startHoursIn12 = (startHours + 11) % 12 + 1;
|
|
45293
|
+
var startMinutes = getMinutes(startDateFromUnix);
|
|
45294
|
+
var startMeridian = startHours >= 12 ? 'PM' : 'AM';
|
|
45295
|
+
var endDateFromUnix = fromUnixTime((selectedRange === null || selectedRange === void 0 ? void 0 : (_selectedRange$unix4 = selectedRange.unix) === null || _selectedRange$unix4 === void 0 ? void 0 : _selectedRange$unix4[1]) || 0);
|
|
45296
|
+
var endHours = getHours(endDateFromUnix);
|
|
45297
|
+
var endHoursIn12 = (endHours + 11) % 12 + 1;
|
|
45298
|
+
var endMinutes = getMinutes(endDateFromUnix);
|
|
45299
|
+
var endMeridian = endHours >= 12 ? 'PM' : 'AM';
|
|
45300
|
+
var defaultStartTime = startHoursIn12 ? "".concat(doubleDigitted(startHoursIn12), ":").concat(doubleDigitted(startMinutes), " ").concat(startMeridian) : '';
|
|
45301
|
+
var defaultEndTime = endHoursIn12 ? "".concat(doubleDigitted(endHoursIn12), ":").concat(doubleDigitted(endMinutes), " ").concat(endMeridian) : '';
|
|
45302
|
+
var _useState = React.useState(function () {
|
|
45303
|
+
return {
|
|
45304
|
+
start: defaultStartDate,
|
|
45305
|
+
end: defaultEndDate
|
|
45306
|
+
};
|
|
45307
|
+
}),
|
|
45308
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
45309
|
+
dateRange = _useState2[0],
|
|
45310
|
+
setDateRange = _useState2[1];
|
|
45311
|
+
var _useState3 = React.useState(function () {
|
|
45312
|
+
return {
|
|
45313
|
+
start: defaultStartTime,
|
|
45314
|
+
end: defaultEndTime
|
|
45315
|
+
};
|
|
45316
|
+
}),
|
|
45317
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
45318
|
+
timeRange = _useState4[0],
|
|
45319
|
+
setTimeRange = _useState4[1];
|
|
45320
|
+
var _onDateInputChange = function _onDateInputChange(_ref3, key) {
|
|
45321
|
+
var value = _ref3.target.value;
|
|
45322
|
+
setDateRange(_objectSpread2(_objectSpread2({}, dateRange), {}, _defineProperty$1({}, key, value)));
|
|
45323
|
+
};
|
|
45324
|
+
var _onTimeInputChange = function _onTimeInputChange(_ref4, key) {
|
|
45325
|
+
var value = _ref4.target.value;
|
|
45326
|
+
setTimeRange(_objectSpread2(_objectSpread2({}, timeRange), {}, _defineProperty$1({}, key, value)));
|
|
45327
|
+
};
|
|
45328
|
+
var _onDateValueInputBlur = function _onDateValueInputBlur(_ref5, key) {
|
|
45329
|
+
var value = _ref5.target.value;
|
|
45330
|
+
var validUnix = Date.parse("".concat(value, " ").concat(timeRange[key])) / 1000;
|
|
45331
|
+
var parsedDate = fromUnixTime(validUnix);
|
|
45332
|
+
var rangeValue = {
|
|
45333
|
+
date: parsedDate === null || parsedDate === void 0 ? void 0 : parsedDate.getDate(),
|
|
45334
|
+
month: MONTHS[parsedDate === null || parsedDate === void 0 ? void 0 : parsedDate.getMonth()],
|
|
45335
|
+
year: parsedDate === null || parsedDate === void 0 ? void 0 : parsedDate.getFullYear()
|
|
45336
|
+
};
|
|
45337
|
+
if (isValid(parsedDate)) {
|
|
45338
|
+
if (key === 'start') {
|
|
45339
|
+
if (isBefore(fromUnixTime(validUnix), fromUnixTime(selectedRange.unix[1]))) {
|
|
45340
|
+
setSelectedRange({
|
|
45341
|
+
dates: ["".concat(rangeValue.date, " ").concat(rangeValue.month, " ").concat(rangeValue === null || rangeValue === void 0 ? void 0 : rangeValue.year), selectedRange.dates[1]],
|
|
45342
|
+
unix: [validUnix, selectedRange.unix[1]]
|
|
45343
|
+
});
|
|
45344
|
+
setSelectedMonth({
|
|
45345
|
+
month: MONTHS[parsedDate === null || parsedDate === void 0 ? void 0 : parsedDate.getMonth()],
|
|
45346
|
+
monthAsNumber: parsedDate === null || parsedDate === void 0 ? void 0 : parsedDate.getMonth(),
|
|
45347
|
+
year: parsedDate === null || parsedDate === void 0 ? void 0 : parsedDate.getFullYear()
|
|
45348
|
+
});
|
|
45349
|
+
return;
|
|
45350
|
+
}
|
|
45351
|
+
}
|
|
45352
|
+
if (key === 'end') {
|
|
45353
|
+
if (isAfter(fromUnixTime(validUnix), fromUnixTime(selectedRange.unix[1]))) {
|
|
45354
|
+
setSelectedRange({
|
|
45355
|
+
dates: [selectedRange.dates[0], "".concat(rangeValue.date, " ").concat(rangeValue.month, " ").concat(rangeValue === null || rangeValue === void 0 ? void 0 : rangeValue.year)],
|
|
45356
|
+
unix: [selectedRange.unix[0], validUnix]
|
|
45357
|
+
});
|
|
45358
|
+
setSelectedMonth({
|
|
45359
|
+
month: MONTHS[parsedDate === null || parsedDate === void 0 ? void 0 : parsedDate.getMonth()],
|
|
45360
|
+
monthAsNumber: parsedDate === null || parsedDate === void 0 ? void 0 : parsedDate.getMonth(),
|
|
45361
|
+
year: parsedDate === null || parsedDate === void 0 ? void 0 : parsedDate.getFullYear()
|
|
45362
|
+
});
|
|
45363
|
+
return;
|
|
45364
|
+
}
|
|
45365
|
+
}
|
|
45366
|
+
}
|
|
45367
|
+
setDateRange(_objectSpread2(_objectSpread2({}, dateRange), {}, _defineProperty$1({}, key, key === 'start' ? defaultStartDate : defaultEndDate)));
|
|
45368
|
+
};
|
|
45369
|
+
var _onTimeValueInputBlur = function _onTimeValueInputBlur(_ref6, key) {
|
|
45370
|
+
var value = _ref6.target.value;
|
|
45371
|
+
var validUnix = Date.parse("".concat(dateRange[key], " ").concat(value)) / 1000;
|
|
45372
|
+
var parsedDate = fromUnixTime(validUnix);
|
|
45373
|
+
var rangeValue = {
|
|
45374
|
+
date: parsedDate === null || parsedDate === void 0 ? void 0 : parsedDate.getDate(),
|
|
45375
|
+
month: MONTHS[parsedDate === null || parsedDate === void 0 ? void 0 : parsedDate.getMonth()],
|
|
45376
|
+
year: parsedDate === null || parsedDate === void 0 ? void 0 : parsedDate.getFullYear()
|
|
45377
|
+
};
|
|
45378
|
+
if (isValid(parsedDate)) {
|
|
45379
|
+
if (key === 'start') {
|
|
45380
|
+
if (isBefore(fromUnixTime(validUnix), fromUnixTime(selectedRange.unix[1]))) {
|
|
45381
|
+
setSelectedRange({
|
|
45382
|
+
dates: ["".concat(rangeValue.date, " ").concat(rangeValue.month, " ").concat(rangeValue === null || rangeValue === void 0 ? void 0 : rangeValue.year), selectedRange.dates[1]],
|
|
45383
|
+
unix: [validUnix, selectedRange.unix[1]]
|
|
45384
|
+
});
|
|
45385
|
+
return;
|
|
45386
|
+
}
|
|
45387
|
+
}
|
|
45388
|
+
if (key === 'end') {
|
|
45389
|
+
if (isAfter(fromUnixTime(validUnix), fromUnixTime(selectedRange.unix[1]))) {
|
|
45390
|
+
setSelectedRange({
|
|
45391
|
+
dates: [selectedRange.dates[0], "".concat(rangeValue.date, " ").concat(rangeValue.month, " ").concat(rangeValue === null || rangeValue === void 0 ? void 0 : rangeValue.year)],
|
|
45392
|
+
unix: [selectedRange.unix[0], validUnix]
|
|
45393
|
+
});
|
|
45394
|
+
return;
|
|
45395
|
+
}
|
|
45396
|
+
}
|
|
45397
|
+
}
|
|
45398
|
+
setTimeRange(_objectSpread2(_objectSpread2({}, timeRange), {}, _defineProperty$1({}, key, key === 'start' ? defaultStartTime : defaultEndTime)));
|
|
45399
|
+
};
|
|
45400
|
+
React.useEffect(function () {
|
|
45401
|
+
setDateRange({
|
|
45402
|
+
start: defaultStartDate,
|
|
45403
|
+
end: defaultEndDate
|
|
45404
|
+
});
|
|
45405
|
+
setTimeRange({
|
|
45406
|
+
start: defaultStartTime,
|
|
45407
|
+
end: defaultEndTime
|
|
45408
|
+
});
|
|
45409
|
+
}, [selectedRange]);
|
|
45410
|
+
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
45411
|
+
className: classes(modules_a8ff92a5.root, modules_a8ff92a5.range),
|
|
45412
|
+
children: [/*#__PURE__*/jsxRuntime.jsx("span", {
|
|
45413
|
+
children: "Start"
|
|
45414
|
+
}), /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
45415
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(TextField, {
|
|
45416
|
+
className: modules_a8ff92a5.input,
|
|
45417
|
+
value: dateRange.start,
|
|
45418
|
+
onChange: function onChange(event) {
|
|
45419
|
+
_onDateInputChange(event, 'start');
|
|
45420
|
+
},
|
|
45421
|
+
onKeyDown: blurOnEnter,
|
|
45422
|
+
placeholder: "Eg., 05 Jun 2023",
|
|
45423
|
+
onBlur: function onBlur(event) {
|
|
45424
|
+
_onDateValueInputBlur(event, 'start');
|
|
45425
|
+
}
|
|
45426
|
+
}), /*#__PURE__*/jsxRuntime.jsx(TextField, {
|
|
45427
|
+
className: modules_a8ff92a5.input,
|
|
45428
|
+
value: timeRange.start,
|
|
45429
|
+
onChange: function onChange(event) {
|
|
45430
|
+
_onTimeInputChange(event, 'start');
|
|
45431
|
+
},
|
|
45432
|
+
onKeyDown: blurOnEnter,
|
|
45433
|
+
placeholder: "Eg., 08:23 AM",
|
|
45434
|
+
onBlur: function onBlur(event) {
|
|
45435
|
+
_onTimeValueInputBlur(event, 'start');
|
|
45436
|
+
}
|
|
45437
|
+
})]
|
|
45438
|
+
}), /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
45439
|
+
children: "End"
|
|
45440
|
+
}), /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
45441
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(TextField, {
|
|
45442
|
+
className: modules_a8ff92a5.input,
|
|
45443
|
+
value: dateRange.end,
|
|
45444
|
+
onChange: function onChange(event) {
|
|
45445
|
+
_onDateInputChange(event, 'end');
|
|
45446
|
+
},
|
|
45447
|
+
onKeyDown: blurOnEnter,
|
|
45448
|
+
placeholder: "Eg., 24 Nov 2023",
|
|
45449
|
+
onBlur: function onBlur(event) {
|
|
45450
|
+
_onDateValueInputBlur(event, 'end');
|
|
45451
|
+
}
|
|
45452
|
+
}), /*#__PURE__*/jsxRuntime.jsx(TextField, {
|
|
45453
|
+
className: modules_a8ff92a5.input,
|
|
45454
|
+
value: timeRange.end,
|
|
45455
|
+
onChange: function onChange(event) {
|
|
45456
|
+
_onTimeInputChange(event, 'end');
|
|
45457
|
+
},
|
|
45458
|
+
onKeyDown: blurOnEnter,
|
|
45459
|
+
placeholder: "Eg., 05:56 PM",
|
|
45460
|
+
onBlur: function onBlur(event) {
|
|
45461
|
+
_onTimeValueInputBlur(event, 'end');
|
|
45462
|
+
}
|
|
45463
|
+
})]
|
|
45464
|
+
})]
|
|
45465
|
+
});
|
|
45466
|
+
}
|
|
45467
|
+
var _ref7 = selectedDate || {},
|
|
45468
|
+
date = _ref7.date,
|
|
45469
|
+
month = _ref7.month,
|
|
45470
|
+
year = _ref7.year,
|
|
45471
|
+
unix = _ref7.unix;
|
|
45472
|
+
var dateFromUnix = fromUnixTime(unix || 0);
|
|
45473
|
+
var hours = getHours(dateFromUnix);
|
|
45474
|
+
var hoursIn12 = (hours + 11) % 12 + 1;
|
|
45475
|
+
var minutes = getMinutes(dateFromUnix);
|
|
45476
|
+
var meridian = hours >= 12 ? 'PM' : 'AM';
|
|
45477
|
+
var defaultDate = date ? "".concat(doubleDigitted(date), " ").concat(month === null || month === void 0 ? void 0 : month.substring(0, 3), " ").concat(year) : '';
|
|
45478
|
+
var defaultTime = date ? "".concat(doubleDigitted(hoursIn12), ":").concat(doubleDigitted(minutes), " ").concat(meridian) : '';
|
|
45479
|
+
var _useState5 = React.useState(function () {
|
|
45480
|
+
return defaultDate || '';
|
|
45481
|
+
}),
|
|
45482
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
45483
|
+
dateValue = _useState6[0],
|
|
45484
|
+
setDateValue = _useState6[1];
|
|
45485
|
+
var _useState7 = React.useState(function () {
|
|
45486
|
+
return defaultTime || '';
|
|
45487
|
+
}),
|
|
45488
|
+
_useState8 = _slicedToArray(_useState7, 2),
|
|
45489
|
+
timeValue = _useState8[0],
|
|
45490
|
+
setTimeValue = _useState8[1];
|
|
45491
|
+
var onDateInputChange = function onDateInputChange(_ref8) {
|
|
45492
|
+
var value = _ref8.target.value;
|
|
45493
|
+
setDateValue(value);
|
|
45494
|
+
};
|
|
45495
|
+
var onTimeInputChange = function onTimeInputChange(_ref9) {
|
|
45496
|
+
var value = _ref9.target.value;
|
|
45497
|
+
setTimeValue(value);
|
|
45498
|
+
};
|
|
45499
|
+
var onDateValueInputBlur = function onDateValueInputBlur(_ref10) {
|
|
45500
|
+
var value = _ref10.target.value;
|
|
45501
|
+
var validUnix = Date.parse("".concat(value, " ").concat(timeValue)) / 1000;
|
|
45502
|
+
var parsedDate = fromUnixTime(validUnix);
|
|
45503
|
+
if (isValid(parsedDate)) {
|
|
45504
|
+
setSelectedDate({
|
|
45505
|
+
date: parsedDate === null || parsedDate === void 0 ? void 0 : parsedDate.getDate(),
|
|
45506
|
+
month: MONTHS[parsedDate === null || parsedDate === void 0 ? void 0 : parsedDate.getMonth()],
|
|
45507
|
+
year: parsedDate === null || parsedDate === void 0 ? void 0 : parsedDate.getFullYear(),
|
|
45508
|
+
unix: validUnix
|
|
45509
|
+
});
|
|
45510
|
+
setSelectedMonth({
|
|
45511
|
+
month: MONTHS[parsedDate === null || parsedDate === void 0 ? void 0 : parsedDate.getMonth()],
|
|
45512
|
+
monthAsNumber: parsedDate === null || parsedDate === void 0 ? void 0 : parsedDate.getMonth(),
|
|
45513
|
+
year: parsedDate === null || parsedDate === void 0 ? void 0 : parsedDate.getFullYear()
|
|
45514
|
+
});
|
|
45515
|
+
return;
|
|
45437
45516
|
}
|
|
45438
|
-
|
|
45517
|
+
setDateValue(defaultDate);
|
|
45518
|
+
};
|
|
45519
|
+
var onTimeValueInputBlur = function onTimeValueInputBlur(_ref11) {
|
|
45520
|
+
var value = _ref11.target.value;
|
|
45521
|
+
var validUnix = Date.parse("".concat(dateValue, " ").concat(value)) / 1000;
|
|
45522
|
+
var parsedDate = fromUnixTime(validUnix);
|
|
45523
|
+
if (isValid(parsedDate)) {
|
|
45524
|
+
setSelectedDate({
|
|
45525
|
+
date: parsedDate === null || parsedDate === void 0 ? void 0 : parsedDate.getDate(),
|
|
45526
|
+
month: MONTHS[parsedDate === null || parsedDate === void 0 ? void 0 : parsedDate.getMonth()],
|
|
45527
|
+
year: parsedDate === null || parsedDate === void 0 ? void 0 : parsedDate.getFullYear(),
|
|
45528
|
+
unix: validUnix
|
|
45529
|
+
});
|
|
45530
|
+
return;
|
|
45531
|
+
}
|
|
45532
|
+
setTimeValue(defaultTime);
|
|
45533
|
+
};
|
|
45534
|
+
React.useEffect(function () {
|
|
45535
|
+
setDateValue(defaultDate);
|
|
45536
|
+
setTimeValue(defaultTime);
|
|
45537
|
+
}, [selectedDate]);
|
|
45538
|
+
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
45539
|
+
className: modules_a8ff92a5.root,
|
|
45540
|
+
children: [/*#__PURE__*/jsxRuntime.jsx("span", {
|
|
45541
|
+
children: "Date & Time"
|
|
45542
|
+
}), /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
45543
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(TextField, {
|
|
45544
|
+
className: modules_a8ff92a5.input,
|
|
45545
|
+
value: dateValue,
|
|
45546
|
+
onChange: onDateInputChange,
|
|
45547
|
+
onKeyDown: blurOnEnter,
|
|
45548
|
+
placeholder: "Eg., 05 Jun 2023",
|
|
45549
|
+
onBlur: onDateValueInputBlur
|
|
45550
|
+
}), /*#__PURE__*/jsxRuntime.jsx(TextField, {
|
|
45551
|
+
className: modules_a8ff92a5.input,
|
|
45552
|
+
value: timeValue,
|
|
45553
|
+
placeholder: "Eg., 12:24 AM",
|
|
45554
|
+
onChange: onTimeInputChange,
|
|
45555
|
+
onKeyDown: blurOnEnter,
|
|
45556
|
+
onBlur: onTimeValueInputBlur
|
|
45557
|
+
})]
|
|
45558
|
+
})]
|
|
45559
|
+
});
|
|
45560
|
+
};
|
|
45561
|
+
|
|
45562
|
+
var css$P = ".Header_module_root__de4929e7 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 1.75rem;\n}\n.Header_module_root__de4929e7 .Header_module_titleContainer__de4929e7 {\n align-self: stretch;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n padding: 0rem 1.5625rem;\n}\n.Header_module_root__de4929e7 .Header_module_titleContainer__de4929e7 .Header_module_title__de4929e7 {\n font-weight: 500;\n font-size: 0.875rem;\n color: var(--black);\n line-height: 1.3125rem;\n color: var(--dark-grey);\n}\n.Header_module_root__de4929e7 .Header_module_titleContainer__de4929e7 .Header_module_icon__de4929e7 {\n width: 1.5rem;\n height: 1.5rem;\n stroke: var(--dark-grey);\n stroke-width: 0.5px;\n cursor: pointer;\n}";
|
|
45563
|
+
var modules_cf337dc1 = {"root":"Header_module_root__de4929e7","title-container":"Header_module_titleContainer__de4929e7","title":"Header_module_title__de4929e7","icon":"Header_module_icon__de4929e7"};
|
|
45564
|
+
n(css$P,{});
|
|
45565
|
+
|
|
45566
|
+
var Header = function Header(props) {
|
|
45567
|
+
var selectedMonth = props.selectedMonth,
|
|
45568
|
+
onMonthChange = props.onMonthChange;
|
|
45569
|
+
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
45570
|
+
className: modules_cf337dc1.root,
|
|
45571
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(DateAndTimeSelection, _objectSpread2({}, props)), /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
45572
|
+
className: modules_cf337dc1['title-container'],
|
|
45573
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(Button, {
|
|
45574
|
+
size: "auto",
|
|
45575
|
+
variant: "text",
|
|
45576
|
+
"data-elem": "left",
|
|
45577
|
+
onClick: function onClick() {
|
|
45578
|
+
onMonthChange('prev');
|
|
45579
|
+
},
|
|
45580
|
+
rightComponent: function rightComponent() {
|
|
45581
|
+
return /*#__PURE__*/jsxRuntime.jsx(Chevron, {
|
|
45582
|
+
className: classes(modules_cf337dc1.icon),
|
|
45583
|
+
position: "left"
|
|
45584
|
+
});
|
|
45585
|
+
}
|
|
45586
|
+
}), /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
45587
|
+
className: modules_cf337dc1.title,
|
|
45588
|
+
children: "".concat(selectedMonth.month, " ").concat(selectedMonth.year)
|
|
45589
|
+
}), /*#__PURE__*/jsxRuntime.jsx(Button, {
|
|
45590
|
+
size: "auto",
|
|
45591
|
+
variant: "text",
|
|
45592
|
+
"data-elem": "right",
|
|
45593
|
+
onClick: function onClick() {
|
|
45594
|
+
onMonthChange('next');
|
|
45595
|
+
},
|
|
45596
|
+
rightComponent: function rightComponent() {
|
|
45597
|
+
return /*#__PURE__*/jsxRuntime.jsx(Chevron, {
|
|
45598
|
+
className: classes(modules_cf337dc1.icon),
|
|
45599
|
+
position: "right"
|
|
45600
|
+
});
|
|
45601
|
+
}
|
|
45602
|
+
})]
|
|
45603
|
+
})]
|
|
45604
|
+
});
|
|
45605
|
+
};
|
|
45606
|
+
|
|
45607
|
+
var css$O = ".Calender_module_root__a2bedc75 {\n padding: 1rem 0rem;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n}";
|
|
45608
|
+
var modules_3722b5cd = {"root":"Calender_module_root__a2bedc75"};
|
|
45609
|
+
n(css$O,{});
|
|
45610
|
+
|
|
45611
|
+
var css$N = ".Body_module_root__85b1b679 {\n padding: 0.5rem 0.5rem;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n align-items: stretch;\n}";
|
|
45612
|
+
var modules_e6b80d99 = {"root":"Body_module_root__85b1b679"};
|
|
45613
|
+
n(css$N,{});
|
|
45614
|
+
|
|
45615
|
+
var TodayIndicator = function TodayIndicator(_ref) {
|
|
45616
|
+
var className = _ref.className;
|
|
45617
|
+
return /*#__PURE__*/jsxRuntime.jsx("svg", {
|
|
45618
|
+
width: "0.3125rem",
|
|
45619
|
+
height: "0.3125rem",
|
|
45620
|
+
className: className,
|
|
45621
|
+
viewBox: "0 0 5 5",
|
|
45622
|
+
fill: "#0F62FE",
|
|
45623
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
45624
|
+
children: /*#__PURE__*/jsxRuntime.jsx("circle", {
|
|
45625
|
+
cx: "2.5",
|
|
45626
|
+
cy: "2.49707",
|
|
45627
|
+
r: "2"
|
|
45628
|
+
})
|
|
45629
|
+
});
|
|
45630
|
+
};
|
|
45631
|
+
|
|
45632
|
+
var css$M = ".Dates_module_root__8d11831d {\n\tdisplay: grid;\n\tgrid-template-columns: repeat(7, 1fr);\n\talign-items: center;\n\tflex-wrap: wrap;\n}\n.Dates_module_root__8d11831d > div {\n\tflex-basis: 14.28%;\n\tdisplay: flex;\n\tflex-direction: row;\n\tjustify-content: center;\n\talign-items: center;\n\tmargin-bottom: 0.25rem;\n\tcursor: pointer;\n\talign-self: center;\n\t-webkit-user-select: none;\n\t-moz-user-select: none;\n\tuser-select: none;\n}\n.Dates_module_root__8d11831d > div.Dates_module_minInRange__8d11831d {\n\tbackground-color: var(--highlight);\n\tborder-radius: 1.5rem 0rem 0rem 1.5rem;\n}\n.Dates_module_root__8d11831d > div.Dates_module_minInRange__8d11831d .Dates_module_date__8d11831d {\n\tcolor: var(--white);\n}\n.Dates_module_root__8d11831d > div.Dates_module_minInRange__8d11831d:hover .Dates_module_date__8d11831d {\n\tbackground: var(--highlight);\n\tcolor: var(--white);\n\tbox-shadow: -2px -2px 4px rgba(166, 166, 166, 0.25), 2px 2px 4px rgba(166, 166, 166, 0.24);\n}\n.Dates_module_root__8d11831d > div.Dates_module_minInRange__8d11831d.Dates_module_today__8d11831d {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n}\n.Dates_module_root__8d11831d > div.Dates_module_minInRange__8d11831d.Dates_module_today__8d11831d .Dates_module_date__8d11831d {\n\tcolor: var(--white);\n\tfont-weight: 500;\n}\n.Dates_module_dates__8d11831d div:hover .Dates_module_date__8d11831d {\n\tbackground: var(--background);\n\tcolor: var(--highlight);\n\tbox-shadow: 0px 8px 20px rgba(24, 24, 24, 0.08);\n}\n.Dates_module_root__8d11831d > div.Dates_module_minInRange__8d11831d.Dates_module_today__8d11831d .Dates_module_indicator__8d11831d {\n\tdisplay: none;\n}\n.Dates_module_root__8d11831d > div.Dates_module_minInRange__8d11831d.Dates_module_todaySelected__8d11831d {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n}\n.Dates_module_root__8d11831d > div.Dates_module_minInRange__8d11831d.Dates_module_todaySelected__8d11831d .Dates_module_date__8d11831d {\n\tfont-weight: 500;\n\tcolor: var(--white);\n}\n.Dates_module_root__8d11831d > div.Dates_module_minInRange__8d11831d.Dates_module_todaySelected__8d11831d .Dates_module_indicator__8d11831d {\n\tdisplay: none;\n}\n.Dates_module_root__8d11831d > div.Dates_module_maxInRange__8d11831d {\n\tbackground-color: var(--highlight);\n\tborder-radius: 0rem 1.5rem 1.5rem 0rem;\n}\n.Dates_module_root__8d11831d > div.Dates_module_maxInRange__8d11831d .Dates_module_date__8d11831d {\n\tcolor: var(--white);\n}\n.Dates_module_root__8d11831d > div.Dates_module_maxInRange__8d11831d.Dates_module_todaySelected__8d11831d {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tdisplay: none;\n}\n.Dates_module_root__8d11831d > div.Dates_module_maxInRange__8d11831d.Dates_module_todaySelected__8d11831d .Dates_module_date__8d11831d {\n\tfont-weight: 500;\n\tcolor: var(--white);\n\tbox-shadow: 0px 8px 20px rgba(24, 24, 24, 0.08);\n}\n.Dates_module_root__8d11831d > div.Dates_module_maxInRange__8d11831d.Dates_module_todaySelected__8d11831d .Dates_module_indicator__8d11831d {\n\tdisplay: none;\n}\n.Dates_module_root__8d11831d > div.Dates_module_maxInRange__8d11831d.Dates_module_today__8d11831d {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n}\n.Dates_module_root__8d11831d > div.Dates_module_maxInRange__8d11831d.Dates_module_today__8d11831d .Dates_module_date__8d11831d {\n\tcolor: var(--white);\n\tfont-weight: 500;\n}\n.Dates_module_root__8d11831d > div.Dates_module_maxInRange__8d11831d.Dates_module_today__8d11831d .Dates_module_indicator__8d11831d {\n\tdisplay: none;\n}\n.Dates_module_root__8d11831d > div.Dates_module_maxInRange__8d11831d:hover .Dates_module_date__8d11831d {\n\tbackground: var(--highlight);\n\tcolor: var(--white);\n\tbox-shadow: 0px 8px 20px rgba(24, 24, 24, 0.08);\n}\n.Dates_module_root__8d11831d > div.Dates_module_midInRange__8d11831d {\n\tbackground: var(--background);\n\tborder-radius: 0rem;\n}\n.Dates_module_root__8d11831d > div.Dates_module_midInRange__8d11831d .Dates_module_date__8d11831d {\n\tcolor: var(--highlight);\n}\n.Dates_module_root__8d11831d > div.Dates_module_midInRange__8d11831d.Dates_module_todaySelected__8d11831d {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n}\n.Dates_module_root__8d11831d > div.Dates_module_midInRange__8d11831d.Dates_module_todaySelected__8d11831d .Dates_module_date__8d11831d {\n\tfont-weight: 500;\n\tcolor: var(--white);\n}\n.Dates_module_root__8d11831d > div.Dates_module_midInRange__8d11831d.Dates_module_todaySelected__8d11831d .Dates_module_indicator__8d11831d {\n\tdisplay: none;\n}\n.Dates_module_root__8d11831d > div.Dates_module_midInRangeSelected__8d11831d {\n\tbackground: var(--background);\n\tborder-radius: 0rem;\n}\n.Dates_module_root__8d11831d > div.Dates_module_midInRangeSelected__8d11831d .Dates_module_date__8d11831d {\n\tcolor: var(--white);\n}\n.Dates_module_root__8d11831d > div.Dates_module_midInRangeSelected__8d11831d.Dates_module_todaySelected__8d11831d {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n}\n.Dates_module_root__8d11831d > div.Dates_module_midInRangeSelected__8d11831d.Dates_module_todaySelected__8d11831d .Dates_module_date__8d11831d {\n\tfont-weight: 500;\n\tcolor: var(--white);\n}\n.Dates_module_root__8d11831d > div.Dates_module_midInRangeSelected__8d11831d.Dates_module_todaySelected__8d11831d .Dates_module_indicator__8d11831d {\n\tdisplay: none;\n}\n.Dates_module_root__8d11831d > div.Dates_module_firstHovered__8d11831d {\n\tbackground: var(--background);\n\tborder-radius: 0rem 1.5rem 1.5rem 0rem;\n}\n.Dates_module_root__8d11831d > div.Dates_module_firstHovered__8d11831d .Dates_module_date__8d11831d {\n\tcolor: var(--highlight);\n}\n.Dates_module_root__8d11831d > div.Dates_module_firstHovered__8d11831d.Dates_module_todaySelected__8d11831d {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n}\n.Dates_module_root__8d11831d > div.Dates_module_firstHovered__8d11831d.Dates_module_todaySelected__8d11831d .Dates_module_date__8d11831d {\n\tfont-weight: 500;\n\tcolor: var(--white);\n}\n.Dates_module_root__8d11831d > div.Dates_module_firstHovered__8d11831d.Dates_module_todaySelected__8d11831d .Dates_module_indicator__8d11831d {\n\tdisplay: none;\n}\n.Dates_module_root__8d11831d > div.Dates_module_lastHovered__8d11831d {\n\tbackground: var(--background);\n\tborder-radius: 1.5rem 0rem 0rem 1.5rem;\n}\n.Dates_module_root__8d11831d > div.Dates_module_lastHovered__8d11831d .Dates_module_date__8d11831d {\n\tcolor: var(--highlight);\n}\n.Dates_module_root__8d11831d > div.Dates_module_lastHovered__8d11831d.Dates_module_todaySelected__8d11831d {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n}\n.Dates_module_root__8d11831d > div.Dates_module_lastHovered__8d11831d.Dates_module_todaySelected__8d11831d .Dates_module_date__8d11831d {\n\tfont-weight: 500;\n\tcolor: var(--white);\n}\n.Dates_module_root__8d11831d > div.Dates_module_lastHovered__8d11831d.Dates_module_todaySelected__8d11831d .Dates_module_indicator__8d11831d {\n\tdisplay: none;\n}\n.Dates_module_root__8d11831d > div.Dates_module_today__8d11831d {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n}\n.Dates_module_root__8d11831d > div.Dates_module_today__8d11831d .Dates_module_date__8d11831d {\n\tcolor: var(--highlight);\n\tfont-weight: 500;\n}\n.Dates_module_root__8d11831d > div.Dates_module_today__8d11831d .Dates_module_indicator__8d11831d {\n\tmargin-top: -0.825rem;\n}\n.Dates_module_root__8d11831d > div.Dates_module_todaySelected__8d11831d {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n}\n.Dates_module_root__8d11831d > div.Dates_module_todaySelected__8d11831d .Dates_module_date__8d11831d {\n\tfont-weight: 500;\n\tcolor: var(--white);\n}\n.Dates_module_root__8d11831d > div.Dates_module_todaySelected__8d11831d .Dates_module_indicator__8d11831d {\n\tmargin-top: -0.825rem;\n\tfill: var(--white);\n}\n.Dates_module_root__8d11831d > div .Dates_module_date__8d11831d {\n\tdisplay: flex;\n\tflex-direction: row;\n\tjustify-content: center;\n\talign-items: center;\n\ttext-align: center;\n\tvertical-align: middle;\n\tborder-radius: 1.5rem;\n\theight: 2.5rem;\n\twidth: 2.5rem;\n\tfont-weight: 400;\n\tfont-size: 0.875rem;\n\tcolor: var(--black);\n}\n.Dates_module_root__8d11831d > div .Dates_module_date__8d11831d.Dates_module_selected__8d11831d {\n\tbackground-color: var(--highlight);\n\tcolor: var(--white);\n}\n.Dates_module_root__8d11831d > div .Dates_module_date__8d11831d.Dates_module_unSelected__8d11831d {\n\tbackground-color: var(--white);\n\tborder-color: var(--highlight);\n\tborder-width: 0.125rem;\n\tborder-style: solid;\n\tcolor: var(--black);\n}\n.Dates_module_root__8d11831d > div .Dates_module_date__8d11831d.Dates_module_disabled__8d11831d {\n\tborder-radius: 1.5rem;\n\tcolor: var(--grey2);\n}\n.Dates_module_root__8d11831d > div .Dates_module_date__8d11831d.Dates_module_diffMonth__8d11831d {\n\topacity: 0.6;\n}\n.Dates_module_root__8d11831d > div:hover .Dates_module_date__8d11831d {\n\tbackground: var(--background);\n\tcolor: var(--highlight);\n\tbox-shadow: -2px -2px 4px rgba(166, 166, 166, 0.25), 2px 2px 4px rgba(166, 166, 166, 0.24);\n}\n.Dates_module_root__8d11831d > div:hover .Dates_module_selected__8d11831d {\n\tbackground-color: var(--highlight);\n\tcolor: var(--white);\n}\n.Dates_module_root__8d11831d > div:hover .Dates_module_disabled__8d11831d {\n\tbackground: transparent;\n\tbox-shadow: none;\n\tborder-radius: 1.5rem;\n\tcolor: var(--grey2);\n} \n";
|
|
45633
|
+
var modules_b02dadcc = {"root":"Dates_module_root__8d11831d","minInRange":"Dates_module_minInRange__8d11831d","date":"Dates_module_date__8d11831d","today":"Dates_module_today__8d11831d","dates":"Dates_module_dates__8d11831d","indicator":"Dates_module_indicator__8d11831d","today-selected":"Dates_module_todaySelected__8d11831d","maxInRange":"Dates_module_maxInRange__8d11831d","midInRange":"Dates_module_midInRange__8d11831d","midInRangeSelected":"Dates_module_midInRangeSelected__8d11831d","first-hovered":"Dates_module_firstHovered__8d11831d","last-hovered":"Dates_module_lastHovered__8d11831d","selected":"Dates_module_selected__8d11831d","unSelected":"Dates_module_unSelected__8d11831d","disabled":"Dates_module_disabled__8d11831d","diffMonth":"Dates_module_diffMonth__8d11831d"};
|
|
45634
|
+
n(css$M,{});
|
|
45635
|
+
|
|
45636
|
+
var getDatesOfLastWeekOfLastMonth = function getDatesOfLastWeekOfLastMonth(_ref) {
|
|
45637
|
+
var monthAsNumber = _ref.monthAsNumber,
|
|
45638
|
+
year = _ref.year,
|
|
45639
|
+
remainingDaysInFirstWeek = _ref.remainingDaysInFirstWeek;
|
|
45640
|
+
if (remainingDaysInFirstWeek === 0) {
|
|
45641
|
+
return [];
|
|
45439
45642
|
}
|
|
45440
|
-
|
|
45441
|
-
|
|
45643
|
+
var month;
|
|
45644
|
+
var fullYear;
|
|
45645
|
+
if (monthAsNumber === 0) {
|
|
45646
|
+
month = 11;
|
|
45647
|
+
fullYear = year - 1;
|
|
45648
|
+
} else {
|
|
45649
|
+
month = monthAsNumber - 1;
|
|
45650
|
+
fullYear = year;
|
|
45442
45651
|
}
|
|
45443
|
-
|
|
45652
|
+
var _getDatesInAMonth = getDatesInAMonth({
|
|
45653
|
+
month: month,
|
|
45654
|
+
year: fullYear
|
|
45655
|
+
}),
|
|
45656
|
+
dateObj = _getDatesInAMonth.dateObj;
|
|
45657
|
+
return dateObj.slice(-remainingDaysInFirstWeek);
|
|
45444
45658
|
};
|
|
45445
|
-
var
|
|
45446
|
-
|
|
45447
|
-
|
|
45659
|
+
var getDatesOfFirstWeekOfNextMonth = function getDatesOfFirstWeekOfNextMonth(_ref2) {
|
|
45660
|
+
var monthAsNumber = _ref2.monthAsNumber,
|
|
45661
|
+
year = _ref2.year,
|
|
45662
|
+
remainingDaysInLastWeek = _ref2.remainingDaysInLastWeek;
|
|
45663
|
+
var month;
|
|
45664
|
+
var fullYear;
|
|
45665
|
+
if (monthAsNumber === 11) {
|
|
45666
|
+
month = 0;
|
|
45667
|
+
fullYear = year + 1;
|
|
45668
|
+
} else {
|
|
45669
|
+
month = monthAsNumber + 1;
|
|
45670
|
+
fullYear = year;
|
|
45448
45671
|
}
|
|
45449
|
-
|
|
45672
|
+
var _getDatesInAMonth2 = getDatesInAMonth({
|
|
45673
|
+
month: month,
|
|
45674
|
+
year: fullYear
|
|
45675
|
+
}),
|
|
45676
|
+
dateObj = _getDatesInAMonth2.dateObj;
|
|
45677
|
+
return dateObj.slice(0, remainingDaysInLastWeek);
|
|
45450
45678
|
};
|
|
45451
|
-
var
|
|
45452
|
-
|
|
45679
|
+
var getDatesToDisplay = function getDatesToDisplay(_ref3) {
|
|
45680
|
+
var monthAsNumber = _ref3.monthAsNumber,
|
|
45681
|
+
year = _ref3.year,
|
|
45682
|
+
days = _ref3.days,
|
|
45683
|
+
dateObj = _ref3.dateObj;
|
|
45684
|
+
var _days = _slicedToArray(days, 1),
|
|
45685
|
+
firstDay = _days[0];
|
|
45686
|
+
var dates = [].concat(_toConsumableArray$1(getDatesOfLastWeekOfLastMonth({
|
|
45687
|
+
monthAsNumber: monthAsNumber,
|
|
45688
|
+
year: year,
|
|
45689
|
+
remainingDaysInFirstWeek: firstDay
|
|
45690
|
+
})), _toConsumableArray$1(dateObj), _toConsumableArray$1(getDatesOfFirstWeekOfNextMonth({
|
|
45691
|
+
monthAsNumber: monthAsNumber,
|
|
45692
|
+
year: year,
|
|
45693
|
+
remainingDaysInLastWeek: 7 - (days[days.length - 1] + 1)
|
|
45694
|
+
})));
|
|
45695
|
+
return dates;
|
|
45696
|
+
};
|
|
45697
|
+
var rangeSelection = function rangeSelection(_ref4) {
|
|
45698
|
+
var _MONTHS$date$getMonth, _selectedRange$unix, _selectedRange$dates, _selectedRange$dates2, _selectedRange$unix3, _selectedRange$unix4, _selectedRange$unix5, _selectedRange$unix7;
|
|
45699
|
+
var selectedRange = _ref4.selectedRange,
|
|
45700
|
+
date = _ref4.date;
|
|
45701
|
+
var dateAsNumber = date === null || date === void 0 ? void 0 : date.getDate();
|
|
45702
|
+
var month = (_MONTHS$date$getMonth = MONTHS[date === null || date === void 0 ? void 0 : date.getMonth()]) === null || _MONTHS$date$getMonth === void 0 ? void 0 : _MONTHS$date$getMonth.substring(0, 3);
|
|
45703
|
+
var year = date === null || date === void 0 ? void 0 : date.getFullYear();
|
|
45704
|
+
if (((_selectedRange$unix = selectedRange.unix) === null || _selectedRange$unix === void 0 ? void 0 : _selectedRange$unix[0]) === getUnixTime(date.setHours(0, 0, 0, 0))) {
|
|
45705
|
+
return {
|
|
45706
|
+
dates: [],
|
|
45707
|
+
unix: []
|
|
45708
|
+
};
|
|
45709
|
+
}
|
|
45710
|
+
if (!(selectedRange !== null && selectedRange !== void 0 && selectedRange.dates) || (selectedRange === null || selectedRange === void 0 ? void 0 : (_selectedRange$dates = selectedRange.dates) === null || _selectedRange$dates === void 0 ? void 0 : _selectedRange$dates.length) === 0) {
|
|
45711
|
+
return {
|
|
45712
|
+
dates: ["".concat(dateAsNumber, " ").concat(month, " ").concat(year), "".concat(dateAsNumber, " ").concat(month, " ").concat(year)],
|
|
45713
|
+
unix: [getUnixTime(date.setHours(0, 0, 0, 0)), getUnixTime(date.setHours(23, 59, 59, 59))]
|
|
45714
|
+
};
|
|
45715
|
+
}
|
|
45716
|
+
if (((_selectedRange$dates2 = selectedRange.dates) === null || _selectedRange$dates2 === void 0 ? void 0 : _selectedRange$dates2.length) < 2) {
|
|
45717
|
+
var _selectedRange$dates3, _selectedRange$unix2;
|
|
45718
|
+
if (((_selectedRange$dates3 = selectedRange.dates) === null || _selectedRange$dates3 === void 0 ? void 0 : _selectedRange$dates3.length) === 1 && isBefore(date, fromUnixTime((_selectedRange$unix2 = selectedRange.unix) === null || _selectedRange$unix2 === void 0 ? void 0 : _selectedRange$unix2[0]))) {
|
|
45719
|
+
return {
|
|
45720
|
+
dates: ["".concat(dateAsNumber, " ").concat(month, " ").concat(year)].concat(_toConsumableArray$1(selectedRange.dates)),
|
|
45721
|
+
unix: [getUnixTime(date)].concat(_toConsumableArray$1(selectedRange.unix))
|
|
45722
|
+
};
|
|
45723
|
+
}
|
|
45724
|
+
return {
|
|
45725
|
+
dates: [].concat(_toConsumableArray$1(selectedRange.dates), ["".concat(dateAsNumber, " ").concat(month, " ").concat(year)]),
|
|
45726
|
+
unix: [].concat(_toConsumableArray$1(selectedRange.unix), [getUnixTime(date)])
|
|
45727
|
+
};
|
|
45728
|
+
}
|
|
45729
|
+
if ((isBefore(date, fromUnixTime((_selectedRange$unix3 = selectedRange.unix) === null || _selectedRange$unix3 === void 0 ? void 0 : _selectedRange$unix3[1])) || isAfter(date, fromUnixTime((_selectedRange$unix4 = selectedRange.unix) === null || _selectedRange$unix4 === void 0 ? void 0 : _selectedRange$unix4[1]))) && isAfter(date, fromUnixTime((_selectedRange$unix5 = selectedRange.unix) === null || _selectedRange$unix5 === void 0 ? void 0 : _selectedRange$unix5[0]))) {
|
|
45730
|
+
var _selectedRange$dates4, _selectedRange$unix6;
|
|
45731
|
+
console.log('after');
|
|
45732
|
+
return {
|
|
45733
|
+
dates: [(_selectedRange$dates4 = selectedRange.dates) === null || _selectedRange$dates4 === void 0 ? void 0 : _selectedRange$dates4[0], "".concat(dateAsNumber, " ").concat(month, " ").concat(year)],
|
|
45734
|
+
unix: [(_selectedRange$unix6 = selectedRange.unix) === null || _selectedRange$unix6 === void 0 ? void 0 : _selectedRange$unix6[0], getUnixTime(date)]
|
|
45735
|
+
};
|
|
45736
|
+
}
|
|
45737
|
+
if (isBefore(date, fromUnixTime((_selectedRange$unix7 = selectedRange.unix) === null || _selectedRange$unix7 === void 0 ? void 0 : _selectedRange$unix7[0]))) {
|
|
45738
|
+
var _selectedRange$dates5, _selectedRange$unix8;
|
|
45739
|
+
console.log('before');
|
|
45740
|
+
return {
|
|
45741
|
+
dates: ["".concat(dateAsNumber, " ").concat(month, " ").concat(year), (_selectedRange$dates5 = selectedRange.dates) === null || _selectedRange$dates5 === void 0 ? void 0 : _selectedRange$dates5[1]],
|
|
45742
|
+
unix: [getUnixTime(date), (_selectedRange$unix8 = selectedRange.unix) === null || _selectedRange$unix8 === void 0 ? void 0 : _selectedRange$unix8[1]]
|
|
45743
|
+
};
|
|
45744
|
+
}
|
|
45745
|
+
console.log('lkjl');
|
|
45746
|
+
return {
|
|
45747
|
+
dates: [],
|
|
45748
|
+
unix: []
|
|
45749
|
+
};
|
|
45453
45750
|
};
|
|
45454
45751
|
|
|
45455
|
-
var
|
|
45456
|
-
var
|
|
45457
|
-
var
|
|
45458
|
-
|
|
45459
|
-
|
|
45460
|
-
|
|
45461
|
-
|
|
45462
|
-
|
|
45463
|
-
|
|
45464
|
-
|
|
45465
|
-
|
|
45466
|
-
|
|
45467
|
-
|
|
45468
|
-
|
|
45752
|
+
var Dates = function Dates(props) {
|
|
45753
|
+
var _selectedRange$unix;
|
|
45754
|
+
var selectedMonth = props.selectedMonth,
|
|
45755
|
+
selectedDate = props.selectedDate,
|
|
45756
|
+
setSelectedDate = props.setSelectedDate,
|
|
45757
|
+
range = props.range,
|
|
45758
|
+
selectedRange = props.selectedRange,
|
|
45759
|
+
setSelectedRange = props.setSelectedRange,
|
|
45760
|
+
disabledDates = props.disabledDates,
|
|
45761
|
+
disableDatesBefore = props.disableDatesBefore;
|
|
45762
|
+
var monthAsNumber = selectedMonth.monthAsNumber,
|
|
45763
|
+
year = selectedMonth.year;
|
|
45764
|
+
var _useState = React.useState(function () {
|
|
45765
|
+
return [];
|
|
45469
45766
|
}),
|
|
45470
45767
|
_useState2 = _slicedToArray(_useState, 2),
|
|
45471
|
-
|
|
45472
|
-
|
|
45473
|
-
var
|
|
45474
|
-
|
|
45475
|
-
|
|
45476
|
-
|
|
45768
|
+
datesToDisplay = _useState2[0],
|
|
45769
|
+
setDatesToDisplay = _useState2[1];
|
|
45770
|
+
var _useState3 = React.useState(function () {
|
|
45771
|
+
return null;
|
|
45772
|
+
}),
|
|
45773
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
45774
|
+
unSelectedDate = _useState4[0],
|
|
45775
|
+
setUnSelectedDate = _useState4[1];
|
|
45776
|
+
var _useState5 = React.useState(function () {
|
|
45777
|
+
return null;
|
|
45778
|
+
}),
|
|
45779
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
45780
|
+
hoveredEndingDate = _useState6[0],
|
|
45781
|
+
setHoveredEndingDate = _useState6[1];
|
|
45782
|
+
var _useState7 = React.useState(function () {
|
|
45783
|
+
return getDatesInAMonth({
|
|
45784
|
+
month: monthAsNumber,
|
|
45785
|
+
year: year
|
|
45786
|
+
});
|
|
45787
|
+
}),
|
|
45788
|
+
_useState8 = _slicedToArray(_useState7, 2),
|
|
45789
|
+
datesInMonth = _useState8[0],
|
|
45790
|
+
setDatesInMonth = _useState8[1];
|
|
45791
|
+
var _ref = (_selectedRange$unix = selectedRange.unix) !== null && _selectedRange$unix !== void 0 ? _selectedRange$unix : [],
|
|
45792
|
+
_ref2 = _slicedToArray(_ref, 2),
|
|
45793
|
+
firstItem = _ref2[0],
|
|
45794
|
+
lastItem = _ref2[1];
|
|
45795
|
+
var days = datesInMonth.days,
|
|
45796
|
+
dateObj = datesInMonth.dateObj;
|
|
45477
45797
|
React.useEffect(function () {
|
|
45478
|
-
|
|
45479
|
-
|
|
45480
|
-
|
|
45481
|
-
|
|
45482
|
-
|
|
45483
|
-
|
|
45484
|
-
|
|
45485
|
-
|
|
45486
|
-
|
|
45487
|
-
|
|
45488
|
-
|
|
45489
|
-
|
|
45490
|
-
|
|
45491
|
-
|
|
45492
|
-
|
|
45493
|
-
|
|
45798
|
+
setDatesInMonth(getDatesInAMonth({
|
|
45799
|
+
month: monthAsNumber,
|
|
45800
|
+
year: year
|
|
45801
|
+
}));
|
|
45802
|
+
setUnSelectedDate(null);
|
|
45803
|
+
}, [selectedMonth]);
|
|
45804
|
+
React.useEffect(function () {
|
|
45805
|
+
setDatesToDisplay(getDatesToDisplay({
|
|
45806
|
+
monthAsNumber: monthAsNumber,
|
|
45807
|
+
year: year,
|
|
45808
|
+
days: days,
|
|
45809
|
+
dateObj: dateObj
|
|
45810
|
+
}));
|
|
45811
|
+
}, [days]);
|
|
45812
|
+
var dateSelection = function dateSelection(date) {
|
|
45813
|
+
if (range) {
|
|
45814
|
+
setHoveredEndingDate(null);
|
|
45815
|
+
setSelectedRange(rangeSelection({
|
|
45816
|
+
selectedMonth: selectedMonth,
|
|
45817
|
+
selectedRange: selectedRange,
|
|
45818
|
+
date: date
|
|
45819
|
+
}));
|
|
45494
45820
|
return;
|
|
45495
45821
|
}
|
|
45496
|
-
|
|
45497
|
-
|
|
45822
|
+
var dateAsNumber = date.getDate();
|
|
45823
|
+
if (selectedDate.date === dateAsNumber) {
|
|
45824
|
+
setSelectedDate({});
|
|
45825
|
+
setUnSelectedDate(date.toISOString());
|
|
45498
45826
|
return;
|
|
45499
45827
|
}
|
|
45500
|
-
|
|
45828
|
+
setUnSelectedDate(null);
|
|
45829
|
+
setSelectedDate(_objectSpread2(_objectSpread2({}, selectedDate), {}, {
|
|
45830
|
+
month: selectedMonth.month,
|
|
45831
|
+
year: selectedMonth.year,
|
|
45832
|
+
date: dateAsNumber,
|
|
45833
|
+
unix: getUnixTime(date.setHours(23, 59, 59, 59))
|
|
45834
|
+
}));
|
|
45501
45835
|
};
|
|
45502
|
-
var
|
|
45503
|
-
var
|
|
45504
|
-
|
|
45505
|
-
|
|
45506
|
-
|
|
45507
|
-
|
|
45508
|
-
|
|
45836
|
+
var onMouseEnterADate = function onMouseEnterADate(date) {
|
|
45837
|
+
var _selectedRange$unix2, _selectedRange$unix3, _selectedRange$unix4, _selectedRange$unix5;
|
|
45838
|
+
var sameDay = isSameDay(fromUnixTime(selectedRange === null || selectedRange === void 0 ? void 0 : (_selectedRange$unix2 = selectedRange.unix) === null || _selectedRange$unix2 === void 0 ? void 0 : _selectedRange$unix2[0]), fromUnixTime(selectedRange === null || selectedRange === void 0 ? void 0 : (_selectedRange$unix3 = selectedRange.unix) === null || _selectedRange$unix3 === void 0 ? void 0 : _selectedRange$unix3[1]));
|
|
45839
|
+
if (((_selectedRange$unix4 = selectedRange.unix) === null || _selectedRange$unix4 === void 0 ? void 0 : _selectedRange$unix4.length) === 2 && sameDay) {
|
|
45840
|
+
setHoveredEndingDate(getUnixTime(date));
|
|
45841
|
+
return;
|
|
45842
|
+
}
|
|
45843
|
+
if (range && ((_selectedRange$unix5 = selectedRange.unix) === null || _selectedRange$unix5 === void 0 ? void 0 : _selectedRange$unix5.length) === 1) {
|
|
45844
|
+
setHoveredEndingDate(getUnixTime(date));
|
|
45509
45845
|
}
|
|
45510
45846
|
};
|
|
45511
|
-
|
|
45512
|
-
|
|
45513
|
-
|
|
45514
|
-
|
|
45515
|
-
|
|
45516
|
-
|
|
45517
|
-
|
|
45518
|
-
|
|
45519
|
-
|
|
45520
|
-
|
|
45521
|
-
|
|
45522
|
-
|
|
45523
|
-
|
|
45524
|
-
|
|
45525
|
-
|
|
45526
|
-
|
|
45527
|
-
|
|
45528
|
-
|
|
45529
|
-
|
|
45530
|
-
|
|
45531
|
-
|
|
45532
|
-
|
|
45533
|
-
|
|
45534
|
-
|
|
45535
|
-
|
|
45536
|
-
|
|
45537
|
-
|
|
45538
|
-
|
|
45539
|
-
|
|
45540
|
-
|
|
45541
|
-
onBlur: onBlur,
|
|
45542
|
-
ref: refs.minutes,
|
|
45543
|
-
type: "number",
|
|
45544
|
-
onChange: function onChange(event) {
|
|
45545
|
-
var target = event.target,
|
|
45546
|
-
nativeEvent = event.nativeEvent;
|
|
45547
|
-
var id = target.id,
|
|
45548
|
-
value = target.value;
|
|
45549
|
-
if (isValidUnit({
|
|
45550
|
-
type: 'minutes',
|
|
45551
|
-
value: value
|
|
45552
|
-
})) {
|
|
45553
|
-
_onChange(id, value, refs.seconds, nativeEvent.data);
|
|
45554
|
-
}
|
|
45555
|
-
}
|
|
45556
|
-
}), /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
45557
|
-
className: modules_98a80317.colon,
|
|
45558
|
-
children: ":"
|
|
45559
|
-
}), /*#__PURE__*/jsxRuntime.jsx(TextField, {
|
|
45560
|
-
className: modules_98a80317.input,
|
|
45561
|
-
placeholder: "00",
|
|
45562
|
-
type: "number",
|
|
45563
|
-
value: seconds,
|
|
45564
|
-
ref: refs.seconds,
|
|
45565
|
-
onBlur: onBlur,
|
|
45566
|
-
id: "seconds",
|
|
45567
|
-
onChange: function onChange(event) {
|
|
45568
|
-
var target = event.target,
|
|
45569
|
-
nativeEvent = event.nativeEvent;
|
|
45570
|
-
var id = target.id,
|
|
45571
|
-
value = target.value;
|
|
45572
|
-
if (isValidUnit({
|
|
45573
|
-
type: 'seconds',
|
|
45574
|
-
value: value
|
|
45575
|
-
})) {
|
|
45576
|
-
_onChange(id, value, refs.meridian, nativeEvent.data);
|
|
45577
|
-
}
|
|
45578
|
-
}
|
|
45579
|
-
}), /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
45580
|
-
className: modules_98a80317.separator,
|
|
45581
|
-
children: "|"
|
|
45582
|
-
}), /*#__PURE__*/jsxRuntime.jsx(TextField, {
|
|
45583
|
-
className: modules_98a80317.input,
|
|
45584
|
-
placeholder: "--",
|
|
45585
|
-
value: meridian,
|
|
45586
|
-
onBlur: onBlur,
|
|
45587
|
-
ref: refs.meridian,
|
|
45588
|
-
id: "meridian",
|
|
45589
|
-
onKeyDown: function onKeyDown(e) {
|
|
45590
|
-
_onKeyDown(e);
|
|
45591
|
-
},
|
|
45592
|
-
onChange: function onChange(event) {
|
|
45593
|
-
var target = event.target;
|
|
45594
|
-
var id = target.id,
|
|
45595
|
-
value = target.value;
|
|
45596
|
-
if (!value || isValidMeridian(value.toUpperCase())) {
|
|
45597
|
-
_onChange(id, value.toUpperCase());
|
|
45598
|
-
}
|
|
45847
|
+
var disabledBeforeDate = function disabledBeforeDate(date) {
|
|
45848
|
+
return (disableDatesBefore === null || disableDatesBefore === void 0 ? void 0 : disableDatesBefore.length) > 0 && isBefore(date, fromUnixTime(disableDatesBefore));
|
|
45849
|
+
};
|
|
45850
|
+
var disabledAfterDate = function disabledAfterDate(date) {
|
|
45851
|
+
var dObj = new Date();
|
|
45852
|
+
dObj.setDate(dObj.getDate() + 1);
|
|
45853
|
+
dObj.setHours(0, 0, 0, 0);
|
|
45854
|
+
return isAfter(date, dObj);
|
|
45855
|
+
};
|
|
45856
|
+
return /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
45857
|
+
className: modules_b02dadcc.root,
|
|
45858
|
+
children: datesToDisplay.map(function (date) {
|
|
45859
|
+
var dateNumber = date === null || date === void 0 ? void 0 : date.getDate();
|
|
45860
|
+
var today = isToday(date);
|
|
45861
|
+
var selectedSingleDate = isSameDay(fromUnixTime(selectedDate.unix), date);
|
|
45862
|
+
var isSameDayRange = isSameDay(fromUnixTime(firstItem), date) && isSameDay(fromUnixTime(firstItem), fromUnixTime(lastItem));
|
|
45863
|
+
var todaySelected = today & selectedSingleDate;
|
|
45864
|
+
var isFirstItem = !isSameDayRange && isEqual$1(fromUnixTime(firstItem).setHours(0, 0, 0, 0), date.setHours(0, 0, 0, 0));
|
|
45865
|
+
var isLastItem = !isSameDayRange && isEqual$1(fromUnixTime(lastItem).setHours(23, 59, 59, 59), date.setHours(23, 59, 59, 59));
|
|
45866
|
+
var isFirstItemHovered = isBefore(date, fromUnixTime(firstItem)) && hoveredEndingDate === getUnixTime(date);
|
|
45867
|
+
var isLastItemHovered = hoveredEndingDate === getUnixTime(date);
|
|
45868
|
+
var notSameMonth = date.getMonth() !== monthAsNumber;
|
|
45869
|
+
var isUnSelected = unSelectedDate === date.toISOString();
|
|
45870
|
+
var isDisabled = disabledDates.includes(date.toDateString()) || disabledBeforeDate(date) || disabledAfterDate(date);
|
|
45871
|
+
var isHoveringBeforeSelectedDate = isBefore(fromUnixTime(hoveredEndingDate), fromUnixTime(firstItem));
|
|
45872
|
+
var isMidItem;
|
|
45873
|
+
if (hoveredEndingDate) {
|
|
45874
|
+
isMidItem = !isSameDayRange && isBefore(date, fromUnixTime(hoveredEndingDate)) && isAfter(date, fromUnixTime(firstItem)) || isAfter(date, fromUnixTime(hoveredEndingDate)) && isBefore(date, fromUnixTime(firstItem));
|
|
45875
|
+
} else {
|
|
45876
|
+
isMidItem = isBefore(date, fromUnixTime(lastItem).setHours(0, 0, 0, 0)) && isAfter(date, fromUnixTime(firstItem).setHours(23, 59, 59, 59));
|
|
45599
45877
|
}
|
|
45600
|
-
|
|
45878
|
+
var parentClassNames = classes(isMidItem ? selectedSingleDate ? modules_b02dadcc.midInRangeSelected : modules_b02dadcc.midInRange : '', isFirstItem ? isHoveringBeforeSelectedDate ? modules_b02dadcc.maxInRange : modules_b02dadcc.minInRange : '', isLastItem ? modules_b02dadcc.maxInRange : '', isSameDayRange && isLastItemHovered || isLastItemHovered ? modules_b02dadcc['first-hovered'] : '', isSameDayRange && isFirstItemHovered || isFirstItemHovered ? modules_b02dadcc['last-hovered'] : '', today ? modules_b02dadcc.today : '', todaySelected ? modules_b02dadcc['today-selected'] : '');
|
|
45879
|
+
var childClassNames = classes(date ? modules_b02dadcc.date : '', isSameDayRange || selectedSingleDate ? modules_b02dadcc.selected : '', isUnSelected ? modules_b02dadcc.unSelected : '', notSameMonth ? modules_b02dadcc.diffMonth : '', isDisabled ? modules_b02dadcc.disabled : '');
|
|
45880
|
+
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
45881
|
+
className: parentClassNames,
|
|
45882
|
+
onClick: function onClick() {
|
|
45883
|
+
if (!isDisabled) {
|
|
45884
|
+
dateSelection(date);
|
|
45885
|
+
}
|
|
45886
|
+
},
|
|
45887
|
+
onMouseEnter: function onMouseEnter() {
|
|
45888
|
+
onMouseEnterADate(date);
|
|
45889
|
+
},
|
|
45890
|
+
children: [/*#__PURE__*/jsxRuntime.jsx("span", {
|
|
45891
|
+
className: childClassNames,
|
|
45892
|
+
children: dateNumber
|
|
45893
|
+
}), today && /*#__PURE__*/jsxRuntime.jsx(TodayIndicator, {
|
|
45894
|
+
className: modules_b02dadcc.indicator
|
|
45895
|
+
})]
|
|
45896
|
+
}, date.toDateString());
|
|
45897
|
+
})
|
|
45601
45898
|
});
|
|
45602
45899
|
};
|
|
45603
|
-
TimePicker.propTypes = {
|
|
45604
|
-
className: propTypes$1.exports.string,
|
|
45605
|
-
onChange: propTypes$1.exports.func,
|
|
45606
|
-
value: propTypes$1.exports.shape({
|
|
45607
|
-
hours: propTypes$1.exports.string,
|
|
45608
|
-
minutes: propTypes$1.exports.string,
|
|
45609
|
-
seconds: propTypes$1.exports.string,
|
|
45610
|
-
meridian: propTypes$1.exports.string
|
|
45611
|
-
})
|
|
45612
|
-
};
|
|
45613
|
-
TimePicker.defaultProps = {
|
|
45614
|
-
className: '',
|
|
45615
|
-
onChange: function onChange() {},
|
|
45616
|
-
value: null
|
|
45617
|
-
};
|
|
45618
45900
|
|
|
45619
|
-
var css$
|
|
45620
|
-
var
|
|
45621
|
-
n(css$
|
|
45901
|
+
var css$L = ".Days_module_days__0d7923fd {\n display: grid;\n grid-template-columns: repeat(7, 1fr);\n text-align: center;\n}\n.Days_module_days__0d7923fd span {\n padding: 0.75rem 0.5rem;\n font-weight: 500;\n font-size: 0.875rem;\n color: black;\n flex-basis: 14.28%;\n}";
|
|
45902
|
+
var modules_82c45006 = {"days":"Days_module_days__0d7923fd"};
|
|
45903
|
+
n(css$L,{});
|
|
45622
45904
|
|
|
45623
|
-
var
|
|
45624
|
-
var
|
|
45625
|
-
|
|
45626
|
-
|
|
45627
|
-
|
|
45628
|
-
|
|
45629
|
-
|
|
45630
|
-
|
|
45631
|
-
});
|
|
45632
|
-
var unix = [getUnixTime(startingDate), getUnixTime(endingDate)];
|
|
45633
|
-
return {
|
|
45634
|
-
dates: dates,
|
|
45635
|
-
unix: unix
|
|
45636
|
-
};
|
|
45637
|
-
};
|
|
45638
|
-
var dateRanges = function dateRanges() {
|
|
45639
|
-
var customRanges = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
|
|
45640
|
-
if ((customRanges === null || customRanges === void 0 ? void 0 : customRanges.length) > 0) {
|
|
45641
|
-
return customRanges.map(function (range) {
|
|
45642
|
-
return {
|
|
45643
|
-
title: range.title,
|
|
45644
|
-
dateRange: getDateAndUnixRange(_defineProperty$1({}, range.type, [range.value]))
|
|
45645
|
-
};
|
|
45646
|
-
});
|
|
45647
|
-
}
|
|
45648
|
-
return [{
|
|
45649
|
-
title: 'Last 24 Hours',
|
|
45650
|
-
dateRange: getDateAndUnixRange({
|
|
45651
|
-
hours: 24
|
|
45652
|
-
})
|
|
45653
|
-
}, {
|
|
45654
|
-
title: 'Last 7 Days',
|
|
45655
|
-
dateRange: getDateAndUnixRange({
|
|
45656
|
-
days: 7
|
|
45657
|
-
})
|
|
45658
|
-
}, {
|
|
45659
|
-
title: 'Last 15 Days',
|
|
45660
|
-
dateRange: getDateAndUnixRange({
|
|
45661
|
-
days: 15
|
|
45662
|
-
})
|
|
45663
|
-
}, {
|
|
45664
|
-
title: 'Last 1 Month',
|
|
45665
|
-
dateRange: getDateAndUnixRange({
|
|
45666
|
-
months: 1
|
|
45905
|
+
var Days = function Days() {
|
|
45906
|
+
var daysInWeek = DAYS;
|
|
45907
|
+
return /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
45908
|
+
className: modules_82c45006.days,
|
|
45909
|
+
children: daysInWeek.map(function (day) {
|
|
45910
|
+
return /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
45911
|
+
children: day
|
|
45912
|
+
}, day);
|
|
45667
45913
|
})
|
|
45668
|
-
}
|
|
45914
|
+
});
|
|
45669
45915
|
};
|
|
45670
45916
|
|
|
45671
|
-
var
|
|
45672
|
-
var value = props.value,
|
|
45673
|
-
action = props.action,
|
|
45674
|
-
Icon = props.icon;
|
|
45917
|
+
var Body = function Body(props) {
|
|
45675
45918
|
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
45676
|
-
className:
|
|
45677
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(
|
|
45678
|
-
className: modules_b490bd5d.date,
|
|
45679
|
-
children: [/*#__PURE__*/jsxRuntime.jsx("span", {
|
|
45680
|
-
className: classes(modules_b490bd5d.value),
|
|
45681
|
-
children: value
|
|
45682
|
-
}), /*#__PURE__*/jsxRuntime.jsx(Button, {
|
|
45683
|
-
size: "auto",
|
|
45684
|
-
variant: "text",
|
|
45685
|
-
onClick: action,
|
|
45686
|
-
leftComponent: Icon
|
|
45687
|
-
})]
|
|
45688
|
-
})]
|
|
45919
|
+
className: modules_e6b80d99.root,
|
|
45920
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(Days, {}), /*#__PURE__*/jsxRuntime.jsx(Dates, _objectSpread2({}, props))]
|
|
45689
45921
|
});
|
|
45690
45922
|
};
|
|
45923
|
+
|
|
45924
|
+
var css$K = ".Footer_module_root__4cf0f510 {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n align-items: stretch;\n margin-inline: 1rem;\n}\n.Footer_module_root__4cf0f510 .Footer_module_apply__4cf0f510 {\n margin-top: 0.5rem;\n width: 100%;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n}\n.Footer_module_root__4cf0f510 .Footer_module_timePicker__4cf0f510 {\n margin-bottom: 1.25rem;\n}\n\n.Footer_module_selectedDate__4cf0f510 {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n gap: 1.125rem;\n background: var(--white);\n border: 0.0625rem solid var(--grey4);\n border-radius: 0.25rem;\n}\n.Footer_module_selectedDate__4cf0f510 .Footer_module_date__4cf0f510 {\n font-weight: 500;\n font-size: 0.875rem;\n line-height: 1.3125rem;\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.Footer_module_selectedDate__4cf0f510 .Footer_module_date__4cf0f510 .Footer_module_cross__4cf0f510 {\n width: 1.5rem;\n height: 1.5rem;\n}\n.Footer_module_selectedDate__4cf0f510 .Footer_module_date__4cf0f510 .Footer_module_value__4cf0f510 {\n font-weight: 400;\n padding-right: 0.7rem;\n border-right: 1px var(--grey3) solid;\n}\n\n.Footer_module_dateRanges__4cf0f510 {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n align-items: stretch;\n margin-top: 0.5rem;\n}\n.Footer_module_dateRanges__4cf0f510 .Footer_module_dateRange__4cf0f510 {\n display: flex;\n align-items: center;\n padding: 0.875rem 1rem;\n gap: 1.125rem;\n cursor: pointer;\n}\n.Footer_module_dateRanges__4cf0f510 .Footer_module_dateRange__4cf0f510:hover {\n background-color: var(--background);\n}\n.Footer_module_dateRanges__4cf0f510 .Footer_module_dateRange__4cf0f510 span {\n font-weight: 400;\n font-size: 0.875rem;\n line-height: 1.3125rem;\n color: var(--black);\n}\n.Footer_module_dateRanges__4cf0f510 .Footer_module_selected__4cf0f510 {\n background-color: var(--background);\n}";
|
|
45925
|
+
var modules_b490bd5d = {"root":"Footer_module_root__4cf0f510","apply":"Footer_module_apply__4cf0f510","time-picker":"Footer_module_timePicker__4cf0f510","selected-date":"Footer_module_selectedDate__4cf0f510","date":"Footer_module_date__4cf0f510","cross":"Footer_module_cross__4cf0f510","value":"Footer_module_value__4cf0f510","date-ranges":"Footer_module_dateRanges__4cf0f510","date-range":"Footer_module_dateRange__4cf0f510","selected":"Footer_module_selected__4cf0f510"};
|
|
45926
|
+
n(css$K,{});
|
|
45927
|
+
|
|
45928
|
+
/* eslint-disable no-nested-ternary */
|
|
45691
45929
|
var Footer = function Footer(props) {
|
|
45692
45930
|
var _props$selectedDate = props.selectedDate,
|
|
45693
45931
|
selectedDate = _props$selectedDate === void 0 ? {} : _props$selectedDate,
|
|
45694
45932
|
_props$selectedRange = props.selectedRange,
|
|
45695
45933
|
selectedRange = _props$selectedRange === void 0 ? {} : _props$selectedRange,
|
|
45696
|
-
|
|
45697
|
-
|
|
45698
|
-
range = props.range,
|
|
45699
|
-
goToDate = props.goToDate,
|
|
45700
|
-
onApply = props.onApply,
|
|
45701
|
-
setFixedRange = props.setFixedRange,
|
|
45702
|
-
customRanges = props.customRanges;
|
|
45703
|
-
var date = selectedDate.date,
|
|
45704
|
-
month = selectedDate.month,
|
|
45705
|
-
year = selectedDate.year;
|
|
45934
|
+
onApply = props.onApply;
|
|
45935
|
+
var date = selectedDate.date;
|
|
45706
45936
|
var _selectedRange$dates = selectedRange.dates,
|
|
45707
45937
|
dates = _selectedRange$dates === void 0 ? [] : _selectedRange$dates;
|
|
45708
|
-
var monthInShort = month === null || month === void 0 ? void 0 : month.substr(0, 3);
|
|
45709
45938
|
var datesSelected = date || dates.length === 2;
|
|
45710
|
-
|
|
45711
|
-
setSelectedRange(dateRange);
|
|
45712
|
-
setFixedRange(title);
|
|
45713
|
-
};
|
|
45714
|
-
var resetDate = function resetDate() {
|
|
45715
|
-
goToDate(getUnixTime(new Date()));
|
|
45716
|
-
};
|
|
45717
|
-
var clearRangeSelection = function clearRangeSelection() {
|
|
45718
|
-
setSelectedRange({});
|
|
45719
|
-
};
|
|
45720
|
-
var datePassed = fromUnixTime(selectedDate.unix);
|
|
45721
|
-
var onTimeChange = function onTimeChange(time) {
|
|
45722
|
-
var monthNumber = datePassed.getMonth();
|
|
45723
|
-
var hours = null;
|
|
45724
|
-
hours = time.hours;
|
|
45725
|
-
if (time.hours === '12') {
|
|
45726
|
-
hours = '00';
|
|
45727
|
-
}
|
|
45728
|
-
if (time.meridian === 'PM') {
|
|
45729
|
-
hours = 12 + parseInt(time.hours, 10);
|
|
45730
|
-
}
|
|
45731
|
-
var unix = getUnixTime(new Date(!Number.isNaN(selectedDate.year) ? selectedDate.year : getDayInfo(new Date()).year, !Number.isNaN(monthNumber) ? monthNumber : getDayInfo(new Date()).monthAsNumber, !Number.isNaN(selectedDate.date) ? selectedDate.date : getDayInfo(new Date()).dateAsNumber, Number(hours), Number(time.minutes), Number(time.seconds)));
|
|
45732
|
-
setSelectedDate(_objectSpread2(_objectSpread2({}, selectedDate), {}, {
|
|
45733
|
-
unix: unix
|
|
45734
|
-
}));
|
|
45735
|
-
};
|
|
45736
|
-
var getTimePickerValue = function getTimePickerValue() {
|
|
45737
|
-
if (datePassed.getDate()) {
|
|
45738
|
-
var _hours = ((datePassed.getHours() + 11) % 12 + 1).toString();
|
|
45739
|
-
var _minutes = datePassed.getMinutes().toString();
|
|
45740
|
-
var _seconds = datePassed.getSeconds().toString();
|
|
45741
|
-
var _meridian = datePassed.getHours() >= 12 ? 'PM' : 'AM';
|
|
45742
|
-
return {
|
|
45743
|
-
hours: doubleDigitted(_hours),
|
|
45744
|
-
minutes: doubleDigitted(_minutes),
|
|
45745
|
-
seconds: doubleDigitted(_seconds),
|
|
45746
|
-
meridian: _meridian
|
|
45747
|
-
};
|
|
45748
|
-
}
|
|
45749
|
-
var _getDayInfo = getDayInfo(new Date()),
|
|
45750
|
-
hours = _getDayInfo.hours;
|
|
45751
|
-
var _getDayInfo2 = getDayInfo(new Date()),
|
|
45752
|
-
minutes = _getDayInfo2.minutes;
|
|
45753
|
-
var _getDayInfo3 = getDayInfo(new Date()),
|
|
45754
|
-
seconds = _getDayInfo3.seconds;
|
|
45755
|
-
var meridian = getDayInfo(new Date()).hours >= 12 ? 'PM' : 'AM';
|
|
45756
|
-
return {
|
|
45757
|
-
hours: doubleDigitted(hours),
|
|
45758
|
-
minutes: doubleDigitted(minutes),
|
|
45759
|
-
seconds: doubleDigitted(seconds),
|
|
45760
|
-
meridian: meridian
|
|
45761
|
-
};
|
|
45762
|
-
};
|
|
45763
|
-
var timeValue = "".concat(getTimePickerValue().hours, ":").concat(getTimePickerValue().minutes, " ").concat(getTimePickerValue().meridian);
|
|
45764
|
-
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
45939
|
+
return /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
45765
45940
|
className: modules_b490bd5d.root,
|
|
45766
|
-
children:
|
|
45767
|
-
value: getTimePickerValue(),
|
|
45768
|
-
onChange: onTimeChange,
|
|
45769
|
-
className: modules_b490bd5d['time-picker']
|
|
45770
|
-
}), datesSelected && (dates === null || dates === void 0 ? void 0 : dates.length) === 2 ? /*#__PURE__*/jsxRuntime.jsx(SelectedDateView, {
|
|
45771
|
-
range: true,
|
|
45772
|
-
value: "".concat(selectedRange.dates[0], " - ").concat(selectedRange.dates[1]),
|
|
45773
|
-
icon: function icon() {
|
|
45774
|
-
return /*#__PURE__*/jsxRuntime.jsx(Cross$1, {
|
|
45775
|
-
className: modules_b490bd5d.cross
|
|
45776
|
-
});
|
|
45777
|
-
},
|
|
45778
|
-
action: clearRangeSelection
|
|
45779
|
-
}) : datesSelected && /*#__PURE__*/jsxRuntime.jsx(SelectedDateView, {
|
|
45780
|
-
value: "".concat(doubleDigitted(date), " ").concat(monthInShort, " ").concat(year, " - ").concat(timeValue),
|
|
45781
|
-
icon: function icon() {
|
|
45782
|
-
return /*#__PURE__*/jsxRuntime.jsx(Reset, {});
|
|
45783
|
-
},
|
|
45784
|
-
action: resetDate
|
|
45785
|
-
}), range && /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
45786
|
-
className: modules_b490bd5d['date-ranges'],
|
|
45787
|
-
children: dateRanges(customRanges).map(function (_ref) {
|
|
45788
|
-
var _selectedRange$unix;
|
|
45789
|
-
var dateRange = _ref.dateRange,
|
|
45790
|
-
title = _ref.title;
|
|
45791
|
-
var selectedFixedDateRange = dateRange.unix.toString() === ((_selectedRange$unix = selectedRange.unix) === null || _selectedRange$unix === void 0 ? void 0 : _selectedRange$unix.toString());
|
|
45792
|
-
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
45793
|
-
className: classes(modules_b490bd5d['date-range'], selectedFixedDateRange ? modules_b490bd5d.selected : ''),
|
|
45794
|
-
onClick: function onClick() {
|
|
45795
|
-
selectFixedDateRange(dateRange, title);
|
|
45796
|
-
},
|
|
45797
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(HalfShade, {}), /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
45798
|
-
children: title
|
|
45799
|
-
})]
|
|
45800
|
-
}, title);
|
|
45801
|
-
})
|
|
45802
|
-
}), datesSelected && /*#__PURE__*/jsxRuntime.jsx(Button, {
|
|
45941
|
+
children: datesSelected && /*#__PURE__*/jsxRuntime.jsx(Button, {
|
|
45803
45942
|
onClick: onApply,
|
|
45804
45943
|
title: "Apply",
|
|
45805
45944
|
className: modules_b490bd5d.apply
|
|
45806
|
-
})
|
|
45945
|
+
})
|
|
45807
45946
|
});
|
|
45808
45947
|
};
|
|
45809
45948
|
|
|
@@ -45818,6 +45957,7 @@ var Calender = function Calender(props) {
|
|
|
45818
45957
|
disableDatesBefore = props.disableDatesBefore,
|
|
45819
45958
|
value = props.value,
|
|
45820
45959
|
setFixedRange = props.setFixedRange,
|
|
45960
|
+
fixedRange = props.fixedRange,
|
|
45821
45961
|
customRanges = props.customRanges;
|
|
45822
45962
|
var _getDayInfo = getDayInfo(new Date()),
|
|
45823
45963
|
month = _getDayInfo.month,
|
|
@@ -45835,6 +45975,9 @@ var Calender = function Calender(props) {
|
|
|
45835
45975
|
setSelectedMonth = _useState2[1];
|
|
45836
45976
|
React.useEffect(function () {
|
|
45837
45977
|
var _value$filter;
|
|
45978
|
+
if (fixedRange) {
|
|
45979
|
+
return;
|
|
45980
|
+
}
|
|
45838
45981
|
if (range && (value === null || value === void 0 ? void 0 : (_value$filter = value.filter(Boolean)) === null || _value$filter === void 0 ? void 0 : _value$filter.length) > 0) {
|
|
45839
45982
|
setSelectedRange({
|
|
45840
45983
|
dates: getDatesInStringFormat({
|
|
@@ -45853,9 +45996,9 @@ var Calender = function Calender(props) {
|
|
|
45853
45996
|
dayAsNumber: selectedDayInfo.dayAsNumber
|
|
45854
45997
|
};
|
|
45855
45998
|
setSelectedMonth({
|
|
45856
|
-
month:
|
|
45857
|
-
monthAsNumber:
|
|
45858
|
-
year:
|
|
45999
|
+
month: getDayInfo(fromUnixTime(value[0])).month,
|
|
46000
|
+
monthAsNumber: getDayInfo(fromUnixTime(value[0])).monthAsNumber,
|
|
46001
|
+
year: getDayInfo(fromUnixTime(value[0])).year
|
|
45859
46002
|
});
|
|
45860
46003
|
setSelectedDate(_objectSpread2(_objectSpread2({}, selectedDate), {}, {
|
|
45861
46004
|
month: selectedDateMonth.month,
|
|
@@ -45959,10 +46102,11 @@ var Calender = function Calender(props) {
|
|
|
45959
46102
|
};
|
|
45960
46103
|
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
45961
46104
|
className: modules_3722b5cd.root,
|
|
45962
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(Header, {
|
|
46105
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(Header, _objectSpread2(_objectSpread2({}, commonCalenderProps), {}, {
|
|
45963
46106
|
selectedMonth: selectedMonth,
|
|
45964
|
-
onMonthChange: onMonthChange
|
|
45965
|
-
|
|
46107
|
+
onMonthChange: onMonthChange,
|
|
46108
|
+
setSelectedMonth: setSelectedMonth
|
|
46109
|
+
})), /*#__PURE__*/jsxRuntime.jsx(Body, _objectSpread2(_objectSpread2({}, commonCalenderProps), {}, {
|
|
45966
46110
|
selectedMonth: selectedMonth,
|
|
45967
46111
|
disabledDates: disabledDates,
|
|
45968
46112
|
disableDatesBefore: disableDatesBefore
|
|
@@ -45975,13 +46119,85 @@ var Calender = function Calender(props) {
|
|
|
45975
46119
|
});
|
|
45976
46120
|
};
|
|
45977
46121
|
|
|
45978
|
-
var css$
|
|
45979
|
-
var modules_5b831cd1 = {"root":"
|
|
45980
|
-
n(css$
|
|
46122
|
+
var css$J = ".DatePicker_module_root__e9055cc7 {\n\tdisplay: flex;\n\tflex-direction: row;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tmax-width: 100%;\n}\n.DatePicker_module_root__e9055cc7 .DatePicker_module_customPicker__e9055cc7[data-elem='base-cell'] {\n\tflex: 1;\n\twidth: 100%;\n\tmin-width: 15rem;\n\tborder-color: var(--grey3);\n\tborder-style: solid;\n\tborder-width: 0.0625rem 0 0.0625rem 0.0625rem;\n\tbackground-color: transparent !important;\n\tborder-radius: 0.25rem 0 0 0.25rem;\n\theight: auto;\n\tpadding: 0.75rem 1rem;\n\tdisplay: flex;\n\tflex-direction: row;\n\tjustify-content: flex-start;\n\talign-items: center;\n}\n.DatePicker_module_root__e9055cc7 .DatePicker_module_customPicker__e9055cc7[data-elem='base-cell'] > [data-elem='component1'] {\n\tflex: 0 0 auto;\n}\n.DatePicker_module_root__e9055cc7 .DatePicker_module_customPicker__e9055cc7[data-elem='base-cell'] > [data-elem='component1'] .DatePicker_module_icon__e9055cc7 {\n\twidth: 1.5rem;\n\theight: 1.5rem;\n}\n.DatePicker_module_root__e9055cc7 .DatePicker_module_customPicker__e9055cc7[data-elem='base-cell'] > [data-elem='component1'] .DatePicker_module_icon__e9055cc7.DatePicker_module_light__e9055cc7 path {\n\tstroke: var(--black);\n}\n.DatePicker_module_root__e9055cc7 .DatePicker_module_customPicker__e9055cc7[data-elem='base-cell'] > [data-elem='component1'] .DatePicker_module_icon__e9055cc7.DatePicker_module_dark__e9055cc7 path {\n\tstroke: var(--white);\n}\n.DatePicker_module_root__e9055cc7 .DatePicker_module_customPicker__e9055cc7[data-elem='base-cell'] > [data-elem='component2'] {\n\tcolor: var(--dark-grey);\n\ttext-overflow: ellipsis;\n\toverflow: hidden;\n\twhite-space: nowrap;\n}\n.DatePicker_module_root__e9055cc7 .DatePicker_module_datePicker__e9055cc7 {\n\tflex: 1;\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: stretch;\n\tgap: 0.5rem;\n\tmax-width: 100%;\n\tmin-width: 15rem;\n\toverflow: visible;\n}\n.DatePicker_module_root__e9055cc7 .DatePicker_module_datePicker__e9055cc7 .DatePicker_module_label__e9055cc7 {\n\tfont-weight: 400;\n\tfont-size: 0.75rem;\n\tline-height: 0.9375rem;\n}\n.DatePicker_module_root__e9055cc7 .DatePicker_module_datePicker__e9055cc7 .DatePicker_module_label__e9055cc7.DatePicker_module_light__e9055cc7 {\n\tcolor: var(--black);\n}\n.DatePicker_module_root__e9055cc7 .DatePicker_module_datePicker__e9055cc7 .DatePicker_module_label__e9055cc7.DatePicker_module_dark__e9055cc7 {\n\tcolor: var(--white);\n}\n.DatePicker_module_root__e9055cc7 .DatePicker_module_datePicker__e9055cc7 .DatePicker_module_container__e9055cc7 {\n\tdisplay: flex;\n\tflex-direction: row;\n\tjustify-content: space-between;\n\talign-items: center;\n\tposition: relative;\n\tbackground-color: transparent;\n\tborder-radius: 0.25rem;\n\twidth: auto;\n\tborder: 0.0625rem solid transparent;\n\tpadding: 0.75rem 1rem;\n\tcursor: pointer;\n}\n.DatePicker_module_root__e9055cc7 .DatePicker_module_datePicker__e9055cc7 .DatePicker_module_container__e9055cc7.DatePicker_module_withCustom__e9055cc7 {\n\tborder-radius: 0 0.25rem 0.25rem 0;\n}\n.DatePicker_module_root__e9055cc7 .DatePicker_module_datePicker__e9055cc7 .DatePicker_module_container__e9055cc7.DatePicker_module_disabled__e9055cc7 {\n\tdisplay: flex;\n\tflex-direction: row;\n\tjustify-content: space-between;\n\talign-items: center;\n\tposition: relative;\n\tbackground: var(--grey10);\n\tborder-radius: 0.25rem;\n\tborder: 0.0625rem solid var(--grey5);\n\tpadding: 0.75rem 1rem;\n\tcursor: not-allowed;\n}\n.DatePicker_module_root__e9055cc7 .DatePicker_module_datePicker__e9055cc7 .DatePicker_module_container__e9055cc7.DatePicker_module_disabled__e9055cc7 .DatePicker_module_downArrow__e9055cc7 {\n\ttransform: rotate(270deg);\n\tfill: var(--grey3);\n}\n.DatePicker_module_root__e9055cc7 .DatePicker_module_datePicker__e9055cc7 .DatePicker_module_container__e9055cc7.DatePicker_module_disabled__e9055cc7 .DatePicker_module_placeholder__e9055cc7 {\n\tfont-weight: 400;\n\tfont-size: 1rem;\n\tcolor: var(--grey3);\n\t-webkit-user-select: none;\n\t-moz-user-select: none;\n\tuser-select: none;\n}\n.DatePicker_module_root__e9055cc7 .DatePicker_module_datePicker__e9055cc7 .DatePicker_module_container__e9055cc7.DatePicker_module_open__e9055cc7 {\n\toutline: 0.0625rem solid var(--highlight);\n}\n.DatePicker_module_root__e9055cc7 .DatePicker_module_datePicker__e9055cc7 .DatePicker_module_container__e9055cc7.DatePicker_module_error__e9055cc7 {\n\toutline: 0.0625rem solid var(--error);\n}\n.DatePicker_module_root__e9055cc7 .DatePicker_module_datePicker__e9055cc7 .DatePicker_module_container__e9055cc7 .DatePicker_module_left__e9055cc7 {\n\tdisplay: flex;\n\tflex-direction: row;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tgap: 0.9375rem;\n\toverflow: hidden;\n}\n.DatePicker_module_root__e9055cc7 .DatePicker_module_datePicker__e9055cc7 .DatePicker_module_container__e9055cc7 .DatePicker_module_left__e9055cc7 .DatePicker_module_icon__e9055cc7 {\n\tflex: 1 0 auto;\n}\n.DatePicker_module_root__e9055cc7 .DatePicker_module_datePicker__e9055cc7 .DatePicker_module_container__e9055cc7 .DatePicker_module_left__e9055cc7 > div {\n\tfont-weight: 400;\n\tfont-size: 1rem;\n\tflex: 1 1 auto;\n\toverflow: hidden;\n\tdisplay: flex;\n\tflex-direction: row;\n\tjustify-content: center;\n\talign-items: center;\n}\n.DatePicker_module_root__e9055cc7 .DatePicker_module_datePicker__e9055cc7 .DatePicker_module_container__e9055cc7 .DatePicker_module_left__e9055cc7 > div.DatePicker_module_light__e9055cc7 {\n\tcolor: var(--black);\n}\n.DatePicker_module_root__e9055cc7 .DatePicker_module_datePicker__e9055cc7 .DatePicker_module_container__e9055cc7 .DatePicker_module_left__e9055cc7 > div.DatePicker_module_dark__e9055cc7 {\n\tcolor: var(--white);\n}\n.DatePicker_module_root__e9055cc7 .DatePicker_module_datePicker__e9055cc7 .DatePicker_module_container__e9055cc7 .DatePicker_module_left__e9055cc7 > div .DatePicker_module_placeholder__e9055cc7 {\n\tfont-weight: 400;\n\tfont-size: 1rem;\n\t-webkit-user-select: none;\n\t-moz-user-select: none;\n\tuser-select: none;\n}\n.DatePicker_module_root__e9055cc7 .DatePicker_module_datePicker__e9055cc7 .DatePicker_module_container__e9055cc7 .DatePicker_module_left__e9055cc7 > div > span {\n\tdisplay: inline-block;\n\ttext-overflow: ellipsis;\n\toverflow: hidden;\n\twhite-space: nowrap;\n\tfont-weight: 500;\n}\n.DatePicker_module_root__e9055cc7 .DatePicker_module_datePicker__e9055cc7 .DatePicker_module_container__e9055cc7 .DatePicker_module_input__e9055cc7 {\n\tdisplay: none;\n}\n.DatePicker_module_root__e9055cc7 .DatePicker_module_datePicker__e9055cc7 .DatePicker_module_container__e9055cc7 .DatePicker_module_close__e9055cc7 {\n\theight: auto;\n\tpadding: 0;\n}\n.DatePicker_module_root__e9055cc7 .DatePicker_module_datePicker__e9055cc7 .DatePicker_module_container__e9055cc7 .DatePicker_module_icon__e9055cc7 {\n\twidth: 1.5rem;\n\theight: 1.5rem;\n}\n.DatePicker_module_root__e9055cc7 .DatePicker_module_datePicker__e9055cc7 .DatePicker_module_container__e9055cc7 .DatePicker_module_icon__e9055cc7.DatePicker_module_light__e9055cc7 > path {\n\tfill: var(--dark-grey);\n}\n.DatePicker_module_root__e9055cc7 .DatePicker_module_datePicker__e9055cc7 .DatePicker_module_container__e9055cc7 .DatePicker_module_icon__e9055cc7.DatePicker_module_dark__e9055cc7 > path {\n\tfill: var(--white);\n}\n.DatePicker_module_root__e9055cc7 .DatePicker_module_datePicker__e9055cc7.DatePicker_module_dark__e9055cc7 .DatePicker_module_container__e9055cc7 {\n\tborder-color: var(--grey);\n}\n.DatePicker_module_root__e9055cc7 .DatePicker_module_datePicker__e9055cc7.DatePicker_module_dark__e9055cc7 .DatePicker_module_container__e9055cc7 .DatePicker_module_placeholder__e9055cc7 {\n\tcolor: var(--grey2);\n}\n.DatePicker_module_root__e9055cc7 .DatePicker_module_datePicker__e9055cc7.DatePicker_module_light__e9055cc7 .DatePicker_module_container__e9055cc7 {\n\tborder-color: var(--grey4);\n}\n.DatePicker_module_root__e9055cc7 .DatePicker_module_datePicker__e9055cc7.DatePicker_module_light__e9055cc7 .DatePicker_module_container__e9055cc7 .DatePicker_module_placeholder__e9055cc7 {\n\tcolor: var(--grey);\n}\n\n.DatePicker_module_root__e9055cc7 .DatePicker_module_disabled__e9055cc7 {\n\tdisplay: flex;\n\tflex-direction: row;\n\tjustify-content: space-between;\n\talign-items: center;\n\tposition: relative;\n\tbackground: var(--grey10);\n\tborder-radius: 0.25rem;\n\tborder: 0.0625rem solid var(--grey5);\n\tpadding: 0.75rem 1rem;\n\tcursor: pointer;\n}\n.DatePicker_module_root__e9055cc7 .DatePicker_module_disabled__e9055cc7 .DatePicker_module_downArrow__e9055cc7 {\n\ttransform: rotate(270deg);\n\tfill: var(--grey3);\n}\n.DatePicker_module_root__e9055cc7 .DatePicker_module_disabled__e9055cc7 .DatePicker_module_placeholder__e9055cc7 {\n\tfont-weight: 400;\n\tfont-size: 1rem;\n\tcolor: var(--grey3);\n\t-webkit-user-select: none;\n\t-moz-user-select: none;\n\tuser-select: none;\n}\n.DatePicker_module_root__e9055cc7.DatePicker_module_open__e9055cc7 {\n\tborder-color: var(--highlight);\n}\n.DatePicker_module_root__e9055cc7 .DatePicker_module_error__e9055cc7 {\n\tborder: 0.0938rem solid var(--error);\n}\n.DatePicker_module_root__e9055cc7 .DatePicker_module_datePicker__e9055cc7 .DatePicker_module_errorText__e9055cc7 {\n\tfont-weight: 400;\n\tfont-size: 0.75rem;\n\tline-height: 0.9375rem;\n\tcolor: var(--error);\n}\n\n.DatePicker_module_popper__e9055cc7 {\n\tdisplay: none;\n\tbackground: var(--white);\n\tborder: 0.0625rem solid #d9d9d9;\n\tbox-shadow: 0px 8px 20px rgba(24, 24, 24, 0.08);\n\tborder-radius: 0.25rem;\n\toverflow: auto;\n}\n.DatePicker_module_popper__e9055cc7.DatePicker_module_open__e9055cc7 {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: stretch;\n\tposition: absolute;\n} \n";
|
|
46123
|
+
var modules_5b831cd1 = {"root":"DatePicker_module_root__e9055cc7","custom-picker":"DatePicker_module_customPicker__e9055cc7","icon":"DatePicker_module_icon__e9055cc7","light":"DatePicker_module_light__e9055cc7","dark":"DatePicker_module_dark__e9055cc7","date-picker":"DatePicker_module_datePicker__e9055cc7","label":"DatePicker_module_label__e9055cc7","container":"DatePicker_module_container__e9055cc7","with-custom":"DatePicker_module_withCustom__e9055cc7","disabled":"DatePicker_module_disabled__e9055cc7","down-arrow":"DatePicker_module_downArrow__e9055cc7","placeholder":"DatePicker_module_placeholder__e9055cc7","open":"DatePicker_module_open__e9055cc7","error":"DatePicker_module_error__e9055cc7","left":"DatePicker_module_left__e9055cc7","input":"DatePicker_module_input__e9055cc7","close":"DatePicker_module_close__e9055cc7","error-text":"DatePicker_module_errorText__e9055cc7","popper":"DatePicker_module_popper__e9055cc7"};
|
|
46124
|
+
n(css$J,{});
|
|
45981
46125
|
|
|
45982
|
-
var
|
|
45983
|
-
var
|
|
45984
|
-
|
|
46126
|
+
var getDateAndUnixRange$1 = function getDateAndUnixRange(duration) {
|
|
46127
|
+
var startingDate = sub$2(new Date(), duration);
|
|
46128
|
+
startingDate.setHours(0, 0, 0, 0);
|
|
46129
|
+
var endingDate = new Date();
|
|
46130
|
+
endingDate.setHours(0, 0, 0, 0);
|
|
46131
|
+
var dates = getDatesInStringFormat({
|
|
46132
|
+
startingDate: startingDate,
|
|
46133
|
+
endingDate: endingDate
|
|
46134
|
+
});
|
|
46135
|
+
var unix = [getUnixTime(startingDate), getUnixTime(endingDate)];
|
|
46136
|
+
return {
|
|
46137
|
+
dates: dates,
|
|
46138
|
+
unix: unix
|
|
46139
|
+
};
|
|
46140
|
+
};
|
|
46141
|
+
var dateRanges$1 = function dateRanges() {
|
|
46142
|
+
var customRanges = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
|
|
46143
|
+
if ((customRanges === null || customRanges === void 0 ? void 0 : customRanges.length) > 0) {
|
|
46144
|
+
return customRanges.map(function (range) {
|
|
46145
|
+
return {
|
|
46146
|
+
title: range.title,
|
|
46147
|
+
dateRange: getDateAndUnixRange$1(_defineProperty$1({}, range.type, [range.value]))
|
|
46148
|
+
};
|
|
46149
|
+
});
|
|
46150
|
+
}
|
|
46151
|
+
return [{
|
|
46152
|
+
title: 'Last 24 Hours',
|
|
46153
|
+
dateRange: getDateAndUnixRange$1({
|
|
46154
|
+
hours: 24
|
|
46155
|
+
})
|
|
46156
|
+
}, {
|
|
46157
|
+
title: 'Last 7 Days',
|
|
46158
|
+
dateRange: getDateAndUnixRange$1({
|
|
46159
|
+
days: 7
|
|
46160
|
+
})
|
|
46161
|
+
}, {
|
|
46162
|
+
title: 'Last 15 Days',
|
|
46163
|
+
dateRange: getDateAndUnixRange$1({
|
|
46164
|
+
days: 15
|
|
46165
|
+
})
|
|
46166
|
+
}, {
|
|
46167
|
+
title: 'Last 1 Month',
|
|
46168
|
+
dateRange: getDateAndUnixRange$1({
|
|
46169
|
+
months: 1
|
|
46170
|
+
})
|
|
46171
|
+
}];
|
|
46172
|
+
};
|
|
46173
|
+
|
|
46174
|
+
var getFloatingReferences = function getFloatingReferences(open, onOpenChange) {
|
|
46175
|
+
return {
|
|
46176
|
+
open: open,
|
|
46177
|
+
onOpenChange: onOpenChange,
|
|
46178
|
+
whileElementsMounted: autoUpdate,
|
|
46179
|
+
middleware: [size({
|
|
46180
|
+
apply: function apply(_ref) {
|
|
46181
|
+
var rects = _ref.rects,
|
|
46182
|
+
availableHeight = _ref.availableHeight,
|
|
46183
|
+
elements = _ref.elements;
|
|
46184
|
+
Object.assign(elements.floating.style, {
|
|
46185
|
+
width: "".concat(rects.reference.width, "px"),
|
|
46186
|
+
minWidth: 'fit-content',
|
|
46187
|
+
maxHeight: "".concat(availableHeight, "px")
|
|
46188
|
+
});
|
|
46189
|
+
},
|
|
46190
|
+
padding: 8
|
|
46191
|
+
}), offset(5), flip({
|
|
46192
|
+
padding: 8
|
|
46193
|
+
}), shift({
|
|
46194
|
+
padding: 8
|
|
46195
|
+
})]
|
|
46196
|
+
};
|
|
46197
|
+
};
|
|
46198
|
+
var isMaxRangeExceeded = function isMaxRangeExceeded(_ref2) {
|
|
46199
|
+
var maxRange = _ref2.maxRange,
|
|
46200
|
+
selectedRange = _ref2.selectedRange;
|
|
45985
46201
|
if (maxRange === null) {
|
|
45986
46202
|
return false;
|
|
45987
46203
|
}
|
|
@@ -46016,9 +46232,101 @@ var getDateRangeTag = function getDateRangeTag() {
|
|
|
46016
46232
|
}
|
|
46017
46233
|
return 'day';
|
|
46018
46234
|
};
|
|
46235
|
+
var getDatePickerDisplayValue = function getDatePickerDisplayValue(_ref3) {
|
|
46236
|
+
var value = _ref3.value,
|
|
46237
|
+
rangePicker = _ref3.rangePicker,
|
|
46238
|
+
singlePicker = _ref3.singlePicker;
|
|
46239
|
+
if (rangePicker) {
|
|
46240
|
+
var _startDate$getMonth$t, _endDate$getMonth$toS;
|
|
46241
|
+
var startDate = fromUnixTime(value[0]);
|
|
46242
|
+
var endDate = fromUnixTime(value[1]);
|
|
46243
|
+
var selectedFixedRange = dateRanges$1().find(function (dRange) {
|
|
46244
|
+
var _dRange$dateRange, _dRange$dateRange$uni;
|
|
46245
|
+
return ((_dRange$dateRange = dRange.dateRange) === null || _dRange$dateRange === void 0 ? void 0 : (_dRange$dateRange$uni = _dRange$dateRange.unix) === null || _dRange$dateRange$uni === void 0 ? void 0 : _dRange$dateRange$uni.toString()) === value.toString();
|
|
46246
|
+
});
|
|
46247
|
+
if (selectedFixedRange) {
|
|
46248
|
+
return selectedFixedRange.title;
|
|
46249
|
+
}
|
|
46250
|
+
var startDateValue = "".concat(startDate.getDate(), " ").concat(MONTHS[(_startDate$getMonth$t = startDate.getMonth().toString()) === null || _startDate$getMonth$t === void 0 ? void 0 : _startDate$getMonth$t.substring(0, 3)]);
|
|
46251
|
+
var endDateValue = "".concat(endDate.getDate(), " ").concat(MONTHS[(_endDate$getMonth$toS = endDate.getMonth().toString()) === null || _endDate$getMonth$toS === void 0 ? void 0 : _endDate$getMonth$toS.substring(0, 3)], " ").concat(endDate.getFullYear());
|
|
46252
|
+
return "".concat(startDateValue, " - ").concat(endDateValue);
|
|
46253
|
+
}
|
|
46254
|
+
if (singlePicker) {
|
|
46255
|
+
var _sDate$getMonth$toStr;
|
|
46256
|
+
var sDate = fromUnixTime(value);
|
|
46257
|
+
var timeValue = "".concat((sDate.getHours() + 11) % 12 + 1, ":").concat(sDate.getMinutes(), " ").concat(sDate.getHours() >= 12 ? 'PM' : 'AM');
|
|
46258
|
+
return " ".concat(sDate.getDate(), " ").concat(MONTHS[(_sDate$getMonth$toStr = sDate.getMonth().toString()) === null || _sDate$getMonth$toStr === void 0 ? void 0 : _sDate$getMonth$toStr.substring(0, 3)], " ").concat(sDate.getFullYear(), " ").concat(timeValue);
|
|
46259
|
+
}
|
|
46260
|
+
return '';
|
|
46261
|
+
};
|
|
46262
|
+
|
|
46263
|
+
var css$I = ".CustomRanges_module_root__f53b3a5c {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n padding: 0.25rem;\n gap: 0.25rem;\n}\n.CustomRanges_module_root__f53b3a5c .CustomRanges_module_option__f53b3a5c[data-elem=base-cell] {\n background-color: transparent !important;\n width: 100%;\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n}\n.CustomRanges_module_root__f53b3a5c .CustomRanges_module_option__f53b3a5c[data-elem=base-cell] > [data-elem=component2] {\n color: var(--grey1);\n}\n.CustomRanges_module_root__f53b3a5c .CustomRanges_module_option__f53b3a5c[data-elem=base-cell]:hover {\n background-color: var(--grey6) !important;\n}\n.CustomRanges_module_root__f53b3a5c .CustomRanges_module_option__f53b3a5c[data-elem=base-cell].CustomRanges_module_selected__f53b3a5c {\n background-color: var(--grey6) !important;\n}";
|
|
46264
|
+
var modules_5c8a78d6 = {"root":"CustomRanges_module_root__f53b3a5c","option":"CustomRanges_module_option__f53b3a5c","selected":"CustomRanges_module_selected__f53b3a5c"};
|
|
46265
|
+
n(css$I,{});
|
|
46266
|
+
|
|
46267
|
+
var getDateAndUnixRange = function getDateAndUnixRange(duration) {
|
|
46268
|
+
var startingDate = sub$2(new Date(), duration);
|
|
46269
|
+
startingDate.setHours(0, 0, 0, 0);
|
|
46270
|
+
var endingDate = new Date();
|
|
46271
|
+
endingDate.setHours(0, 0, 0, 0);
|
|
46272
|
+
var dates = getDatesInStringFormat({
|
|
46273
|
+
startingDate: startingDate,
|
|
46274
|
+
endingDate: endingDate
|
|
46275
|
+
});
|
|
46276
|
+
var unix = [getUnixTime(startingDate), getUnixTime(endingDate)];
|
|
46277
|
+
return {
|
|
46278
|
+
dates: dates,
|
|
46279
|
+
unix: unix
|
|
46280
|
+
};
|
|
46281
|
+
};
|
|
46282
|
+
var dateRanges = function dateRanges() {
|
|
46283
|
+
var customRanges = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
|
|
46284
|
+
if ((customRanges === null || customRanges === void 0 ? void 0 : customRanges.length) > 0) {
|
|
46285
|
+
return customRanges.map(function (range) {
|
|
46286
|
+
return {
|
|
46287
|
+
title: range.title,
|
|
46288
|
+
dateRange: getDateAndUnixRange(_defineProperty$1({}, range.type, [range.value]))
|
|
46289
|
+
};
|
|
46290
|
+
});
|
|
46291
|
+
}
|
|
46292
|
+
return [];
|
|
46293
|
+
};
|
|
46294
|
+
|
|
46295
|
+
var CustomRanges = function CustomRanges(_ref) {
|
|
46296
|
+
var _dateRanges;
|
|
46297
|
+
var customRanges = _ref.customRanges,
|
|
46298
|
+
selectedRange = _ref.selectedRange,
|
|
46299
|
+
setSelectedRange = _ref.setSelectedRange,
|
|
46300
|
+
setFixedRange = _ref.setFixedRange,
|
|
46301
|
+
setOpenDatePicker = _ref.setOpenDatePicker,
|
|
46302
|
+
setOpenCustomRange = _ref.setOpenCustomRange;
|
|
46303
|
+
var selectFixedDateRange = function selectFixedDateRange(dateRange, title) {
|
|
46304
|
+
setSelectedRange(dateRange);
|
|
46305
|
+
setFixedRange(title);
|
|
46306
|
+
setOpenDatePicker(true);
|
|
46307
|
+
setOpenCustomRange(false);
|
|
46308
|
+
};
|
|
46309
|
+
return /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
46310
|
+
className: modules_5c8a78d6.root,
|
|
46311
|
+
children: (_dateRanges = dateRanges(customRanges)) === null || _dateRanges === void 0 ? void 0 : _dateRanges.map(function (_ref2) {
|
|
46312
|
+
var _selectedRange$unix;
|
|
46313
|
+
var dateRange = _ref2.dateRange,
|
|
46314
|
+
title = _ref2.title;
|
|
46315
|
+
var selectedFixedDateRange = dateRange.unix.toString() === (selectedRange === null || selectedRange === void 0 ? void 0 : (_selectedRange$unix = selectedRange.unix) === null || _selectedRange$unix === void 0 ? void 0 : _selectedRange$unix.toString());
|
|
46316
|
+
return /*#__PURE__*/jsxRuntime.jsx(Button, {
|
|
46317
|
+
size: "auto",
|
|
46318
|
+
onClick: function onClick() {
|
|
46319
|
+
selectFixedDateRange(dateRange, title);
|
|
46320
|
+
},
|
|
46321
|
+
className: classes(modules_5c8a78d6.option, selectedFixedDateRange ? modules_5c8a78d6.selected : ''),
|
|
46322
|
+
title: title
|
|
46323
|
+
}, title);
|
|
46324
|
+
})
|
|
46325
|
+
});
|
|
46326
|
+
};
|
|
46019
46327
|
|
|
46020
46328
|
var DatePicker = function DatePicker(props) {
|
|
46021
|
-
var _value$filter;
|
|
46329
|
+
var _value$filter, _datePickerFloatingRe, _datePickerFloatingRe2, _customRangeFloatingR, _customRangeFloatingR2;
|
|
46022
46330
|
var placeholder = props.placeholder,
|
|
46023
46331
|
label = props.label,
|
|
46024
46332
|
range = props.range,
|
|
@@ -46034,94 +46342,59 @@ var DatePicker = function DatePicker(props) {
|
|
|
46034
46342
|
customRanges = props.customRanges;
|
|
46035
46343
|
var _useState = React.useState(false),
|
|
46036
46344
|
_useState2 = _slicedToArray(_useState, 2),
|
|
46037
|
-
|
|
46038
|
-
|
|
46039
|
-
var _useState3 = React.useState(
|
|
46345
|
+
openDatePicker = _useState2[0],
|
|
46346
|
+
setOpenDatePicker = _useState2[1];
|
|
46347
|
+
var _useState3 = React.useState(false),
|
|
46348
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
46349
|
+
openCustomRange = _useState4[0],
|
|
46350
|
+
setOpenCustomRange = _useState4[1];
|
|
46351
|
+
var _useState5 = React.useState(function () {
|
|
46040
46352
|
return {
|
|
46041
46353
|
dates: [],
|
|
46042
46354
|
unix: []
|
|
46043
46355
|
};
|
|
46044
46356
|
}),
|
|
46045
|
-
_useState4 = _slicedToArray(_useState3, 2),
|
|
46046
|
-
selectedRange = _useState4[0],
|
|
46047
|
-
setSelectedRange = _useState4[1];
|
|
46048
|
-
var _useState5 = React.useState(null),
|
|
46049
46357
|
_useState6 = _slicedToArray(_useState5, 2),
|
|
46050
|
-
|
|
46051
|
-
|
|
46358
|
+
selectedRange = _useState6[0],
|
|
46359
|
+
setSelectedRange = _useState6[1];
|
|
46052
46360
|
var _useState7 = React.useState(function () {
|
|
46053
|
-
return
|
|
46361
|
+
return null;
|
|
46054
46362
|
}),
|
|
46055
46363
|
_useState8 = _slicedToArray(_useState7, 2),
|
|
46056
|
-
|
|
46057
|
-
|
|
46364
|
+
fixedRange = _useState8[0],
|
|
46365
|
+
setFixedRange = _useState8[1];
|
|
46058
46366
|
var _useState9 = React.useState(function () {
|
|
46059
46367
|
return '';
|
|
46060
46368
|
}),
|
|
46061
46369
|
_useState10 = _slicedToArray(_useState9, 2),
|
|
46062
|
-
|
|
46063
|
-
|
|
46064
|
-
var
|
|
46065
|
-
|
|
46066
|
-
if (range && (value === null || value === void 0 ? void 0 : (_value$filter = value.filter(Boolean)) === null || _value$filter === void 0 ? void 0 : _value$filter.length) > 0) {
|
|
46067
|
-
var sDate = fromUnixTime(value[0]);
|
|
46068
|
-
var eDate = fromUnixTime(value[1]);
|
|
46069
|
-
var selectedFixedRange = dateRanges().find(function (rg) {
|
|
46070
|
-
var _rg$dateRange, _rg$dateRange$unix;
|
|
46071
|
-
return ((_rg$dateRange = rg.dateRange) === null || _rg$dateRange === void 0 ? void 0 : (_rg$dateRange$unix = _rg$dateRange.unix) === null || _rg$dateRange$unix === void 0 ? void 0 : _rg$dateRange$unix.toString()) === value.toString();
|
|
46072
|
-
});
|
|
46073
|
-
if (selectedFixedRange) {
|
|
46074
|
-
displayValue = selectedFixedRange.title;
|
|
46075
|
-
} else {
|
|
46076
|
-
var _sDate$getMonth$toStr, _eDate$getMonth$toStr;
|
|
46077
|
-
displayValue = " ".concat(sDate.getDate(), " ").concat(MONTHS[(_sDate$getMonth$toStr = sDate.getMonth().toString()) === null || _sDate$getMonth$toStr === void 0 ? void 0 : _sDate$getMonth$toStr.substring(0, 3)], " - ").concat(eDate.getDate(), " ").concat(MONTHS[(_eDate$getMonth$toStr = eDate.getMonth().toString()) === null || _eDate$getMonth$toStr === void 0 ? void 0 : _eDate$getMonth$toStr.substring(0, 3)], " ").concat(eDate.getFullYear());
|
|
46078
|
-
}
|
|
46079
|
-
}
|
|
46080
|
-
if (!range && value) {
|
|
46081
|
-
var _sDate$getMonth$toStr2;
|
|
46082
|
-
var _sDate = fromUnixTime(value);
|
|
46083
|
-
var timeValue = "".concat((_sDate.getHours() + 11) % 12 + 1, ":").concat(_sDate.getMinutes(), " ").concat(_sDate.getHours() >= 12 ? 'PM' : 'AM');
|
|
46084
|
-
displayValue = " ".concat(_sDate.getDate(), " ").concat(MONTHS[(_sDate$getMonth$toStr2 = _sDate.getMonth().toString()) === null || _sDate$getMonth$toStr2 === void 0 ? void 0 : _sDate$getMonth$toStr2.substring(0, 3)], " ").concat(_sDate.getFullYear(), " ").concat(timeValue);
|
|
46085
|
-
}
|
|
46086
|
-
if (fixedRange) {
|
|
46087
|
-
displayValue = fixedRange;
|
|
46088
|
-
}
|
|
46089
|
-
var _useFloating = useFloating({
|
|
46090
|
-
open: open,
|
|
46091
|
-
onOpenChange: setOpen,
|
|
46092
|
-
whileElementsMounted: autoUpdate,
|
|
46093
|
-
middleware: [size({
|
|
46094
|
-
apply: function apply(_ref) {
|
|
46095
|
-
var rects = _ref.rects,
|
|
46096
|
-
availableHeight = _ref.availableHeight,
|
|
46097
|
-
elements = _ref.elements;
|
|
46098
|
-
Object.assign(elements.floating.style, {
|
|
46099
|
-
width: "".concat(rects.reference.width, "px"),
|
|
46100
|
-
minWidth: 'fit-content',
|
|
46101
|
-
maxHeight: "".concat(availableHeight, "px")
|
|
46102
|
-
});
|
|
46103
|
-
},
|
|
46104
|
-
padding: 8
|
|
46105
|
-
}), offset(5), flip({
|
|
46106
|
-
padding: 8
|
|
46107
|
-
}), shift({
|
|
46108
|
-
padding: 8
|
|
46109
|
-
})]
|
|
46370
|
+
selectedDate = _useState10[0],
|
|
46371
|
+
setSelectedDate = _useState10[1];
|
|
46372
|
+
var _useState11 = React.useState(function () {
|
|
46373
|
+
return '';
|
|
46110
46374
|
}),
|
|
46111
|
-
|
|
46112
|
-
|
|
46113
|
-
|
|
46114
|
-
|
|
46115
|
-
|
|
46116
|
-
|
|
46117
|
-
|
|
46118
|
-
|
|
46375
|
+
_useState12 = _slicedToArray(_useState11, 2),
|
|
46376
|
+
error = _useState12[0],
|
|
46377
|
+
setError = _useState12[1];
|
|
46378
|
+
var datePickerRef = React.useRef();
|
|
46379
|
+
var displayValue = getDatePickerDisplayValue({
|
|
46380
|
+
value: value,
|
|
46381
|
+
rangePicker: range && (value === null || value === void 0 ? void 0 : (_value$filter = value.filter(Boolean)) === null || _value$filter === void 0 ? void 0 : _value$filter.length) > 0,
|
|
46382
|
+
singlePicker: !range && value
|
|
46119
46383
|
});
|
|
46120
|
-
var
|
|
46121
|
-
|
|
46122
|
-
|
|
46123
|
-
|
|
46124
|
-
|
|
46384
|
+
var datePickerFloatingReference = useFloating(getFloatingReferences(openDatePicker, setOpenDatePicker));
|
|
46385
|
+
var customRangeFloatingReference = useFloating(getFloatingReferences(openCustomRange, setOpenCustomRange));
|
|
46386
|
+
useOutsideClickListener(datePickerFloatingReference.floating, function () {
|
|
46387
|
+
return setOpenDatePicker(false);
|
|
46388
|
+
});
|
|
46389
|
+
useOutsideClickListener(customRangeFloatingReference.floating, function () {
|
|
46390
|
+
return setOpenDatePicker(false);
|
|
46391
|
+
});
|
|
46392
|
+
var datePickerInteractionProps = useInteractions([useClick(datePickerFloatingReference.context, {
|
|
46393
|
+
enabled: !disabled
|
|
46394
|
+
}), useDismiss(datePickerFloatingReference.context)]);
|
|
46395
|
+
var customRangeInteractionProps = useInteractions([useClick(customRangeFloatingReference.context, {
|
|
46396
|
+
enabled: !disabled
|
|
46397
|
+
}), useDismiss(customRangeFloatingReference.context)]);
|
|
46125
46398
|
var apply = function apply() {
|
|
46126
46399
|
var _selectedRange$dates;
|
|
46127
46400
|
if (((_selectedRange$dates = selectedRange.dates) === null || _selectedRange$dates === void 0 ? void 0 : _selectedRange$dates.length) === 2) {
|
|
@@ -46130,15 +46403,15 @@ var DatePicker = function DatePicker(props) {
|
|
|
46130
46403
|
selectedRange: selectedRange
|
|
46131
46404
|
})) {
|
|
46132
46405
|
setError('Invalid range of dates');
|
|
46133
|
-
|
|
46406
|
+
setOpenDatePicker(false);
|
|
46134
46407
|
return;
|
|
46135
46408
|
}
|
|
46136
46409
|
setError('');
|
|
46137
46410
|
onApply(selectedRange.unix, fixedRange, getDateRangeTag(selectedRange.unix));
|
|
46138
|
-
|
|
46411
|
+
setOpenDatePicker(false);
|
|
46139
46412
|
} else {
|
|
46140
46413
|
onApply(selectedDate.unix);
|
|
46141
|
-
|
|
46414
|
+
setOpenDatePicker(false);
|
|
46142
46415
|
}
|
|
46143
46416
|
};
|
|
46144
46417
|
var calenderProps = {
|
|
@@ -46146,6 +46419,7 @@ var DatePicker = function DatePicker(props) {
|
|
|
46146
46419
|
setSelectedDate: setSelectedDate,
|
|
46147
46420
|
selectedRange: selectedRange,
|
|
46148
46421
|
setSelectedRange: setSelectedRange,
|
|
46422
|
+
fixedRange: fixedRange,
|
|
46149
46423
|
range: range,
|
|
46150
46424
|
onApply: function onApply() {
|
|
46151
46425
|
apply();
|
|
@@ -46156,67 +46430,117 @@ var DatePicker = function DatePicker(props) {
|
|
|
46156
46430
|
setFixedRange: setFixedRange,
|
|
46157
46431
|
customRanges: customRanges
|
|
46158
46432
|
};
|
|
46433
|
+
var hasCustomRanges = (customRanges === null || customRanges === void 0 ? void 0 : customRanges.length) && customRanges !== null;
|
|
46159
46434
|
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
46160
|
-
className: classes(modules_5b831cd1.root
|
|
46435
|
+
className: classes(modules_5b831cd1.root),
|
|
46161
46436
|
ref: datePickerRef,
|
|
46162
|
-
children: [
|
|
46163
|
-
|
|
46164
|
-
|
|
46165
|
-
|
|
46166
|
-
|
|
46167
|
-
ref: reference,
|
|
46168
|
-
className: classes(modules_5b831cd1.container, disabled ? modules_5b831cd1.disabled : '', open ? modules_5b831cd1.open : '', error ? modules_5b831cd1.error : '', modules_5b831cd1[theme])
|
|
46169
|
-
}, getReferenceProps()), {}, {
|
|
46170
|
-
children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
46171
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(Calender$1, {
|
|
46437
|
+
children: [hasCustomRanges && /*#__PURE__*/jsxRuntime.jsx(Button, _objectSpread2({
|
|
46438
|
+
"data-elem": "custom-header",
|
|
46439
|
+
ref: customRangeFloatingReference.reference,
|
|
46440
|
+
leftComponent: function leftComponent() {
|
|
46441
|
+
return /*#__PURE__*/jsxRuntime.jsx(Clock, {
|
|
46172
46442
|
className: classes(modules_5b831cd1.icon, modules_5b831cd1[theme])
|
|
46173
|
-
})
|
|
46174
|
-
|
|
46175
|
-
|
|
46176
|
-
|
|
46177
|
-
|
|
46178
|
-
|
|
46179
|
-
|
|
46180
|
-
|
|
46443
|
+
});
|
|
46444
|
+
},
|
|
46445
|
+
title: fixedRange || 'Custom',
|
|
46446
|
+
className: modules_5b831cd1['custom-picker']
|
|
46447
|
+
}, customRangeInteractionProps.getReferenceProps())), /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
46448
|
+
className: classes(modules_5b831cd1['date-picker'], className, modules_5b831cd1[theme]),
|
|
46449
|
+
children: [label && !hasCustomRanges && /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
46450
|
+
className: classes(modules_5b831cd1.label, modules_5b831cd1[theme]),
|
|
46451
|
+
children: label
|
|
46452
|
+
}), /*#__PURE__*/jsxRuntime.jsxs("div", _objectSpread2(_objectSpread2({
|
|
46453
|
+
"data-elem": "header",
|
|
46454
|
+
ref: datePickerFloatingReference.reference,
|
|
46455
|
+
role: "button",
|
|
46456
|
+
className: classes(modules_5b831cd1.container, disabled ? modules_5b831cd1.disabled : '', openDatePicker ? modules_5b831cd1.open : '', error ? modules_5b831cd1.error : '', customRanges ? modules_5b831cd1['with-custom'] : '', modules_5b831cd1[theme])
|
|
46457
|
+
}, datePickerInteractionProps.getReferenceProps()), {}, {
|
|
46458
|
+
children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
46459
|
+
className: modules_5b831cd1.left,
|
|
46460
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(Calender$1, {
|
|
46461
|
+
className: classes(modules_5b831cd1.icon, modules_5b831cd1[theme])
|
|
46462
|
+
}), !displayValue && /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
46463
|
+
className: classes(modules_5b831cd1.placeholder, modules_5b831cd1[theme]),
|
|
46464
|
+
children: placeholder
|
|
46465
|
+
}), displayValue && /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
46466
|
+
className: classes(modules_5b831cd1.value, modules_5b831cd1[theme]),
|
|
46467
|
+
children: /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
46468
|
+
children: displayValue
|
|
46469
|
+
})
|
|
46470
|
+
})]
|
|
46471
|
+
}), /*#__PURE__*/jsxRuntime.jsx("input", {
|
|
46472
|
+
className: modules_5b831cd1.input,
|
|
46473
|
+
value: displayValue
|
|
46474
|
+
}), value ? /*#__PURE__*/jsxRuntime.jsx(Button, {
|
|
46475
|
+
size: "auto",
|
|
46476
|
+
variant: "text",
|
|
46477
|
+
"data-elem": "close",
|
|
46478
|
+
className: modules_5b831cd1.close,
|
|
46479
|
+
onClick: function onClick(event) {
|
|
46480
|
+
event.stopPropagation();
|
|
46481
|
+
onClear();
|
|
46482
|
+
},
|
|
46483
|
+
rightComponent: function rightComponent() {
|
|
46484
|
+
return /*#__PURE__*/jsxRuntime.jsx(Cross$1, {
|
|
46485
|
+
className: classes(modules_5b831cd1.icon, modules_5b831cd1[theme])
|
|
46486
|
+
});
|
|
46487
|
+
}
|
|
46488
|
+
}) : /*#__PURE__*/jsxRuntime.jsx(Chevron, {
|
|
46489
|
+
className: classes(modules_5b831cd1.icon, modules_5b831cd1[theme]),
|
|
46490
|
+
position: openDatePicker ? 'bottom' : 'top'
|
|
46181
46491
|
})]
|
|
46182
|
-
}), /*#__PURE__*/jsxRuntime.jsx("
|
|
46183
|
-
className: modules_5b831cd1
|
|
46184
|
-
|
|
46185
|
-
}),
|
|
46186
|
-
|
|
46187
|
-
|
|
46188
|
-
|
|
46189
|
-
|
|
46190
|
-
|
|
46191
|
-
|
|
46192
|
-
|
|
46193
|
-
|
|
46194
|
-
|
|
46195
|
-
|
|
46196
|
-
|
|
46197
|
-
|
|
46198
|
-
|
|
46199
|
-
|
|
46200
|
-
}), /*#__PURE__*/jsxRuntime.jsx(Popper, {
|
|
46201
|
-
open: open,
|
|
46202
|
-
wrapperid: "datePicker-popper",
|
|
46203
|
-
children: open && /*#__PURE__*/jsxRuntime.jsx("div", _objectSpread2(_objectSpread2({}, getFloatingProps({
|
|
46204
|
-
role: 'group',
|
|
46205
|
-
ref: floating,
|
|
46206
|
-
onKeyDown: function onKeyDown(event) {
|
|
46207
|
-
if (event.key === 'Tab') {
|
|
46208
|
-
setOpen(false);
|
|
46492
|
+
})), error && /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
46493
|
+
className: modules_5b831cd1['error-text'],
|
|
46494
|
+
children: error
|
|
46495
|
+
}), /*#__PURE__*/jsxRuntime.jsx(Popper, {
|
|
46496
|
+
open: openDatePicker,
|
|
46497
|
+
wrapperid: "datePicker-popper",
|
|
46498
|
+
children: openDatePicker && /*#__PURE__*/jsxRuntime.jsx("div", _objectSpread2(_objectSpread2({}, datePickerInteractionProps.getFloatingProps({
|
|
46499
|
+
role: 'group',
|
|
46500
|
+
ref: datePickerFloatingReference.floating,
|
|
46501
|
+
onKeyDown: function onKeyDown(event) {
|
|
46502
|
+
if (event.key === 'Tab') {
|
|
46503
|
+
setOpenDatePicker(false);
|
|
46504
|
+
}
|
|
46505
|
+
},
|
|
46506
|
+
style: {
|
|
46507
|
+
position: datePickerFloatingReference.strategy,
|
|
46508
|
+
top: (_datePickerFloatingRe = datePickerFloatingReference.y) !== null && _datePickerFloatingRe !== void 0 ? _datePickerFloatingRe : 0,
|
|
46509
|
+
left: (_datePickerFloatingRe2 = datePickerFloatingReference.x) !== null && _datePickerFloatingRe2 !== void 0 ? _datePickerFloatingRe2 : 0
|
|
46209
46510
|
}
|
|
46210
|
-
},
|
|
46211
|
-
|
|
46212
|
-
|
|
46213
|
-
|
|
46214
|
-
|
|
46215
|
-
|
|
46216
|
-
|
|
46217
|
-
|
|
46218
|
-
|
|
46219
|
-
|
|
46511
|
+
})), {}, {
|
|
46512
|
+
className: classes(modules_5b831cd1.popper, openDatePicker ? modules_5b831cd1.open : ''),
|
|
46513
|
+
children: /*#__PURE__*/jsxRuntime.jsx(Calender, _objectSpread2({}, calenderProps))
|
|
46514
|
+
}))
|
|
46515
|
+
}), /*#__PURE__*/jsxRuntime.jsx(Popper, {
|
|
46516
|
+
open: openCustomRange,
|
|
46517
|
+
wrapperid: "custom-range-popper",
|
|
46518
|
+
children: openCustomRange && /*#__PURE__*/jsxRuntime.jsx("div", _objectSpread2(_objectSpread2({}, customRangeInteractionProps.getFloatingProps({
|
|
46519
|
+
role: 'group',
|
|
46520
|
+
ref: customRangeFloatingReference.floating,
|
|
46521
|
+
onKeyDown: function onKeyDown(event) {
|
|
46522
|
+
if (event.key === 'Tab') {
|
|
46523
|
+
setOpenCustomRange(false);
|
|
46524
|
+
}
|
|
46525
|
+
},
|
|
46526
|
+
style: {
|
|
46527
|
+
position: customRangeFloatingReference.strategy,
|
|
46528
|
+
top: (_customRangeFloatingR = customRangeFloatingReference.y) !== null && _customRangeFloatingR !== void 0 ? _customRangeFloatingR : 0,
|
|
46529
|
+
left: (_customRangeFloatingR2 = customRangeFloatingReference.x) !== null && _customRangeFloatingR2 !== void 0 ? _customRangeFloatingR2 : 0
|
|
46530
|
+
}
|
|
46531
|
+
})), {}, {
|
|
46532
|
+
className: classes(modules_5b831cd1.popper, openCustomRange ? modules_5b831cd1.open : ''),
|
|
46533
|
+
children: /*#__PURE__*/jsxRuntime.jsx(CustomRanges, {
|
|
46534
|
+
customRanges: customRanges,
|
|
46535
|
+
selectedRange: selectedRange,
|
|
46536
|
+
setSelectedRange: setSelectedRange,
|
|
46537
|
+
setFixedRange: setFixedRange,
|
|
46538
|
+
setOpenDatePicker: setOpenDatePicker,
|
|
46539
|
+
setOpenCustomRange: setOpenCustomRange,
|
|
46540
|
+
fixedRange: fixedRange
|
|
46541
|
+
})
|
|
46542
|
+
}))
|
|
46543
|
+
})]
|
|
46220
46544
|
})]
|
|
46221
46545
|
});
|
|
46222
46546
|
};
|
|
@@ -46254,15 +46578,15 @@ DatePicker.defaultProps = {
|
|
|
46254
46578
|
value: null,
|
|
46255
46579
|
className: '',
|
|
46256
46580
|
disableDatesBefore: [],
|
|
46257
|
-
theme: '
|
|
46581
|
+
theme: 'light',
|
|
46258
46582
|
customRanges: null,
|
|
46259
46583
|
defaultRangeSelection: null,
|
|
46260
46584
|
onClear: function onClear() {}
|
|
46261
46585
|
};
|
|
46262
46586
|
|
|
46263
|
-
var css$
|
|
46264
|
-
var modules_6d03d164 = {"root":"
|
|
46265
|
-
n(css$
|
|
46587
|
+
var css$H = ".HierarchyItem_module_root__9794f954 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n flex: 1;\n}\n.HierarchyItem_module_root__9794f954 .HierarchyItem_module_header__9794f954 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n gap: 0.25rem;\n min-height: 2rem;\n height: auto;\n padding: 0rem 0.5rem;\n cursor: pointer;\n}\n.HierarchyItem_module_root__9794f954 .HierarchyItem_module_header__9794f954 > [data-elem=component1], .HierarchyItem_module_root__9794f954 .HierarchyItem_module_header__9794f954 > [data-elem=component3] {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.HierarchyItem_module_root__9794f954 .HierarchyItem_module_header__9794f954 > [data-elem=component1] .HierarchyItem_module_expand__9794f954, .HierarchyItem_module_root__9794f954 .HierarchyItem_module_header__9794f954 > [data-elem=component3] .HierarchyItem_module_expand__9794f954 {\n padding: 0;\n height: auto;\n width: 1rem;\n height: 1rem;\n}\n.HierarchyItem_module_root__9794f954 .HierarchyItem_module_header__9794f954 > [data-elem=component1] .HierarchyItem_module_expand__9794f954 .HierarchyItem_module_icon__9794f954, .HierarchyItem_module_root__9794f954 .HierarchyItem_module_header__9794f954 > [data-elem=component3] .HierarchyItem_module_expand__9794f954 .HierarchyItem_module_icon__9794f954 {\n transform: rotate(-90deg);\n width: 1rem;\n height: 1rem;\n}\n.HierarchyItem_module_root__9794f954 .HierarchyItem_module_header__9794f954 > [data-elem=component2] {\n flex: 1 1 auto;\n}\n.HierarchyItem_module_root__9794f954 .HierarchyItem_module_header__9794f954 > [data-elem=component2] .HierarchyItem_module_title__9794f954 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n width: 100%;\n height: auto;\n padding: 0.25rem 0rem;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n}\n.HierarchyItem_module_root__9794f954 .HierarchyItem_module_header__9794f954:hover {\n background: var(--background);\n}\n.HierarchyItem_module_root__9794f954 .HierarchyItem_module_header__9794f954:hover .HierarchyItem_module_icon__9794f954,\n.HierarchyItem_module_root__9794f954 .HierarchyItem_module_header__9794f954:hover .HierarchyItem_module_title__9794f954,\n.HierarchyItem_module_root__9794f954 .HierarchyItem_module_header__9794f954:hover .HierarchyItem_module_title__9794f954 svg {\n color: var(--highlight);\n fill: var(--highlight);\n}\n.HierarchyItem_module_root__9794f954 .HierarchyItem_module_body__9794f954 {\n display: none;\n flex: 1 0 auto;\n padding: 0px 0rem 0px 0.25rem;\n}\n.HierarchyItem_module_root__9794f954 .HierarchyItem_module_body__9794f954 > [data-elem=component1] {\n flex: 0 0 1.6rem;\n}\n.HierarchyItem_module_root__9794f954 .HierarchyItem_module_body__9794f954 > [data-elem=component1] .HierarchyItem_module_tail__9794f954 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: center;\n width: 1.6rem;\n height: 100%;\n}\n.HierarchyItem_module_root__9794f954 .HierarchyItem_module_body__9794f954 > [data-elem=component1] .HierarchyItem_module_tail__9794f954::after {\n content: \"\";\n display: block;\n margin: auto;\n width: 1px;\n flex: 1;\n background: var(--grey1);\n}\n.HierarchyItem_module_root__9794f954 .HierarchyItem_module_body__9794f954 > [data-elem=component2] {\n flex: 1 0 auto;\n}\n.HierarchyItem_module_root__9794f954 .HierarchyItem_module_body__9794f954 > [data-elem=component2] .HierarchyItem_module_children__9794f954 {\n flex: 1 0 auto;\n}\n.HierarchyItem_module_root__9794f954.HierarchyItem_module_open__9794f954 > .HierarchyItem_module_header__9794f954 .HierarchyItem_module_expand__9794f954 .HierarchyItem_module_icon__9794f954 {\n transform: none;\n}\n.HierarchyItem_module_root__9794f954.HierarchyItem_module_open__9794f954 > .HierarchyItem_module_body__9794f954 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: stretch;\n gap: 0.25rem;\n height: auto;\n}\n.HierarchyItem_module_root__9794f954.HierarchyItem_module_active__9794f954 > .HierarchyItem_module_header__9794f954 {\n background: var(--background);\n}\n.HierarchyItem_module_root__9794f954.HierarchyItem_module_active__9794f954 > .HierarchyItem_module_header__9794f954 .HierarchyItem_module_icon__9794f954,\n.HierarchyItem_module_root__9794f954.HierarchyItem_module_active__9794f954 > .HierarchyItem_module_header__9794f954 .HierarchyItem_module_title__9794f954,\n.HierarchyItem_module_root__9794f954.HierarchyItem_module_active__9794f954 > .HierarchyItem_module_header__9794f954 .HierarchyItem_module_title__9794f954 svg {\n color: var(--highlight);\n fill: var(--highlight);\n}";
|
|
46588
|
+
var modules_6d03d164 = {"root":"HierarchyItem_module_root__9794f954","header":"HierarchyItem_module_header__9794f954","expand":"HierarchyItem_module_expand__9794f954","icon":"HierarchyItem_module_icon__9794f954","title":"HierarchyItem_module_title__9794f954","body":"HierarchyItem_module_body__9794f954","tail":"HierarchyItem_module_tail__9794f954","children":"HierarchyItem_module_children__9794f954","open":"HierarchyItem_module_open__9794f954","active":"HierarchyItem_module_active__9794f954"};
|
|
46589
|
+
n(css$H,{});
|
|
46266
46590
|
|
|
46267
46591
|
var HierarchyItem = function HierarchyItem(props) {
|
|
46268
46592
|
var defaultOpen = props.defaultOpen,
|
|
@@ -46356,9 +46680,9 @@ HierarchyItem.defaultProps = {
|
|
|
46356
46680
|
active: false
|
|
46357
46681
|
};
|
|
46358
46682
|
|
|
46359
|
-
var css$
|
|
46360
|
-
var modules_5e29d515 = {"root":"
|
|
46361
|
-
n(css$
|
|
46683
|
+
var css$G = ".HierarchyBrowser_module_root__264ec989 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n width: 20rem;\n position: relative;\n}\n.HierarchyBrowser_module_root__264ec989 .HierarchyBrowser_module_header__264ec989 {\n padding: 0.5rem;\n background: var(--dark-grey);\n color: var(--white);\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n}\n.HierarchyBrowser_module_root__264ec989 .HierarchyBrowser_module_body__264ec989 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n overflow: auto;\n}\n.HierarchyBrowser_module_root__264ec989 .HierarchyBrowser_module_item__264ec989 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n gap: 0.25rem;\n}\n.HierarchyBrowser_module_root__264ec989 .HierarchyBrowser_module_item__264ec989 .HierarchyBrowser_module_itemIcon__264ec989 {\n width: 1rem;\n}\n.HierarchyBrowser_module_root__264ec989::after {\n position: absolute;\n right: 0;\n content: \"\";\n width: 1px;\n height: 100%;\n background: var(--grey4);\n}\n.HierarchyBrowser_module_root__264ec989.HierarchyBrowser_module_resizable__264ec989:hover::after {\n width: 3px;\n cursor: col-resize;\n}";
|
|
46684
|
+
var modules_5e29d515 = {"root":"HierarchyBrowser_module_root__264ec989","header":"HierarchyBrowser_module_header__264ec989","body":"HierarchyBrowser_module_body__264ec989","item":"HierarchyBrowser_module_item__264ec989","item-icon":"HierarchyBrowser_module_itemIcon__264ec989","resizable":"HierarchyBrowser_module_resizable__264ec989"};
|
|
46685
|
+
n(css$G,{});
|
|
46362
46686
|
|
|
46363
46687
|
var Title = function Title(props) {
|
|
46364
46688
|
var item = props.item;
|
|
@@ -46480,9 +46804,9 @@ HierarchyBrowser.defaultProps = {
|
|
|
46480
46804
|
title: 'Browser'
|
|
46481
46805
|
};
|
|
46482
46806
|
|
|
46483
|
-
var css$
|
|
46807
|
+
var css$F = ".BaseModal_module_root__2dd7477e {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n top: 50%;\n left: 50%;\n right: auto;\n bottom: auto;\n transform: translate(-50%, -50%);\n max-height: 100%;\n width: 50%;\n position: fixed;\n background: #ffffff;\n box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.13);\n border-radius: 5px;\n outline: none;\n}\n.BaseModal_module_root__2dd7477e .BaseModal_module_body__2dd7477e {\n overflow-y: scroll;\n padding: 0 15px;\n}\n.BaseModal_module_root__2dd7477e .BaseModal_module_header__2dd7477e,\n.BaseModal_module_root__2dd7477e .BaseModal_module_footer__2dd7477e {\n padding: 1rem;\n}\n.BaseModal_module_root__2dd7477e .BaseModal_module_header__2dd7477e {\n font-weight: 500;\n font-size: 1.375rem;\n}\n.BaseModal_module_root__2dd7477e .BaseModal_module_footer__2dd7477e {\n margin-top: auto;\n}\n.BaseModal_module_root__2dd7477e .BaseModal_module_close__2dd7477e {\n position: absolute;\n right: 0.5rem;\n top: 0.5rem;\n}\n.BaseModal_module_root__2dd7477e .BaseModal_module_close__2dd7477e .BaseModal_module_icon__2dd7477e {\n width: 1.5rem;\n height: 1.5rem;\n fill: var(--black);\n}";
|
|
46484
46808
|
var modules_f23ae002 = {"root":"BaseModal_module_root__2dd7477e","body":"BaseModal_module_body__2dd7477e","header":"BaseModal_module_header__2dd7477e","footer":"BaseModal_module_footer__2dd7477e","close":"BaseModal_module_close__2dd7477e","icon":"BaseModal_module_icon__2dd7477e"};
|
|
46485
|
-
n(css$
|
|
46809
|
+
n(css$F,{});
|
|
46486
46810
|
|
|
46487
46811
|
var BaseModal = function BaseModal(props) {
|
|
46488
46812
|
var className = props.className,
|
|
@@ -46561,9 +46885,9 @@ BaseModal.defaultProps = {
|
|
|
46561
46885
|
noDismiss: false
|
|
46562
46886
|
};
|
|
46563
46887
|
|
|
46564
|
-
var css$
|
|
46888
|
+
var css$E = ".Dialog_module_root__2974a020 {\n padding: 0.25rem 0px;\n max-height: 14rem;\n background: #ffffff;\n border-radius: 0.25rem;\n}\n.Dialog_module_root__2974a020.Dialog_module_sm__2974a020 {\n width: 21.25rem;\n}\n.Dialog_module_root__2974a020.Dialog_module_md__2974a020 {\n width: 35rem;\n}\n.Dialog_module_root__2974a020 .Dialog_module_header__2974a020 {\n font-weight: 600;\n font-size: 0.875rem;\n color: var(--black);\n}\n.Dialog_module_root__2974a020 .Dialog_module_footer__2974a020 {\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n align-items: center;\n gap: 1rem;\n}\n.Dialog_module_root__2974a020 .Dialog_module_footer__2974a020 .Dialog_module_cancel__2974a020[data-elem=base-cell] {\n display: flex;\n color: var(--grey1);\n border-radius: 0.25rem;\n border: 1px solid var(--grey4);\n}\n.Dialog_module_root__2974a020 .Dialog_module_description__2974a020 {\n padding: 0.5rem 0px;\n font-size: 0.75rem;\n}";
|
|
46565
46889
|
var modules_ca1540aa = {"root":"Dialog_module_root__2974a020","sm":"Dialog_module_sm__2974a020","md":"Dialog_module_md__2974a020","header":"Dialog_module_header__2974a020","footer":"Dialog_module_footer__2974a020","cancel":"Dialog_module_cancel__2974a020","description":"Dialog_module_description__2974a020"};
|
|
46566
|
-
n(css$
|
|
46890
|
+
n(css$E,{});
|
|
46567
46891
|
|
|
46568
46892
|
/* eslint-disable object-curly-newline */
|
|
46569
46893
|
var DialogBox = function DialogBox(props) {
|
|
@@ -46627,9 +46951,9 @@ DialogBox.defaultProps = {
|
|
|
46627
46951
|
size: 'sm'
|
|
46628
46952
|
};
|
|
46629
46953
|
|
|
46630
|
-
var css$
|
|
46954
|
+
var css$D = ".PageHeader_module_root__c3aca516 {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n width: 100%;\n background-color: transparent;\n gap: 0.25rem;\n}\n.PageHeader_module_root__c3aca516.PageHeader_module_darkTheme__c3aca516 {\n color: var(--white);\n}\n.PageHeader_module_root__c3aca516.PageHeader_module_darkTheme__c3aca516 .PageHeader_module_breadcrumb__c3aca516 [data-elem=breadcrumb-item-active] {\n color: var(--white);\n}\n.PageHeader_module_root__c3aca516.PageHeader_module_lightTheme__c3aca516 {\n color: var(--dark-grey);\n}\n.PageHeader_module_root__c3aca516 .PageHeader_module_description__c3aca516 {\n color: var(--grey);\n}\n.PageHeader_module_root__c3aca516 .PageHeader_module_contents__c3aca516 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n gap: 0.75rem;\n width: 100%;\n}\n.PageHeader_module_root__c3aca516 .PageHeader_module_contents__c3aca516 .PageHeader_module_left__c3aca516,\n.PageHeader_module_root__c3aca516 .PageHeader_module_contents__c3aca516 .PageHeader_module_right__c3aca516 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n gap: 0.75rem;\n}\n.PageHeader_module_root__c3aca516 .PageHeader_module_contents__c3aca516 .PageHeader_module_left__c3aca516 {\n overflow: hidden;\n}\n.PageHeader_module_root__c3aca516 .PageHeader_module_contents__c3aca516 .PageHeader_module_left__c3aca516 .PageHeader_module_title__c3aca516 {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n font-size: 2.25rem;\n font-weight: 600;\n line-height: 3.375rem;\n}\n.PageHeader_module_root__c3aca516 .PageHeader_module_contents__c3aca516 .PageHeader_module_left__c3aca516 .PageHeader_module_chip__c3aca516 {\n font-weight: 500;\n background: var(--highlight);\n color: var(--white);\n}\n.PageHeader_module_root__c3aca516 .PageHeader_module_description__c3aca516 {\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.5rem;\n}\n\n.PageHeader_module_download__c3aca516,\n.PageHeader_module_calender__c3aca516 {\n width: 1.5rem;\n height: 1.5rem;\n}";
|
|
46631
46955
|
var modules_bdcbeaa5 = {"root":"PageHeader_module_root__c3aca516","dark-theme":"PageHeader_module_darkTheme__c3aca516","breadcrumb":"PageHeader_module_breadcrumb__c3aca516","light-theme":"PageHeader_module_lightTheme__c3aca516","description":"PageHeader_module_description__c3aca516","contents":"PageHeader_module_contents__c3aca516","left":"PageHeader_module_left__c3aca516","right":"PageHeader_module_right__c3aca516","title":"PageHeader_module_title__c3aca516","chip":"PageHeader_module_chip__c3aca516","download":"PageHeader_module_download__c3aca516","calender":"PageHeader_module_calender__c3aca516"};
|
|
46632
|
-
n(css$
|
|
46956
|
+
n(css$D,{});
|
|
46633
46957
|
|
|
46634
46958
|
var PageHeader = function PageHeader(props) {
|
|
46635
46959
|
var theme = props.theme,
|
|
@@ -46772,9 +47096,9 @@ function getPagination(curr, total, limit) {
|
|
|
46772
47096
|
return pages;
|
|
46773
47097
|
}
|
|
46774
47098
|
|
|
46775
|
-
var css$B = ".Pagination_module_root__8f7084b9 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: stretch;\n -ms-overflow-style: none;\n scrollbar-width: none;\n gap: 0.75rem;\n padding: 0.625rem 2.125rem;\n background: var(--dark-grey);\n margin-top: auto;\n width: 100%;\n height: 3.5rem;\n overflow: auto;\n transition-property: background-color, color, bottom, width;\n transition-duration: 0.33s;\n transition-timing-function: ease-out;\n}\n.Pagination_module_root__8f7084b9::-webkit-scrollbar {\n display: none;\n}\n.Pagination_module_root__8f7084b9.Pagination_module_floating__8f7084b9 {\n background: var(--dark-grey-o-85);\n position: absolute;\n border-radius: 6.25rem;\n width: 82%;\n bottom: 3rem;\n}\n.Pagination_module_root__8f7084b9 .Pagination_module_rowSwitcher__8f7084b9,\n.Pagination_module_root__8f7084b9 .Pagination_module_jumpToPage__8f7084b9,\n.Pagination_module_root__8f7084b9 .Pagination_module_form__8f7084b9 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n height: 100%;\n}\n.Pagination_module_root__8f7084b9 .Pagination_module_rowSwitcher__8f7084b9 {\n display: none;\n flex: 0 1 15%;\n background-color: transparent;\n padding: 0;\n height: 100%;\n}\n@media (min-width: 992px) {\n .Pagination_module_root__8f7084b9 .Pagination_module_rowSwitcher__8f7084b9 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n }\n}\n.Pagination_module_root__8f7084b9 .Pagination_module_rowSwitcher__8f7084b9 > [data-elem=component2] {\n flex: 0 1 auto;\n height: 100%;\n}\n.Pagination_module_root__8f7084b9 .Pagination_module_rowSwitcher__8f7084b9 .Pagination_module_rowSwitcherHandle__8f7084b9 {\n gap: 0.75rem;\n background-color: var(--grey);\n padding: 0;\n border-radius: 0.25rem;\n height: 100%;\n width: 100%;\n}\n.Pagination_module_root__8f7084b9 .Pagination_module_rowSwitcher__8f7084b9 .Pagination_module_rowSwitcherHandle__8f7084b9 > [data-elem*=component] {\n overflow: hidden;\n}\n.Pagination_module_root__8f7084b9 .Pagination_module_rowSwitcher__8f7084b9 .Pagination_module_rowSwitcherHandle__8f7084b9 > [data-elem=component2] {\n display: flex;\n flex: 0 0 auto;\n height: 100%;\n}\n.Pagination_module_root__8f7084b9 .Pagination_module_rowSwitcher__8f7084b9 .Pagination_module_rowSwitcherHandle__8f7084b9 > [data-elem=component2]::before {\n content: \"\";\n margin: auto;\n background: var(--white);\n width: 0.5px;\n height: 50%;\n}\n.Pagination_module_root__8f7084b9 .Pagination_module_rowSwitcher__8f7084b9 .Pagination_module_text__8f7084b9 {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n height: 100%;\n display: block;\n padding: 0.5rem;\n font-size: 0.875rem;\n font-weight: 500;\n color: var(--white);\n}\n.Pagination_module_root__8f7084b9 .Pagination_module_rowSwitcher__8f7084b9 .Pagination_module_dropdown__8f7084b9 {\n height: 100%;\n}\n.Pagination_module_root__8f7084b9 .Pagination_module_rowSwitcher__8f7084b9 .Pagination_module_dropdown__8f7084b9 > [data-elem=header] {\n height: 100%;\n}\n.Pagination_module_root__8f7084b9 .Pagination_module_rowSwitcher__8f7084b9 .Pagination_module_dropdown__8f7084b9 > [data-elem=header] > [data-elem=select] {\n height: 2.375rem;\n max-height: 100%;\n width: auto;\n min-width: -webkit-fit-content;\n min-width: -moz-fit-content;\n min-width: fit-content;\n padding: 0.625rem;\n background-color: var(--grey);\n border: none;\n}\n.Pagination_module_root__8f7084b9 .Pagination_module_rowSwitcher__8f7084b9 .Pagination_module_dropdown__8f7084b9 > [data-elem=header] > [data-elem=select] > [data-elem=placeholder] {\n color: var(--white);\n font-size: 0.875rem;\n}\n.Pagination_module_root__8f7084b9 .Pagination_module_rowSwitcher__8f7084b9 .Pagination_module_dropdown__8f7084b9 > [data-elem=header] > [data-elem=select] > svg {\n fill: var(--white);\n width: 0.813rem;\n height: 0.813rem;\n}\n.Pagination_module_root__8f7084b9 .Pagination_module_pageNumbers__8f7084b9 {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n gap: 1.25rem;\n flex: 1 1 100%;\n}\n@media (min-width: 992px) {\n .Pagination_module_root__8f7084b9 .Pagination_module_pageNumbers__8f7084b9 {\n flex: 1 1 40%;\n }\n}\n.Pagination_module_root__8f7084b9 .Pagination_module_pageNumbers__8f7084b9 > .Pagination_module_button__8f7084b9.Pagination_module_disable__8f7084b9 {\n pointer-events: none;\n}\n.Pagination_module_root__8f7084b9 .Pagination_module_pageNumbers__8f7084b9 > .Pagination_module_button__8f7084b9 [data-elem=title] {\n color: var(--white);\n}\n.Pagination_module_root__8f7084b9 .Pagination_module_pageNumbers__8f7084b9 > .Pagination_module_button__8f7084b9 .Pagination_module_icon__8f7084b9 {\n width: 1.5rem;\n height: 1.5rem;\n}\n.Pagination_module_root__8f7084b9 .Pagination_module_pageNumbers__8f7084b9 > .Pagination_module_pageSelect__8f7084b9 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n gap: 0.625rem;\n}\n.Pagination_module_root__8f7084b9 .Pagination_module_pageNumbers__8f7084b9 > .Pagination_module_pageSelect__8f7084b9 .Pagination_module_number__8f7084b9 {\n cursor: pointer;\n border-radius: 50%;\n background-color: #e0e0e0;\n color: var(--black);\n width: 2.313rem;\n line-height: 2.313rem;\n text-align: center;\n font-size: 1rem;\n border: 1px solid transparent;\n}\n.Pagination_module_root__8f7084b9 .Pagination_module_pageNumbers__8f7084b9 > .Pagination_module_pageSelect__8f7084b9 .Pagination_module_number__8f7084b9:not([data-active=true]) {\n display: none;\n}\n@media (min-width: 768px) {\n .Pagination_module_root__8f7084b9 .Pagination_module_pageNumbers__8f7084b9 > .Pagination_module_pageSelect__8f7084b9 .Pagination_module_number__8f7084b9:not([data-active=true]) {\n display: block;\n }\n}\n.Pagination_module_root__8f7084b9 .Pagination_module_pageNumbers__8f7084b9 > .Pagination_module_pageSelect__8f7084b9 .Pagination_module_number__8f7084b9:hover {\n border: 1px solid var(--highlight);\n color: var(--highlight);\n background: var(--background);\n}\n.Pagination_module_root__8f7084b9 .Pagination_module_pageNumbers__8f7084b9 > .Pagination_module_pageSelect__8f7084b9 .Pagination_module_number__8f7084b9.Pagination_module_active__8f7084b9 {\n background-color: var(--highlight);\n color: var(--white);\n}\n.Pagination_module_root__8f7084b9 .Pagination_module_form__8f7084b9 {\n display: none;\n padding: 0;\n flex: 0 1 30%;\n background: transparent;\n}\n@media (min-width: 992px) {\n .Pagination_module_root__8f7084b9 .Pagination_module_form__8f7084b9 {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n }\n}\n.Pagination_module_root__8f7084b9 .Pagination_module_form__8f7084b9 > [data-elem*=component] {\n width: 100%;\n height: 100%;\n}\n.Pagination_module_root__8f7084b9 .Pagination_module_form__8f7084b9 > [data-elem*=component] > * {\n height: 100%;\n}\n.Pagination_module_root__8f7084b9 .Pagination_module_form__8f7084b9 > [data-elem*=component] > form {\n width: -webkit-fit-content;\n width: -moz-fit-content;\n width: fit-content;\n margin-left: auto;\n}\n.Pagination_module_root__8f7084b9 .Pagination_module_form__8f7084b9 .Pagination_module_jumpToPage__8f7084b9 {\n width: 100%;\n background: transparent;\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: stretch;\n gap: 0rem;\n padding: 0;\n height: 100%;\n}\n.Pagination_module_root__8f7084b9 .Pagination_module_form__8f7084b9 .Pagination_module_jumpToPage__8f7084b9 > [data-elem*=component] {\n overflow: hidden;\n height: 100%;\n}\n.Pagination_module_root__8f7084b9 .Pagination_module_form__8f7084b9 .Pagination_module_jumpToPage__8f7084b9 .Pagination_module_inputbox__8f7084b9 {\n max-width: 100%;\n height: 100%;\n}\n.Pagination_module_root__8f7084b9 .Pagination_module_form__8f7084b9 .Pagination_module_jumpToPage__8f7084b9 .Pagination_module_inputbox__8f7084b9 > label {\n height: 100%;\n}\n.Pagination_module_root__8f7084b9 .Pagination_module_form__8f7084b9 .Pagination_module_jumpToPage__8f7084b9 .Pagination_module_inputbox__8f7084b9 > label > [data-elem=base-cell] {\n border-radius: 0.313rem;\n background-color: transparent;\n color: var(--white);\n border-color: var(--grey1);\n border-radius: 0.25rem 0 0 0.25rem;\n height: 100%;\n width: 10rem;\n flex: 1;\n}\n.Pagination_module_root__8f7084b9 .Pagination_module_form__8f7084b9 .Pagination_module_jumpToPage__8f7084b9 .Pagination_module_inputbox__8f7084b9 > label > [data-elem=base-cell] .Pagination_module_icon__8f7084b9 {\n width: 1.5rem;\n height: 1.5rem;\n fill: var(--grey1);\n}\n.Pagination_module_root__8f7084b9 .Pagination_module_form__8f7084b9 .Pagination_module_jumpToPage__8f7084b9 .Pagination_module_inputbox__8f7084b9 > label > [data-elem=base-cell] > [data-elem=component2] {\n height: 100%;\n}\n.Pagination_module_root__8f7084b9 .Pagination_module_form__8f7084b9 .Pagination_module_jumpToPage__8f7084b9 .Pagination_module_inputbox__8f7084b9 > label > [data-elem=base-cell] [data-elem=input] {\n text-align: center;\n color: var(--white);\n background-color: transparent;\n border: none;\n height: 100%;\n width: 100%;\n}\n.Pagination_module_root__8f7084b9 .Pagination_module_form__8f7084b9 .Pagination_module_jumpToPage__8f7084b9 .Pagination_module_button__8f7084b9 {\n border-radius: 0rem 0.25rem 0.25rem 0rem;\n background-color: var(--grey1);\n padding: 0.75rem 0.5rem;\n height: 100%;\n}\n.Pagination_module_root__8f7084b9 .Pagination_module_form__8f7084b9 .Pagination_module_jumpToPage__8f7084b9 .Pagination_module_button__8f7084b9 .Pagination_module_icon__8f7084b9 {\n width: 1.5rem;\n height: 1.5rem;\n fill: var(--white);\n flex-shrink: 0;\n}\n.Pagination_module_root__8f7084b9 .Pagination_module_totalData__8f7084b9 {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n display: none;\n margin: auto;\n color: var(--white);\n flex: 0 1 15%;\n}\n@media (min-width: 992px) {\n .Pagination_module_root__8f7084b9 .Pagination_module_totalData__8f7084b9 {\n display: inline;\n }\n}\n.Pagination_module_root__8f7084b9.Pagination_module_noTotalData__8f7084b9 .Pagination_module_rowSwitcher__8f7084b9 {\n flex: 0 1 20%;\n}\n.Pagination_module_root__8f7084b9.Pagination_module_noTotalData__8f7084b9 .Pagination_module_jumpToPage__8f7084b9 {\n flex: 1 1 60%;\n}\n.Pagination_module_root__8f7084b9.Pagination_module_noTotalData__8f7084b9 .Pagination_module_form__8f7084b9 {\n flex: 0 1 20%;\n}";
|
|
46776
|
-
var modules_a3d40e77 = {"root":"
|
|
46777
|
-
n(css$
|
|
47099
|
+
var css$C = ".Pagination_module_root__cb516ea0 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: stretch;\n -ms-overflow-style: none;\n scrollbar-width: none;\n gap: 0.75rem;\n padding: 0.625rem 2.125rem;\n background: var(--dark-grey);\n margin-top: auto;\n width: 100%;\n height: 3.5rem;\n overflow: auto;\n transition-property: background-color, color, bottom, width;\n transition-duration: 0.33s;\n transition-timing-function: ease-out;\n}\n.Pagination_module_root__cb516ea0::-webkit-scrollbar {\n display: none;\n}\n.Pagination_module_root__cb516ea0.Pagination_module_floating__cb516ea0 {\n background: var(--dark-grey-o-85);\n position: absolute;\n border-radius: 6.25rem;\n width: 82%;\n bottom: 3rem;\n}\n.Pagination_module_root__cb516ea0 .Pagination_module_rowSwitcher__cb516ea0,\n.Pagination_module_root__cb516ea0 .Pagination_module_jumpToPage__cb516ea0,\n.Pagination_module_root__cb516ea0 .Pagination_module_form__cb516ea0 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n height: 100%;\n}\n.Pagination_module_root__cb516ea0 .Pagination_module_rowSwitcher__cb516ea0 {\n display: none;\n flex: 0 1 15%;\n background-color: transparent;\n padding: 0;\n height: 100%;\n}\n@media (min-width: 992px) {\n .Pagination_module_root__cb516ea0 .Pagination_module_rowSwitcher__cb516ea0 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n }\n}\n.Pagination_module_root__cb516ea0 .Pagination_module_rowSwitcher__cb516ea0 > [data-elem=component2] {\n flex: 0 1 auto;\n height: 100%;\n}\n.Pagination_module_root__cb516ea0 .Pagination_module_rowSwitcher__cb516ea0 .Pagination_module_rowSwitcherHandle__cb516ea0 {\n gap: 0.75rem;\n background-color: var(--grey);\n padding: 0;\n border-radius: 0.25rem;\n height: 100%;\n width: 100%;\n}\n.Pagination_module_root__cb516ea0 .Pagination_module_rowSwitcher__cb516ea0 .Pagination_module_rowSwitcherHandle__cb516ea0 > [data-elem*=component] {\n overflow: hidden;\n}\n.Pagination_module_root__cb516ea0 .Pagination_module_rowSwitcher__cb516ea0 .Pagination_module_rowSwitcherHandle__cb516ea0 > [data-elem=component2] {\n display: flex;\n flex: 0 0 auto;\n height: 100%;\n}\n.Pagination_module_root__cb516ea0 .Pagination_module_rowSwitcher__cb516ea0 .Pagination_module_rowSwitcherHandle__cb516ea0 > [data-elem=component2]::before {\n content: \"\";\n margin: auto;\n background: var(--white);\n width: 0.5px;\n height: 50%;\n}\n.Pagination_module_root__cb516ea0 .Pagination_module_rowSwitcher__cb516ea0 .Pagination_module_text__cb516ea0 {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n height: 100%;\n display: block;\n padding: 0.5rem;\n font-size: 0.875rem;\n font-weight: 500;\n color: var(--white);\n}\n.Pagination_module_root__cb516ea0 .Pagination_module_rowSwitcher__cb516ea0 .Pagination_module_dropdown__cb516ea0 {\n height: 100%;\n}\n.Pagination_module_root__cb516ea0 .Pagination_module_rowSwitcher__cb516ea0 .Pagination_module_dropdown__cb516ea0 > [data-elem=header] {\n height: 100%;\n}\n.Pagination_module_root__cb516ea0 .Pagination_module_rowSwitcher__cb516ea0 .Pagination_module_dropdown__cb516ea0 > [data-elem=header] > [data-elem=select] {\n height: 2.375rem;\n max-height: 100%;\n width: auto;\n min-width: -moz-fit-content;\n min-width: fit-content;\n padding: 0.625rem;\n background-color: var(--grey);\n border: none;\n}\n.Pagination_module_root__cb516ea0 .Pagination_module_rowSwitcher__cb516ea0 .Pagination_module_dropdown__cb516ea0 > [data-elem=header] > [data-elem=select] > [data-elem=placeholder] {\n color: var(--white);\n font-size: 0.875rem;\n}\n.Pagination_module_root__cb516ea0 .Pagination_module_rowSwitcher__cb516ea0 .Pagination_module_dropdown__cb516ea0 > [data-elem=header] > [data-elem=select] > svg {\n fill: var(--white);\n width: 0.813rem;\n height: 0.813rem;\n}\n.Pagination_module_root__cb516ea0 .Pagination_module_pageNumbers__cb516ea0 {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n gap: 1.25rem;\n flex: 1 1 100%;\n}\n@media (min-width: 992px) {\n .Pagination_module_root__cb516ea0 .Pagination_module_pageNumbers__cb516ea0 {\n flex: 1 1 40%;\n }\n}\n.Pagination_module_root__cb516ea0 .Pagination_module_pageNumbers__cb516ea0 > .Pagination_module_button__cb516ea0.Pagination_module_disable__cb516ea0 {\n pointer-events: none;\n}\n.Pagination_module_root__cb516ea0 .Pagination_module_pageNumbers__cb516ea0 > .Pagination_module_button__cb516ea0 [data-elem=title] {\n color: var(--white);\n}\n.Pagination_module_root__cb516ea0 .Pagination_module_pageNumbers__cb516ea0 > .Pagination_module_button__cb516ea0 .Pagination_module_icon__cb516ea0 {\n width: 1.5rem;\n height: 1.5rem;\n}\n.Pagination_module_root__cb516ea0 .Pagination_module_pageNumbers__cb516ea0 > .Pagination_module_pageSelect__cb516ea0 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n gap: 0.625rem;\n}\n.Pagination_module_root__cb516ea0 .Pagination_module_pageNumbers__cb516ea0 > .Pagination_module_pageSelect__cb516ea0 .Pagination_module_number__cb516ea0 {\n cursor: pointer;\n border-radius: 50%;\n background-color: #e0e0e0;\n color: var(--black);\n width: 2.313rem;\n line-height: 2.313rem;\n text-align: center;\n font-size: 1rem;\n border: 1px solid transparent;\n}\n.Pagination_module_root__cb516ea0 .Pagination_module_pageNumbers__cb516ea0 > .Pagination_module_pageSelect__cb516ea0 .Pagination_module_number__cb516ea0:not([data-active=true]) {\n display: none;\n}\n@media (min-width: 768px) {\n .Pagination_module_root__cb516ea0 .Pagination_module_pageNumbers__cb516ea0 > .Pagination_module_pageSelect__cb516ea0 .Pagination_module_number__cb516ea0:not([data-active=true]) {\n display: block;\n }\n}\n.Pagination_module_root__cb516ea0 .Pagination_module_pageNumbers__cb516ea0 > .Pagination_module_pageSelect__cb516ea0 .Pagination_module_number__cb516ea0:hover {\n border: 1px solid var(--highlight);\n color: var(--highlight);\n background: var(--background);\n}\n.Pagination_module_root__cb516ea0 .Pagination_module_pageNumbers__cb516ea0 > .Pagination_module_pageSelect__cb516ea0 .Pagination_module_number__cb516ea0.Pagination_module_active__cb516ea0 {\n background-color: var(--highlight);\n color: var(--white);\n}\n.Pagination_module_root__cb516ea0 .Pagination_module_form__cb516ea0 {\n display: none;\n padding: 0;\n flex: 0 1 30%;\n background: transparent;\n}\n@media (min-width: 992px) {\n .Pagination_module_root__cb516ea0 .Pagination_module_form__cb516ea0 {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n }\n}\n.Pagination_module_root__cb516ea0 .Pagination_module_form__cb516ea0 > [data-elem*=component] {\n width: 100%;\n height: 100%;\n}\n.Pagination_module_root__cb516ea0 .Pagination_module_form__cb516ea0 > [data-elem*=component] > * {\n height: 100%;\n}\n.Pagination_module_root__cb516ea0 .Pagination_module_form__cb516ea0 > [data-elem*=component] > form {\n width: -moz-fit-content;\n width: fit-content;\n margin-left: auto;\n}\n.Pagination_module_root__cb516ea0 .Pagination_module_form__cb516ea0 .Pagination_module_jumpToPage__cb516ea0 {\n width: 100%;\n background: transparent;\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: stretch;\n gap: 0rem;\n padding: 0;\n height: 100%;\n}\n.Pagination_module_root__cb516ea0 .Pagination_module_form__cb516ea0 .Pagination_module_jumpToPage__cb516ea0 > [data-elem*=component] {\n overflow: hidden;\n height: 100%;\n}\n.Pagination_module_root__cb516ea0 .Pagination_module_form__cb516ea0 .Pagination_module_jumpToPage__cb516ea0 .Pagination_module_inputbox__cb516ea0 {\n max-width: 100%;\n height: 100%;\n}\n.Pagination_module_root__cb516ea0 .Pagination_module_form__cb516ea0 .Pagination_module_jumpToPage__cb516ea0 .Pagination_module_inputbox__cb516ea0 > label {\n height: 100%;\n}\n.Pagination_module_root__cb516ea0 .Pagination_module_form__cb516ea0 .Pagination_module_jumpToPage__cb516ea0 .Pagination_module_inputbox__cb516ea0 > label > [data-elem=base-cell] {\n border-radius: 0.313rem;\n background-color: transparent;\n color: var(--white);\n border-color: var(--grey1);\n border-radius: 0.25rem 0 0 0.25rem;\n height: 100%;\n width: 10rem;\n flex: 1;\n}\n.Pagination_module_root__cb516ea0 .Pagination_module_form__cb516ea0 .Pagination_module_jumpToPage__cb516ea0 .Pagination_module_inputbox__cb516ea0 > label > [data-elem=base-cell] .Pagination_module_icon__cb516ea0 {\n width: 1.5rem;\n height: 1.5rem;\n fill: var(--grey1);\n}\n.Pagination_module_root__cb516ea0 .Pagination_module_form__cb516ea0 .Pagination_module_jumpToPage__cb516ea0 .Pagination_module_inputbox__cb516ea0 > label > [data-elem=base-cell] > [data-elem=component2] {\n height: 100%;\n}\n.Pagination_module_root__cb516ea0 .Pagination_module_form__cb516ea0 .Pagination_module_jumpToPage__cb516ea0 .Pagination_module_inputbox__cb516ea0 > label > [data-elem=base-cell] [data-elem=input] {\n text-align: center;\n color: var(--white);\n background-color: transparent;\n border: none;\n height: 100%;\n width: 100%;\n}\n.Pagination_module_root__cb516ea0 .Pagination_module_form__cb516ea0 .Pagination_module_jumpToPage__cb516ea0 .Pagination_module_button__cb516ea0 {\n border-radius: 0rem 0.25rem 0.25rem 0rem;\n background-color: var(--grey1);\n padding: 0.75rem 0.5rem;\n height: 100%;\n}\n.Pagination_module_root__cb516ea0 .Pagination_module_form__cb516ea0 .Pagination_module_jumpToPage__cb516ea0 .Pagination_module_button__cb516ea0 .Pagination_module_icon__cb516ea0 {\n width: 1.5rem;\n height: 1.5rem;\n fill: var(--white);\n flex-shrink: 0;\n}\n.Pagination_module_root__cb516ea0 .Pagination_module_totalData__cb516ea0 {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n display: none;\n margin: auto;\n color: var(--white);\n flex: 0 1 15%;\n}\n@media (min-width: 992px) {\n .Pagination_module_root__cb516ea0 .Pagination_module_totalData__cb516ea0 {\n display: inline;\n }\n}\n.Pagination_module_root__cb516ea0.Pagination_module_noTotalData__cb516ea0 .Pagination_module_rowSwitcher__cb516ea0 {\n flex: 0 1 20%;\n}\n.Pagination_module_root__cb516ea0.Pagination_module_noTotalData__cb516ea0 .Pagination_module_jumpToPage__cb516ea0 {\n flex: 1 1 60%;\n}\n.Pagination_module_root__cb516ea0.Pagination_module_noTotalData__cb516ea0 .Pagination_module_form__cb516ea0 {\n flex: 0 1 20%;\n}";
|
|
47100
|
+
var modules_a3d40e77 = {"root":"Pagination_module_root__cb516ea0","floating":"Pagination_module_floating__cb516ea0","row-switcher":"Pagination_module_rowSwitcher__cb516ea0","jump-to-page":"Pagination_module_jumpToPage__cb516ea0","form":"Pagination_module_form__cb516ea0","row-switcher-handle":"Pagination_module_rowSwitcherHandle__cb516ea0","text":"Pagination_module_text__cb516ea0","dropdown":"Pagination_module_dropdown__cb516ea0","page-numbers":"Pagination_module_pageNumbers__cb516ea0","button":"Pagination_module_button__cb516ea0","disable":"Pagination_module_disable__cb516ea0","icon":"Pagination_module_icon__cb516ea0","pageSelect":"Pagination_module_pageSelect__cb516ea0","number":"Pagination_module_number__cb516ea0","active":"Pagination_module_active__cb516ea0","inputbox":"Pagination_module_inputbox__cb516ea0","total-data":"Pagination_module_totalData__cb516ea0","no-total-data":"Pagination_module_noTotalData__cb516ea0"};
|
|
47101
|
+
n(css$C,{});
|
|
46778
47102
|
|
|
46779
47103
|
var dropdownOptions = ['10', '25', '50', '100', '200', '250'];
|
|
46780
47104
|
var reducer = function reducer(state, _ref) {
|
|
@@ -47051,22 +47375,22 @@ Pagination.defaultProps = {
|
|
|
47051
47375
|
onChange: function onChange() {}
|
|
47052
47376
|
};
|
|
47053
47377
|
|
|
47054
|
-
var css$
|
|
47378
|
+
var css$B = ".Stepper_module_root__7faf2abc {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 1rem;\n}";
|
|
47055
47379
|
var modules_bbfded44 = {"root":"Stepper_module_root__7faf2abc"};
|
|
47056
|
-
n(css$
|
|
47380
|
+
n(css$B,{});
|
|
47057
47381
|
|
|
47058
|
-
var css$
|
|
47382
|
+
var css$A = ":root {\n --white: #ffffff;\n --black: #000000;\n --dark-grey: #333333;\n --dark-grey-o-85: rgba(51, 51, 51, 0.85);\n --grey: #737373;\n --grey1: #888888;\n --grey2: #a6a6a6;\n --grey3: #bbbbbb;\n --grey4: #c4c4c4;\n --grey5: #dddddd;\n --grey6: #e8e8e8;\n --grey7: #eeeeee;\n --grey8: #f2f2f2;\n --grey9: #eff0f0;\n --grey10: #f7f7f7;\n --skeleton: #e0e1e9;\n --highlight: #0f62fe;\n --dark-blue: #001833;\n --background: #d0e2ff;\n --menu-black: #191b1f;\n --banyan-blue: #00037c;\n --banyan-orange: #ff892a;\n --banyan-pink: #ff1597;\n --banyan-gradient: linear-gradient(\n \t84.71deg,\n \tvar(--banyan-pink) 0.48%,\n \tvar(--banyan-orange) 99.57%\n );\n --error: #ff626a;\n --error-bg: #fff1f1;\n --error-outline: rgba(218, 30, 40, 0.08);\n --success: #24a148;\n --success-bg: #defbe6;\n --success-outline: rgba(36, 161, 72, 0.08);\n --warning: #f1c21b;\n --warning-bg: #fff8e1;\n --warning-outline: rgba(203, 160, 6, 0.08);\n --info: #0043ce;\n --info-bg: #edf5ff;\n --info-outline: #2864db98;\n}";
|
|
47059
47383
|
var modules_dd21d9e9 = {"white":"--white","black":"--black","menu-black":"--menu-black","dark-grey":"--dark-grey","dark-grey-o-85":"--dark-grey-o-85","grey":"--grey","grey1":"--grey1","grey2":"--grey2","grey3":"--grey3","grey4":"--grey4","grey5":"--grey5","grey6":"--grey6","grey7":"--grey7","grey8":"--grey8","grey9":"--grey9","grey10":"--grey10","highlight":"--highlight","dark-blue":"--dark-blue","background":"--background","banyan-blue":"--banyan-blue","banyan-orange":"--banyan-orange","banyan-pink":"--banyan-pink","banyan-gradient":"--banyan-gradient","error":"--error","error-bg":"--error-bg","error-outline":"--error-outline","success":"--success","success-bg":"--success-bg","success-outline":"--success-outline","warning":"--warning","warning-bg":"--warning-bg","warning-outline":"--warning-outline","info":"--info","info-bg":"--info-bg","info-outline":"--info-outline"};
|
|
47060
|
-
n(css$
|
|
47384
|
+
n(css$A,{});
|
|
47061
47385
|
|
|
47062
47386
|
var COLORS = Object.keys(modules_dd21d9e9).reduce(function (acc, curr) {
|
|
47063
47387
|
acc[curr] = getCSSVariableValue(modules_dd21d9e9[curr]);
|
|
47064
47388
|
return acc;
|
|
47065
47389
|
}, {});
|
|
47066
47390
|
|
|
47067
|
-
var css$
|
|
47391
|
+
var css$z = ".Step_module_root__94d74268 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: flex-start;\n position: relative;\n z-index: 1;\n gap: 0.5rem;\n flex: 1;\n cursor: default;\n}\n.Step_module_root__94d74268:last-child {\n flex: 0 1 auto;\n}\n.Step_module_root__94d74268:last-child .Step_module_title__94d74268::after {\n display: none;\n}\n.Step_module_root__94d74268 .Step_module_left__94d74268 {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n position: relative;\n width: 1.5rem;\n height: 1.5rem;\n background: var(--white);\n border: 0.063rem solid var(--grey2);\n border-radius: 2rem;\n font-size: 1rem;\n color: var(--grey2);\n}\n.Step_module_root__94d74268 .Step_module_left__94d74268 .Step_module_icon__94d74268 {\n width: 0.75rem;\n height: 0.75rem;\n}\n.Step_module_root__94d74268 .Step_module_left__94d74268 .Step_module_icon__94d74268.Step_module_errorIcon__94d74268 {\n fill: var(--error);\n}\n.Step_module_root__94d74268 .Step_module_left__94d74268 .Step_module_icon__94d74268.Step_module_completionIcon__94d74268 {\n fill: var(--highlight);\n}\n.Step_module_root__94d74268 .Step_module_left__94d74268 .Step_module_icon__94d74268.Step_module_completionIcon__94d74268.Step_module_active__94d74268 {\n fill: var(--white);\n}\n.Step_module_root__94d74268 .Step_module_left__94d74268 .Step_module_progress__94d74268 {\n position: absolute;\n z-index: -1;\n inset: -0.3rem;\n border-radius: 2rem;\n}\n.Step_module_root__94d74268 .Step_module_left__94d74268 .Step_module_progress__94d74268::after {\n position: absolute;\n content: \"\";\n inset: 0.15rem;\n background: white;\n border-radius: 2rem;\n}\n.Step_module_root__94d74268 .Step_module_right__94d74268 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n flex: 1;\n}\n.Step_module_root__94d74268 .Step_module_right__94d74268 .Step_module_title__94d74268 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 0.75rem;\n width: 100%;\n font-size: 1rem;\n color: var(--grey2);\n}\n.Step_module_root__94d74268 .Step_module_right__94d74268 .Step_module_title__94d74268::after {\n content: \"\";\n flex: 1;\n min-width: 1.5rem;\n border-bottom: 0.063rem solid;\n margin-top: 0.75rem;\n border-bottom-color: var(--grey2);\n}\n.Step_module_root__94d74268 .Step_module_right__94d74268 .Step_module_title__94d74268.Step_module_noTail__94d74268::after {\n display: none;\n}\n.Step_module_root__94d74268 .Step_module_right__94d74268 .Step_module_description__94d74268 {\n font-size: 0.75rem;\n color: var(--grey2);\n}\n.Step_module_root__94d74268.Step_module_active__94d74268 .Step_module_left__94d74268 {\n background: var(--highlight);\n color: var(--white);\n}\n.Step_module_root__94d74268.Step_module_active__94d74268 .Step_module_left__94d74268, .Step_module_root__94d74268.Step_module_completed__94d74268 .Step_module_left__94d74268 {\n border-color: var(--highlight);\n}\n.Step_module_root__94d74268.Step_module_active__94d74268 .Step_module_right__94d74268 .Step_module_title__94d74268, .Step_module_root__94d74268.Step_module_completed__94d74268 .Step_module_right__94d74268 .Step_module_title__94d74268 {\n color: var(--black);\n}\n.Step_module_root__94d74268.Step_module_active__94d74268 .Step_module_right__94d74268 .Step_module_description__94d74268, .Step_module_root__94d74268.Step_module_completed__94d74268 .Step_module_right__94d74268 .Step_module_description__94d74268 {\n color: var(--grey);\n}\n.Step_module_root__94d74268.Step_module_completed__94d74268 .Step_module_right__94d74268 .Step_module_title__94d74268::after {\n border-bottom-color: var(--highlight);\n}\n.Step_module_root__94d74268.Step_module_error__94d74268 .Step_module_left__94d74268 {\n background: var(--white);\n border-color: var(--error);\n color: var(--error);\n}\n.Step_module_root__94d74268.Step_module_error__94d74268 .Step_module_right__94d74268 .Step_module_title__94d74268 {\n color: var(--error);\n}\n.Step_module_root__94d74268.Step_module_error__94d74268 .Step_module_right__94d74268 .Step_module_description__94d74268 {\n color: rgba(var(--error), 0.6);\n}";
|
|
47068
47392
|
var modules_abbc385a = {"root":"Step_module_root__94d74268","title":"Step_module_title__94d74268","left":"Step_module_left__94d74268","icon":"Step_module_icon__94d74268","error-icon":"Step_module_errorIcon__94d74268","completion-icon":"Step_module_completionIcon__94d74268","active":"Step_module_active__94d74268","progress":"Step_module_progress__94d74268","right":"Step_module_right__94d74268","no-tail":"Step_module_noTail__94d74268","description":"Step_module_description__94d74268","completed":"Step_module_completed__94d74268","error":"Step_module_error__94d74268"};
|
|
47069
|
-
n(css$
|
|
47393
|
+
n(css$z,{});
|
|
47070
47394
|
|
|
47071
47395
|
var Step = function Step(props) {
|
|
47072
47396
|
var title = props.title,
|
|
@@ -47192,9 +47516,9 @@ var TableColumn = /*#__PURE__*/_createClass(function TableColumn(_ref) {
|
|
|
47192
47516
|
this.sticky = sticky;
|
|
47193
47517
|
});
|
|
47194
47518
|
|
|
47195
|
-
var css$
|
|
47196
|
-
var modules_7ba8d001 = {"root":"
|
|
47197
|
-
n(css$
|
|
47519
|
+
var css$y = ".TableCell_module_root__b0c82b08[data-elem='base-cell'] {\n\tbackground: var(--white);\n\tborder-bottom: 1px solid var(--grey4);\n}\n.TableCell_module_root__b0c82b08[data-elem='base-cell'] > [data-elem*='component'] {\n\toverflow: hidden;\n}\n.TableCell_module_root__b0c82b08[data-elem='base-cell'] > [data-elem*='component'] {\n\tdisplay: flex;\n\tflex-direction: row;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tflex: 1;\n}\n.TableCell_module_root__b0c82b08[data-elem='base-cell'] > [data-elem*='component'] .TableCell_module_cellText__b0c82b08 {\n\ttext-overflow: ellipsis;\n\toverflow: hidden;\n\twhite-space: nowrap;\n\tdisplay: inline-block;\n\twidth: 100%;\n\tfont-size: 0.875rem;\n}\n.TableCell_module_root__b0c82b08[data-elem='base-cell'].TableCell_module_headerCell__b0c82b08 {\n\tbackground: var(--grey6);\n}\n.TableCell_module_root__b0c82b08[data-elem='base-cell'].TableCell_module_headerCell__b0c82b08 .TableCell_module_cellText__b0c82b08 {\n\tfont-weight: 500;\n\tcolor: var(--grey);\n\tfont-size: 0.75rem;\n}\n.TableCell_module_root__b0c82b08[data-elem='base-cell'].TableCell_module_headerCell__b0c82b08.TableCell_module_sortable__b0c82b08 > [data-elem='component2'] {\n\tflex: 0 0 auto;\n}\n.TableCell_module_root__b0c82b08[data-elem='base-cell'].TableCell_module_headerCell__b0c82b08.TableCell_module_sortable__b0c82b08 > [data-elem='component2'] .TableCell_module_cellText__b0c82b08 {\n\twidth: auto;\n}\n.TableCell_module_root__b0c82b08[data-elem='base-cell'].TableCell_module_headerCell__b0c82b08.TableCell_module_sortable__b0c82b08 > [data-elem='component3'] {\n\tflex: 0 0 auto;\n\tmargin-right: auto;\n\toverflow: visible;\n}\n.TableCell_module_root__b0c82b08[data-elem='base-cell'].TableCell_module_headerCell__b0c82b08.TableCell_module_sortable__b0c82b08 > [data-elem='component3'] button.TableCell_module_sort__b0c82b08 {\n\theight: auto;\n\tbackground: transparent;\n\tpadding: 0;\n}\n.TableCell_module_root__b0c82b08[data-elem='base-cell'].TableCell_module_headerCell__b0c82b08.TableCell_module_sortable__b0c82b08 > [data-elem='component3'] .TableCell_module_sortIcon__b0c82b08 {\n\twidth: 1rem;\n\theight: 1rem;\n}\n.TableCell_module_root__b0c82b08[data-elem='base-cell'].TableCell_module_headerCell__b0c82b08.TableCell_module_sortable__b0c82b08.TableCell_module_sortDefault__b0c82b08 > [data-elem='component3'] {\n\tvisibility: hidden;\n}\n.TableCell_module_root__b0c82b08[data-elem='base-cell'].TableCell_module_headerCell__b0c82b08.TableCell_module_sortable__b0c82b08.TableCell_module_sortDefault__b0c82b08\n\t> [data-elem='component3']\n\t.TableCell_module_sortIcon__b0c82b08 {\n\twidth: 1rem;\n\theight: 1rem;\n}\n.TableCell_module_root__b0c82b08[data-elem='base-cell'].TableCell_module_headerCell__b0c82b08.TableCell_module_sortable__b0c82b08.TableCell_module_sortAsc__b0c82b08 > [data-elem='component3'],\n.TableCell_module_root__b0c82b08[data-elem='base-cell'].TableCell_module_headerCell__b0c82b08.TableCell_module_sortable__b0c82b08.TableCell_module_sortDesc__b0c82b08 > [data-elem='component3'] {\n\tvisibility: visible;\n}\n.TableCell_module_root__b0c82b08[data-elem='base-cell'].TableCell_module_headerCell__b0c82b08.TableCell_module_sortable__b0c82b08.TableCell_module_sortAsc__b0c82b08 > [data-elem='component3'] .TableCell_module_sortIcon__b0c82b08,\n.TableCell_module_root__b0c82b08[data-elem='base-cell'].TableCell_module_headerCell__b0c82b08.TableCell_module_sortable__b0c82b08.TableCell_module_sortDesc__b0c82b08 > [data-elem='component3'] .TableCell_module_sortIcon__b0c82b08 {\n\tfill: var(--highlight);\n\twidth: 1rem;\n\theight: 1rem;\n}\n.TableCell_module_root__b0c82b08[data-elem='base-cell'].TableCell_module_headerCell__b0c82b08.TableCell_module_sortable__b0c82b08:hover > [data-elem='component3'] {\n\tvisibility: visible;\n}\n.TableCell_module_root__b0c82b08[data-elem='base-cell'].TableCell_module_bodyCell__b0c82b08 .TableCell_module_cellText__b0c82b08.TableCell_module_multiLine__b0c82b08 {\n\twhite-space: normal;\n\tdisplay: -webkit-box;\n\t-webkit-box-orient: vertical;\n\t-webkit-line-clamp: 2;\n\tfont-size: 0.75rem;\n}\n.TableCell_module_root__b0c82b08[data-elem='base-cell'].TableCell_module_stickyLeft__b0c82b08 {\n\tbox-shadow: 0px 8px 20px rgba(24, 24, 24, 0.08);\n\tposition: sticky;\n\tleft: 0;\n}\n.TableCell_module_root__b0c82b08[data-elem='base-cell'].TableCell_module_stickyRight__b0c82b08 {\n\tbox-shadow: 0px 8px 20px rgba(24, 24, 24, 0.08);\n\tposition: sticky;\n\tright: 0;\n} \n";
|
|
47520
|
+
var modules_7ba8d001 = {"root":"TableCell_module_root__b0c82b08","cell-text":"TableCell_module_cellText__b0c82b08","header-cell":"TableCell_module_headerCell__b0c82b08","sortable":"TableCell_module_sortable__b0c82b08","sort":"TableCell_module_sort__b0c82b08","sort-icon":"TableCell_module_sortIcon__b0c82b08","sort-default":"TableCell_module_sortDefault__b0c82b08","sort-asc":"TableCell_module_sortAsc__b0c82b08","sort-desc":"TableCell_module_sortDesc__b0c82b08","body-cell":"TableCell_module_bodyCell__b0c82b08","multi-line":"TableCell_module_multiLine__b0c82b08","sticky-left":"TableCell_module_stickyLeft__b0c82b08","sticky-right":"TableCell_module_stickyRight__b0c82b08"};
|
|
47521
|
+
n(css$y,{});
|
|
47198
47522
|
|
|
47199
47523
|
var SORT_ICONS = {
|
|
47200
47524
|
asc: /*#__PURE__*/jsxRuntime.jsx(Sort, {
|
|
@@ -47293,9 +47617,9 @@ TableCell.defaultProps = _objectSpread2(_objectSpread2({}, BaseCell.defaultProps
|
|
|
47293
47617
|
onSort: function onSort() {}
|
|
47294
47618
|
});
|
|
47295
47619
|
|
|
47296
|
-
var css$
|
|
47620
|
+
var css$x = ".TableRow_module_root__f4710f2d {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n}\n.TableRow_module_root__f4710f2d.TableRow_module_headerRow__f4710f2d {\n background: var(--grey6);\n}\n.TableRow_module_root__f4710f2d.TableRow_module_headerRow__f4710f2d > [data-elem=base-cell].TableRow_module_expandableCell__f4710f2d {\n background: transparent;\n}\n.TableRow_module_root__f4710f2d.TableRow_module_headerRow__f4710f2d > [data-elem=base-cell].TableRow_module_expandableCell__f4710f2d > [data-elem=component2] {\n width: 3rem;\n visibility: hidden;\n}\n.TableRow_module_root__f4710f2d.TableRow_module_bodyRow__f4710f2d {\n background: var(--white);\n}\n.TableRow_module_root__f4710f2d.TableRow_module_bodyRow__f4710f2d:hover > [data-elem=base-cell] {\n background: var(--info-bg);\n}\n.TableRow_module_root__f4710f2d.TableRow_module_bodyRow__f4710f2d[data-active=true] > [data-elem=base-cell] {\n background: var(--background);\n}\n.TableRow_module_root__f4710f2d > [data-elem=base-cell]:first-child {\n padding-left: 1rem;\n}\n.TableRow_module_root__f4710f2d > [data-elem=base-cell]:last-child {\n padding-right: 1rem;\n}\n.TableRow_module_root__f4710f2d.TableRow_module_rowHeightMd__f4710f2d > td[data-elem=base-cell] {\n height: 3rem;\n}\n.TableRow_module_root__f4710f2d.TableRow_module_rowHeightLg__f4710f2d > td[data-elem=base-cell] {\n height: 4rem;\n}\n.TableRow_module_root__f4710f2d > [data-elem=base-cell].TableRow_module_expandableCell__f4710f2d {\n padding-left: 0.9rem;\n padding-right: 0.1rem;\n overflow: visible;\n}\n.TableRow_module_root__f4710f2d > [data-elem=base-cell].TableRow_module_expandableCell__f4710f2d > [data-elem=component2] {\n overflow: visible;\n}\n.TableRow_module_root__f4710f2d > [data-elem=base-cell].TableRow_module_expandableCell__f4710f2d > [data-elem=component2] > [data-elem=text] {\n overflow: visible;\n}\n.TableRow_module_root__f4710f2d button.TableRow_module_button__f4710f2d[data-elem=base-cell] .TableRow_module_icon__f4710f2d {\n width: 1.5rem;\n height: 1.5rem;\n}\n.TableRow_module_root__f4710f2d button.TableRow_module_button__f4710f2d[data-elem=base-cell]:disabled {\n cursor: default;\n}\n.TableRow_module_root__f4710f2d button.TableRow_module_button__f4710f2d[data-elem=base-cell]:disabled .TableRow_module_icon__f4710f2d {\n visibility: hidden;\n}\n.TableRow_module_root__f4710f2d .TableRow_module_expanded__f4710f2d .TableRow_module_button__f4710f2d .TableRow_module_icon__f4710f2d {\n transform: rotate(180deg);\n}";
|
|
47297
47621
|
var modules_f6618a87 = {"root":"TableRow_module_root__f4710f2d","header-row":"TableRow_module_headerRow__f4710f2d","expandable-cell":"TableRow_module_expandableCell__f4710f2d","body-row":"TableRow_module_bodyRow__f4710f2d","row-height-md":"TableRow_module_rowHeightMd__f4710f2d","row-height-lg":"TableRow_module_rowHeightLg__f4710f2d","button":"TableRow_module_button__f4710f2d","icon":"TableRow_module_icon__f4710f2d","expanded":"TableRow_module_expanded__f4710f2d"};
|
|
47298
|
-
n(css$
|
|
47622
|
+
n(css$x,{});
|
|
47299
47623
|
|
|
47300
47624
|
var TableRow = /*#__PURE__*/React.forwardRef(function BaseTable(props, ref) {
|
|
47301
47625
|
var _headerData$map;
|
|
@@ -47422,9 +47746,9 @@ TableRow.defaultProps = {
|
|
|
47422
47746
|
rowHeight: 'md'
|
|
47423
47747
|
};
|
|
47424
47748
|
|
|
47425
|
-
var css$
|
|
47749
|
+
var css$w = ".TableBody_module_root__77e2990d {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n}";
|
|
47426
47750
|
var modules_82c0c387 = {"root":"TableBody_module_root__77e2990d"};
|
|
47427
|
-
n(css$
|
|
47751
|
+
n(css$w,{});
|
|
47428
47752
|
|
|
47429
47753
|
/* eslint-disable no-underscore-dangle */
|
|
47430
47754
|
var TableBody = function TableBody(props) {
|
|
@@ -47498,9 +47822,9 @@ TableBody.defaultProps = {
|
|
|
47498
47822
|
rowHeight: 'md'
|
|
47499
47823
|
};
|
|
47500
47824
|
|
|
47501
|
-
var css$
|
|
47825
|
+
var css$v = ".TableHeader_module_root__daf69a14 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n}";
|
|
47502
47826
|
var modules_3be98c28 = {"root":"TableHeader_module_root__daf69a14"};
|
|
47503
|
-
n(css$
|
|
47827
|
+
n(css$v,{});
|
|
47504
47828
|
|
|
47505
47829
|
/* eslint-disable react/forbid-prop-types */
|
|
47506
47830
|
var TableHeader = function TableHeader(props) {
|
|
@@ -47551,13 +47875,13 @@ TableHeader.defaultProps = {
|
|
|
47551
47875
|
rowHeight: 'md'
|
|
47552
47876
|
};
|
|
47553
47877
|
|
|
47554
|
-
var css$
|
|
47878
|
+
var css$u = ".BaseTable_module_root__7a8d241c {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n background: var(--white);\n overflow: auto;\n}";
|
|
47555
47879
|
var modules_f1817c60 = {"root":"BaseTable_module_root__7a8d241c"};
|
|
47556
|
-
n(css$
|
|
47880
|
+
n(css$u,{});
|
|
47557
47881
|
|
|
47558
|
-
var css$
|
|
47559
|
-
var modules_37a5ff73$8 = {"root":"
|
|
47560
|
-
n(css$
|
|
47882
|
+
var css$t = ".Skeleton_module_root__ad62f983 {\n width: 100%;\n height: 100%;\n background: var(--grey6);\n background-repeat: no-repeat;\n background-size: cover;\n display: inline-block;\n}\n.Skeleton_module_root__ad62f983.Skeleton_module_lightTheme__ad62f983 {\n background-color: var(--skeleton);\n}\n.Skeleton_module_root__ad62f983.Skeleton_module_darkTheme__ad62f983 {\n background-color: var(--grey2);\n opacity: 0.2;\n}\n.Skeleton_module_root__ad62f983.Skeleton_module_animated__ad62f983 {\n animation-duration: 1.25s;\n animation-fill-mode: forwards;\n animation-iteration-count: infinite;\n animation-name: Skeleton_module_shimmer__ad62f983;\n animation-timing-function: linear;\n -webkit-animation-fill-mode: forwards;\n -webkit-animation-iteration-count: infinite;\n -webkit-animation-name: Skeleton_module_shimmer__ad62f983;\n -webkit-animation-timing-function: linear;\n}\n.Skeleton_module_root__ad62f983.Skeleton_module_animated__ad62f983.Skeleton_module_lightTheme__ad62f983 {\n background-image: linear-gradient(to right, var(--skeleton) 0%, var(--grey8) 20%, var(--skeleton) 40%, var(--skeleton) 100%);\n}\n.Skeleton_module_root__ad62f983.Skeleton_module_animated__ad62f983.Skeleton_module_darkTheme__ad62f983 {\n background-image: linear-gradient(to right, var(--grey2) 0%, var(--grey4) 20%, var(--grey2) 40%, var(--grey2) 100%);\n}\n.Skeleton_module_root__ad62f983.Skeleton_module_text__ad62f983 {\n height: 1.5rem;\n}\n.Skeleton_module_root__ad62f983.Skeleton_module_circle__ad62f983 {\n border-radius: 50%;\n}\n.Skeleton_module_root__ad62f983.Skeleton_module_rounded__ad62f983 {\n border-radius: 0.25rem;\n}\n.Skeleton_module_root__ad62f983.Skeleton_module_ellipse__ad62f983 {\n border-radius: 1.5rem;\n}\n\n@keyframes Skeleton_module_shimmer__ad62f983 {\n 0% {\n background-position: -50rem 0;\n }\n 100% {\n background-position: 50rem 0;\n }\n}";
|
|
47883
|
+
var modules_37a5ff73$8 = {"root":"Skeleton_module_root__ad62f983","light-theme":"Skeleton_module_lightTheme__ad62f983","dark-theme":"Skeleton_module_darkTheme__ad62f983","animated":"Skeleton_module_animated__ad62f983","shimmer":"Skeleton_module_shimmer__ad62f983","text":"Skeleton_module_text__ad62f983","circle":"Skeleton_module_circle__ad62f983","rounded":"Skeleton_module_rounded__ad62f983","ellipse":"Skeleton_module_ellipse__ad62f983"};
|
|
47884
|
+
n(css$t,{});
|
|
47561
47885
|
|
|
47562
47886
|
var Skeleton = function Skeleton(props) {
|
|
47563
47887
|
var height = props.height,
|
|
@@ -47596,9 +47920,9 @@ Skeleton.defaultProps = {
|
|
|
47596
47920
|
style: {}
|
|
47597
47921
|
};
|
|
47598
47922
|
|
|
47599
|
-
var css$
|
|
47923
|
+
var css$s = ".Skeleton_module_row__f53f20f3 {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n gap: 1rem;\n margin-bottom: 1rem;\n padding: 0rem 0.5rem;\n}\n.Skeleton_module_row__f53f20f3.Skeleton_module_header__f53f20f3 {\n height: 2rem;\n background: var(--grey4);\n border-radius: 0.25rem;\n}\n.Skeleton_module_row__f53f20f3.Skeleton_module_header__f53f20f3 .Skeleton_module_th__f53f20f3 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n}\n.Skeleton_module_row__f53f20f3.Skeleton_module_header__f53f20f3 .Skeleton_module_th__f53f20f3 .Skeleton_module_skeleton__f53f20f3 {\n background: var(--grey8);\n}\n.Skeleton_module_row__f53f20f3 > .Skeleton_module_column__f53f20f3 {\n width: 100%;\n}\n.Skeleton_module_row__f53f20f3 > .Skeleton_module_column__f53f20f3 .Skeleton_module_skeleton__f53f20f3 {\n height: 1.5rem;\n}";
|
|
47600
47924
|
var modules_37a5ff73$7 = {"row":"Skeleton_module_row__f53f20f3","header":"Skeleton_module_header__f53f20f3","th":"Skeleton_module_th__f53f20f3","skeleton":"Skeleton_module_skeleton__f53f20f3","column":"Skeleton_module_column__f53f20f3"};
|
|
47601
|
-
n(css$
|
|
47925
|
+
n(css$s,{});
|
|
47602
47926
|
|
|
47603
47927
|
var COLUMNS = _toConsumableArray$1(Array(4).keys()).map(function () {
|
|
47604
47928
|
return Math.floor(Math.random() * 80 + 20);
|
|
@@ -47700,9 +48024,9 @@ BaseTable.defaultProps = {
|
|
|
47700
48024
|
theme: 'light'
|
|
47701
48025
|
};
|
|
47702
48026
|
|
|
47703
|
-
var css$
|
|
48027
|
+
var css$r = ".Skeleton_module_root__15c10a9b[data-elem=base-cell] {\n align-items: flex-start;\n width: 100%;\n}\n.Skeleton_module_root__15c10a9b[data-elem=base-cell] > [data-elem=component1] {\n width: auto;\n}\n.Skeleton_module_root__15c10a9b[data-elem=base-cell] > [data-elem=component1] > [data-elem=skeleton] {\n height: 1.5rem;\n width: 1.5rem !important;\n}\n.Skeleton_module_root__15c10a9b[data-elem=base-cell] > [data-elem=component2] {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n gap: 1rem;\n flex: 8;\n}\n.Skeleton_module_root__15c10a9b[data-elem=base-cell] > [data-elem=component2] > [data-elem=skeleton] {\n max-width: 9rem;\n height: 1.5rem;\n}";
|
|
47704
48028
|
var modules_37a5ff73$6 = {"root":"Skeleton_module_root__15c10a9b"};
|
|
47705
|
-
n(css$
|
|
48029
|
+
n(css$r,{});
|
|
47706
48030
|
|
|
47707
48031
|
var CHIPS = _toConsumableArray$1(Array(5).keys());
|
|
47708
48032
|
var TableChipsSkeleton = function TableChipsSkeleton(_ref) {
|
|
@@ -47723,23 +48047,28 @@ var TableChipsSkeleton = function TableChipsSkeleton(_ref) {
|
|
|
47723
48047
|
});
|
|
47724
48048
|
};
|
|
47725
48049
|
|
|
47726
|
-
var css$
|
|
47727
|
-
var
|
|
47728
|
-
n(css$
|
|
48050
|
+
var css$q = ".TableChipItem_module_root__46c5e2b5 {\n background: var(--grey8);\n border: 1px solid var(--grey4);\n padding: 0.344rem 0.25rem;\n height: 3rem;\n max-height: 100%;\n max-width: -moz-fit-content;\n max-width: fit-content;\n cursor: default;\n}\n.TableChipItem_module_root__46c5e2b5 .TableChipItem_module_chipIcon__46c5e2b5 {\n width: 1rem;\n height: 1rem;\n}\n.TableChipItem_module_root__46c5e2b5 > [data-elem=component1] {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.TableChipItem_module_root__46c5e2b5 > [data-elem=component2] {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n gap: 0.25rem;\n height: 100%;\n}\n.TableChipItem_module_root__46c5e2b5 > [data-elem=component2] div.TableChipItem_module_chipSearch__46c5e2b5 {\n padding: 0;\n height: 100%;\n}\n.TableChipItem_module_root__46c5e2b5 > [data-elem=component2] div.TableChipItem_module_chipSearch__46c5e2b5 > label > [data-elem=base-cell] {\n border-radius: 1.5rem;\n width: auto;\n}\n.TableChipItem_module_root__46c5e2b5 > [data-elem=component2] div.TableChipItem_module_chipSearch__46c5e2b5 > label > [data-elem=base-cell] > [data-elem=component2] > [data-elem=input] {\n font-size: 0.875rem;\n font-weight: 500;\n width: auto;\n}\n.TableChipItem_module_root__46c5e2b5 > [data-elem=component2] .TableChipItem_module_chip__46c5e2b5 {\n height: 100%;\n}\n.TableChipItem_module_root__46c5e2b5 > [data-elem=component2] .TableChipItem_module_chip__46c5e2b5:not(:disabled) {\n cursor: pointer;\n}\n.TableChipItem_module_root__46c5e2b5 > [data-elem=component2] .TableChipItem_module_chip__46c5e2b5:disabled {\n cursor: default;\n color: var(--info);\n border-color: var(--info-outline);\n background: var(--info-bg);\n filter: none;\n}\n.TableChipItem_module_root__46c5e2b5 > [data-elem=component2] .TableChipItem_module_chip__46c5e2b5 > [data-elem=component2] > [data-elem=title] {\n color: var(--dark-grey);\n}\n.TableChipItem_module_root__46c5e2b5 > [data-elem=component2] .TableChipItem_module_chip__46c5e2b5 .TableChipItem_module_icon__46c5e2b5 {\n width: 0.875rem;\n height: 0.875rem;\n}\n.TableChipItem_module_root__46c5e2b5 > [data-elem=component3] {\n height: 100%;\n}\n.TableChipItem_module_root__46c5e2b5.TableChipItem_module_disabled__46c5e2b5:hover {\n border-color: var(--grey4);\n}\n.TableChipItem_module_root__46c5e2b5.TableChipItem_module_disabled__46c5e2b5:hover > [data-elem=component2] .TableChipItem_module_label__46c5e2b5 {\n color: var(--dark-grey);\n}\n.TableChipItem_module_root__46c5e2b5.TableChipItem_module_disabled__46c5e2b5:hover > [data-elem=component2] .TableChipItem_module_chipChild__46c5e2b5 {\n background: var(--info-bg);\n}\n.TableChipItem_module_root__46c5e2b5.TableChipItem_module_disabled__46c5e2b5:hover > [data-elem=component2] .TableChipItem_module_chipChild__46c5e2b5 > [data-elem=component2] > [data-elem=title] {\n color: var(--dark-grey);\n}\n.TableChipItem_module_root__46c5e2b5.TableChipItem_module_disabled__46c5e2b5:hover > [data-elem=component2] .TableChipItem_module_chipChild__46c5e2b5 .TableChipItem_module_icon__46c5e2b5 {\n width: 0.875rem;\n height: 0.875rem;\n}\n.TableChipItem_module_root__46c5e2b5:hover {\n border-color: var(--highlight);\n}\n.TableChipItem_module_root__46c5e2b5:hover > [data-elem=component2] .TableChipItem_module_label__46c5e2b5 {\n color: var(--highlight);\n}\n.TableChipItem_module_root__46c5e2b5:hover > [data-elem=component2] .TableChipItem_module_chipChild__46c5e2b5 {\n background: var(--background);\n}\n.TableChipItem_module_root__46c5e2b5:hover > [data-elem=component2] .TableChipItem_module_chipChild__46c5e2b5 > [data-elem=component2] > [data-elem=title] {\n color: var(--highlight);\n}\n.TableChipItem_module_root__46c5e2b5:hover > [data-elem=component2] .TableChipItem_module_chipChild__46c5e2b5 .TableChipItem_module_icon__46c5e2b5 {\n width: 0.875rem;\n height: 0.875rem;\n}";
|
|
48051
|
+
var modules_ac61eac3 = {"root":"TableChipItem_module_root__46c5e2b5","chip-icon":"TableChipItem_module_chipIcon__46c5e2b5","chip-search":"TableChipItem_module_chipSearch__46c5e2b5","chip":"TableChipItem_module_chip__46c5e2b5","icon":"TableChipItem_module_icon__46c5e2b5","disabled":"TableChipItem_module_disabled__46c5e2b5","label":"TableChipItem_module_label__46c5e2b5","chip-child":"TableChipItem_module_chipChild__46c5e2b5"};
|
|
48052
|
+
n(css$q,{});
|
|
47729
48053
|
|
|
47730
|
-
var
|
|
47731
|
-
|
|
48054
|
+
var TableChipItem = function TableChipItem(props) {
|
|
48055
|
+
// eslint-disable-next-line object-curly-newline
|
|
48056
|
+
var className = props.className,
|
|
48057
|
+
icon = props.icon,
|
|
47732
48058
|
rightComponent = props.rightComponent,
|
|
47733
48059
|
label = props.label,
|
|
47734
48060
|
value = props.value,
|
|
47735
48061
|
onRemove = props.onRemove,
|
|
47736
|
-
disabled = props.disabled
|
|
48062
|
+
disabled = props.disabled,
|
|
48063
|
+
search = props.search,
|
|
48064
|
+
onSearch = props.onSearch,
|
|
48065
|
+
inputValue = props.inputValue;
|
|
47737
48066
|
|
|
47738
48067
|
// component 1
|
|
47739
48068
|
var Icon = icon;
|
|
47740
48069
|
if (Icon) {
|
|
47741
48070
|
Icon = /*#__PURE__*/jsxRuntime.jsx(Icon, {
|
|
47742
|
-
className:
|
|
48071
|
+
className: modules_ac61eac3['chip-icon']
|
|
47743
48072
|
});
|
|
47744
48073
|
} else {
|
|
47745
48074
|
Icon = null;
|
|
@@ -47748,13 +48077,25 @@ var TableChip$1 = function TableChip(props) {
|
|
|
47748
48077
|
// component 2
|
|
47749
48078
|
var Title = /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
47750
48079
|
children: [/*#__PURE__*/jsxRuntime.jsxs(Text, {
|
|
47751
|
-
className:
|
|
48080
|
+
className: modules_ac61eac3.label,
|
|
47752
48081
|
variant: "b2",
|
|
47753
48082
|
stroke: "medium",
|
|
47754
48083
|
children: [label, " :"]
|
|
47755
|
-
}),
|
|
48084
|
+
}), search ? /*#__PURE__*/jsxRuntime.jsx(TextField, {
|
|
48085
|
+
value: inputValue,
|
|
48086
|
+
onChange: onSearch,
|
|
48087
|
+
className: modules_ac61eac3['chip-search'],
|
|
48088
|
+
inputProps: {
|
|
48089
|
+
style: {
|
|
48090
|
+
width: "".concat(inputValue === null || inputValue === void 0 ? void 0 : inputValue.length, "ch"),
|
|
48091
|
+
minWidth: '2rem',
|
|
48092
|
+
maxWidth: '20rem'
|
|
48093
|
+
},
|
|
48094
|
+
size: 1
|
|
48095
|
+
}
|
|
48096
|
+
}) : typeof value === 'string' && value.length > 0 && /*#__PURE__*/jsxRuntime.jsx(Chip, {
|
|
47756
48097
|
disabled: disabled,
|
|
47757
|
-
className:
|
|
48098
|
+
className: modules_ac61eac3.chip,
|
|
47758
48099
|
title: value,
|
|
47759
48100
|
radius: "ellipse",
|
|
47760
48101
|
color: "info",
|
|
@@ -47762,7 +48103,7 @@ var TableChip$1 = function TableChip(props) {
|
|
|
47762
48103
|
onClick: onRemove,
|
|
47763
48104
|
rightComponent: !disabled && function () {
|
|
47764
48105
|
return /*#__PURE__*/jsxRuntime.jsx(Close, {
|
|
47765
|
-
className:
|
|
48106
|
+
className: modules_ac61eac3.icon
|
|
47766
48107
|
});
|
|
47767
48108
|
}
|
|
47768
48109
|
})]
|
|
@@ -47778,13 +48119,18 @@ var TableChip$1 = function TableChip(props) {
|
|
|
47778
48119
|
return /*#__PURE__*/jsxRuntime.jsx(BaseCell, {
|
|
47779
48120
|
radius: "default",
|
|
47780
48121
|
size: "auto",
|
|
47781
|
-
className: classes(
|
|
48122
|
+
className: classes(modules_ac61eac3.root, className, disabled ? modules_ac61eac3.disabled : ''),
|
|
47782
48123
|
component1: Icon,
|
|
47783
48124
|
component2: Title,
|
|
47784
48125
|
component3: RightComponent,
|
|
47785
48126
|
title: "".concat(label, " : ").concat(value)
|
|
47786
48127
|
});
|
|
47787
48128
|
};
|
|
48129
|
+
|
|
48130
|
+
var css$p = ".TableChips_module_root__6212ef0c[data-elem=base-cell] {\n padding: 0.5rem 1.5rem;\n width: 100%;\n background: var(--grey6);\n border-radius: 0.25rem 0.25rem 0 0;\n}\n.TableChips_module_root__6212ef0c[data-elem=base-cell] > [data-elem=component1] .TableChips_module_back__6212ef0c {\n height: 2rem;\n width: 2rem;\n}\n.TableChips_module_root__6212ef0c[data-elem=base-cell] > [data-elem=component1] .TableChips_module_back__6212ef0c [data-elem=component1] .TableChips_module_icon__6212ef0c {\n width: 1.5rem;\n height: 1.5rem;\n fill: var(--white);\n}\n.TableChips_module_root__6212ef0c[data-elem=base-cell] > [data-elem=component2] {\n -ms-overflow-style: none;\n scrollbar-width: none;\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n height: 100%;\n gap: 0.5rem;\n overflow: auto hidden;\n flex: 1;\n}\n.TableChips_module_root__6212ef0c[data-elem=base-cell] > [data-elem=component2]::-webkit-scrollbar {\n display: none;\n}\n.TableChips_module_root__6212ef0c[data-elem=base-cell] > [data-elem=component3] {\n height: 100%;\n}\n.TableChips_module_root__6212ef0c[data-elem=base-cell] > [data-elem=component3] .TableChips_module_clear__6212ef0c {\n height: 100%;\n}";
|
|
48131
|
+
var modules_016d9b3e = {"root":"TableChips_module_root__6212ef0c","back":"TableChips_module_back__6212ef0c","icon":"TableChips_module_icon__6212ef0c","clear":"TableChips_module_clear__6212ef0c"};
|
|
48132
|
+
n(css$p,{});
|
|
48133
|
+
|
|
47788
48134
|
var TableChips = function TableChips(props) {
|
|
47789
48135
|
var _chips$filter;
|
|
47790
48136
|
// eslint-disable-next-line object-curly-newline
|
|
@@ -47805,7 +48151,7 @@ var TableChips = function TableChips(props) {
|
|
|
47805
48151
|
var chipsDOM = chips === null || chips === void 0 ? void 0 : (_chips$filter = chips.filter(function (chip) {
|
|
47806
48152
|
return (chip === null || chip === void 0 ? void 0 : chip.value) != null;
|
|
47807
48153
|
})) === null || _chips$filter === void 0 ? void 0 : _chips$filter.map(function (chip, index) {
|
|
47808
|
-
return /*#__PURE__*/jsxRuntime.jsx(
|
|
48154
|
+
return /*#__PURE__*/jsxRuntime.jsx(TableChipItem, _objectSpread2(_objectSpread2({}, chip), {}, {
|
|
47809
48155
|
onRemove: function onRemove() {
|
|
47810
48156
|
_onRemove(chip, index);
|
|
47811
48157
|
}
|
|
@@ -47885,6 +48231,8 @@ var TableChip = /*#__PURE__*/_createClass(function TableChip(_ref) {
|
|
|
47885
48231
|
value = _ref$value === void 0 ? '' : _ref$value,
|
|
47886
48232
|
_ref$disabled = _ref.disabled,
|
|
47887
48233
|
disabled = _ref$disabled === void 0 ? false : _ref$disabled,
|
|
48234
|
+
_ref$search = _ref.search,
|
|
48235
|
+
search = _ref$search === void 0 ? false : _ref$search,
|
|
47888
48236
|
_ref$rightComponent = _ref.rightComponent,
|
|
47889
48237
|
rightComponent = _ref$rightComponent === void 0 ? null : _ref$rightComponent;
|
|
47890
48238
|
_classCallCheck(this, TableChip);
|
|
@@ -47893,11 +48241,12 @@ var TableChip = /*#__PURE__*/_createClass(function TableChip(_ref) {
|
|
|
47893
48241
|
this.label = label;
|
|
47894
48242
|
this.value = value;
|
|
47895
48243
|
this.disabled = disabled;
|
|
48244
|
+
this.search = search;
|
|
47896
48245
|
this.rightComponent = rightComponent;
|
|
47897
48246
|
});
|
|
47898
48247
|
|
|
47899
|
-
var css$o = ".
|
|
47900
|
-
var modules_dfc4608f = {"root":"
|
|
48248
|
+
var css$o = ".Popover_module_root__e2663c00 {\n padding: 1rem;\n border-radius: 0.25rem;\n border: 1px solid var(--grey);\n}\n.Popover_module_root__e2663c00.Popover_module_darkTheme__e2663c00 {\n box-shadow: 0px 8px 20px rgba(24, 24, 24, 0.08);\n background-color: var(--dark-grey);\n color: var(--white);\n border-color: var(--grey);\n}\n.Popover_module_root__e2663c00.Popover_module_lightTheme__e2663c00 {\n box-shadow: 0px 8px 20px rgba(24, 24, 24, 0.08);\n background-color: var(--white);\n color: var(--dark-grey);\n border-color: var(--grey4);\n}";
|
|
48249
|
+
var modules_dfc4608f = {"root":"Popover_module_root__e2663c00","dark-theme":"Popover_module_darkTheme__e2663c00","light-theme":"Popover_module_lightTheme__e2663c00"};
|
|
47901
48250
|
n(css$o,{});
|
|
47902
48251
|
|
|
47903
48252
|
var Popover = function Popover(props) {
|
|
@@ -47909,7 +48258,8 @@ var Popover = function Popover(props) {
|
|
|
47909
48258
|
className = props.className,
|
|
47910
48259
|
transparent = props.transparent,
|
|
47911
48260
|
onClose = props.onClose,
|
|
47912
|
-
placement = props.placement
|
|
48261
|
+
placement = props.placement,
|
|
48262
|
+
theme = props.theme;
|
|
47913
48263
|
var _useFloating = useFloating({
|
|
47914
48264
|
open: open,
|
|
47915
48265
|
onOpenChange: setOpen,
|
|
@@ -47958,7 +48308,7 @@ var Popover = function Popover(props) {
|
|
|
47958
48308
|
top: y !== null && y !== void 0 ? y : 0,
|
|
47959
48309
|
left: x !== null && x !== void 0 ? x : 0
|
|
47960
48310
|
},
|
|
47961
|
-
className: classes(modules_dfc4608f.root, className)
|
|
48311
|
+
className: classes(modules_dfc4608f.root, className, modules_dfc4608f["".concat(theme, "-theme")])
|
|
47962
48312
|
})), {}, {
|
|
47963
48313
|
children: children
|
|
47964
48314
|
}))
|
|
@@ -47970,17 +48320,19 @@ Popover.propTypes = {
|
|
|
47970
48320
|
setOpen: propTypes$1.exports.func.isRequired,
|
|
47971
48321
|
transparent: propTypes$1.exports.bool,
|
|
47972
48322
|
onClose: propTypes$1.exports.func,
|
|
47973
|
-
placement: propTypes$1.exports.oneOf(['top', 'top-start', 'top-end', 'right', 'right-start', 'right-end', 'bottom', 'bottom-start', 'bottom-end', 'left', 'left-start', 'left-end'])
|
|
48323
|
+
placement: propTypes$1.exports.oneOf(['top', 'top-start', 'top-end', 'right', 'right-start', 'right-end', 'bottom', 'bottom-start', 'bottom-end', 'left', 'left-start', 'left-end']),
|
|
48324
|
+
theme: propTypes$1.exports.oneOf(['light', 'dark'])
|
|
47974
48325
|
};
|
|
47975
48326
|
Popover.defaultProps = {
|
|
47976
48327
|
anchorEl: null,
|
|
47977
48328
|
transparent: true,
|
|
47978
48329
|
onClose: function onClose() {},
|
|
47979
|
-
placement: 'bottom'
|
|
48330
|
+
placement: 'bottom',
|
|
48331
|
+
theme: 'dark'
|
|
47980
48332
|
};
|
|
47981
48333
|
|
|
47982
|
-
var css$n = ".
|
|
47983
|
-
var modules_48c02c99 = {"popover":"
|
|
48334
|
+
var css$n = ".Columns_module_popover__19f4f6da {\n height: 32rem;\n padding: 0;\n overflow: hidden;\n}\n\n.Columns_module_root__19f4f6da {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n position: relative;\n height: 100%;\n min-width: 18rem;\n max-width: 100%;\n}\n.Columns_module_root__19f4f6da .Columns_module_header__19f4f6da {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n border-bottom: 1px solid var(--grey4);\n padding: 0.75rem 2.5rem;\n}\n.Columns_module_root__19f4f6da .Columns_module_header__19f4f6da > [data-elem=component1] {\n font-weight: 500;\n}\n.Columns_module_root__19f4f6da .Columns_module_header__19f4f6da > [data-elem=component2] .Columns_module_close__19f4f6da {\n height: auto;\n padding: 0;\n}\n.Columns_module_root__19f4f6da .Columns_module_header__19f4f6da > [data-elem=component2] .Columns_module_close__19f4f6da .Columns_module_icon__19f4f6da {\n width: 1rem;\n height: 1rem;\n}\n.Columns_module_root__19f4f6da .Columns_module_body__19f4f6da {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n gap: 0.5rem;\n padding: 0.75rem 2.5rem;\n max-height: 28rem;\n overflow-y: auto;\n flex: 1 1 auto;\n}\n.Columns_module_root__19f4f6da .Columns_module_body__19f4f6da .Columns_module_search__19f4f6da {\n position: sticky;\n top: 0;\n}\n.Columns_module_root__19f4f6da .Columns_module_body__19f4f6da .Columns_module_columns__19f4f6da {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n gap: 0.5rem;\n overflow-y: auto;\n}\n.Columns_module_root__19f4f6da .Columns_module_body__19f4f6da .Columns_module_columns__19f4f6da .Columns_module_item__19f4f6da {\n height: 3rem;\n}\n.Columns_module_root__19f4f6da .Columns_module_body__19f4f6da .Columns_module_columns__19f4f6da .Columns_module_item__19f4f6da > [data-elem=title] {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n}\n.Columns_module_root__19f4f6da .Columns_module_footer__19f4f6da {\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n align-items: center;\n height: auto;\n margin-top: auto;\n padding: 0.5rem 2.5rem;\n border-top: 1px solid var(--grey4);\n}\n.Columns_module_root__19f4f6da .Columns_module_footer__19f4f6da button.Columns_module_expand__19f4f6da {\n height: auto;\n background: var(--grey8);\n border: 1px solid var(--grey4);\n color: var(--black);\n}\n.Columns_module_root__19f4f6da .Columns_module_footer__19f4f6da button.Columns_module_expand__19f4f6da .Columns_module_icon__19f4f6da {\n width: 1.5rem;\n height: 1.5rem;\n transform: rotate(180deg);\n}\n.Columns_module_root__19f4f6da.Columns_module_expanded__19f4f6da .Columns_module_body__19f4f6da {\n flex: 0 1 auto;\n}\n.Columns_module_root__19f4f6da.Columns_module_expanded__19f4f6da .Columns_module_body__19f4f6da .Columns_module_columns__19f4f6da {\n display: grid;\n grid-template-columns: 1fr 1fr;\n}\n.Columns_module_root__19f4f6da.Columns_module_expanded__19f4f6da .Columns_module_body__19f4f6da .Columns_module_columns__19f4f6da .Columns_module_item__19f4f6da {\n overflow: hidden;\n}\n.Columns_module_root__19f4f6da.Columns_module_expanded__19f4f6da .Columns_module_footer__19f4f6da button.Columns_module_expand__19f4f6da .Columns_module_icon__19f4f6da {\n transform: none;\n}";
|
|
48335
|
+
var modules_48c02c99 = {"popover":"Columns_module_popover__19f4f6da","root":"Columns_module_root__19f4f6da","header":"Columns_module_header__19f4f6da","close":"Columns_module_close__19f4f6da","icon":"Columns_module_icon__19f4f6da","body":"Columns_module_body__19f4f6da","search":"Columns_module_search__19f4f6da","columns":"Columns_module_columns__19f4f6da","item":"Columns_module_item__19f4f6da","footer":"Columns_module_footer__19f4f6da","expand":"Columns_module_expand__19f4f6da","expanded":"Columns_module_expanded__19f4f6da"};
|
|
47984
48336
|
n(css$n,{});
|
|
47985
48337
|
|
|
47986
48338
|
var Columns = function Columns(props) {
|
|
@@ -48288,8 +48640,8 @@ TableFilters.defaultProps = {
|
|
|
48288
48640
|
theme: 'light'
|
|
48289
48641
|
};
|
|
48290
48642
|
|
|
48291
|
-
var css$k = ".
|
|
48292
|
-
var modules_2e8406c7 = {"root":"
|
|
48643
|
+
var css$k = ".Table_module_root__b07b1753 {\n position: relative;\n border-style: solid;\n border-color: var(--grey4);\n border-width: 1px 1px 0px 1px;\n border-radius: 0.25rem;\n width: 100%;\n max-width: 100%;\n height: 100%;\n overflow: hidden;\n}\n.Table_module_root__b07b1753 .Table_module_table__b07b1753 {\n height: calc(100% - 6rem);\n padding-bottom: 3.5rem;\n}\n.Table_module_root__b07b1753 .Table_module_pagination__b07b1753 {\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n}\n.Table_module_root__b07b1753 .Table_module_pagination__b07b1753.Table_module_floating__b07b1753 {\n bottom: 1rem;\n}\n.Table_module_root__b07b1753 .Table_module_chips__b07b1753,\n.Table_module_root__b07b1753 .Table_module_filters__b07b1753,\n.Table_module_root__b07b1753 .Table_module_table__b07b1753 > [data-elem=table-header] {\n position: sticky;\n z-index: 1;\n top: 0;\n}";
|
|
48644
|
+
var modules_2e8406c7 = {"root":"Table_module_root__b07b1753","table":"Table_module_table__b07b1753","pagination":"Table_module_pagination__b07b1753","floating":"Table_module_floating__b07b1753","chips":"Table_module_chips__b07b1753","filters":"Table_module_filters__b07b1753"};
|
|
48293
48645
|
n(css$k,{});
|
|
48294
48646
|
|
|
48295
48647
|
var INTERSECTION = 1;
|
|
@@ -48491,12 +48843,13 @@ var Tabs = function Tabs(props) {
|
|
|
48491
48843
|
var tabs = props.tabs,
|
|
48492
48844
|
selectedTab = props.selectedTab,
|
|
48493
48845
|
setSelectedTab = props.setSelectedTab,
|
|
48494
|
-
theme = props.theme
|
|
48846
|
+
theme = props.theme,
|
|
48847
|
+
className = props.className;
|
|
48495
48848
|
var onTabClick = function onTabClick(id) {
|
|
48496
48849
|
setSelectedTab(id);
|
|
48497
48850
|
};
|
|
48498
48851
|
return /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
48499
|
-
className: classes(modules_78ab5066.root, modules_78ab5066["".concat(theme, "-theme")]),
|
|
48852
|
+
className: classes(modules_78ab5066.root, modules_78ab5066["".concat(theme, "-theme")], className),
|
|
48500
48853
|
children: tabs === null || tabs === void 0 ? void 0 : tabs.map(function (tab) {
|
|
48501
48854
|
var id = tab.id,
|
|
48502
48855
|
title = tab.title,
|
|
@@ -48527,12 +48880,14 @@ var Tabs = function Tabs(props) {
|
|
|
48527
48880
|
});
|
|
48528
48881
|
};
|
|
48529
48882
|
Tabs.propTypes = {
|
|
48883
|
+
className: propTypes$1.exports.string,
|
|
48530
48884
|
tabs: propTypes$1.exports.arrayOf(propTypes$1.exports.string),
|
|
48531
48885
|
selectedTab: propTypes$1.exports.string,
|
|
48532
48886
|
setSelectedTab: propTypes$1.exports.func,
|
|
48533
48887
|
theme: propTypes$1.exports.oneOf(['light', 'dark'])
|
|
48534
48888
|
};
|
|
48535
48889
|
Tabs.defaultProps = {
|
|
48890
|
+
className: '',
|
|
48536
48891
|
tabs: [],
|
|
48537
48892
|
selectedTab: null,
|
|
48538
48893
|
setSelectedTab: function setSelectedTab() {},
|
|
@@ -108806,7 +109161,7 @@ var BaseVerticalBarChart = function BaseVerticalBarChart(props) {
|
|
|
108806
109161
|
color: 'whitesmoke'
|
|
108807
109162
|
},
|
|
108808
109163
|
label: {
|
|
108809
|
-
color: 'black
|
|
109164
|
+
color: theme === 'dark' ? COLORS.white : COLORS.black,
|
|
108810
109165
|
position: 'outside',
|
|
108811
109166
|
formatter: function formatter(param) {
|
|
108812
109167
|
return param.value;
|
|
@@ -110307,12 +110662,12 @@ NestedPieChart.defaultProps = {
|
|
|
110307
110662
|
theme: 'dark'
|
|
110308
110663
|
};
|
|
110309
110664
|
|
|
110310
|
-
var css$4 = ".BaseWidget_module_root__5287a5f8 {\n border: 1px solid var(--grey);\n border-radius: 0.25rem;\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n height: 100%;\n width: 100%;\n}\n.BaseWidget_module_root__5287a5f8 .BaseWidget_module_header__5287a5f8 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n padding: 1rem;\n}\n.BaseWidget_module_root__5287a5f8 .BaseWidget_module_header__5287a5f8 .BaseWidget_module_headerTitle__5287a5f8 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n gap: 0.5rem;\n}\n.BaseWidget_module_root__5287a5f8 .BaseWidget_module_header__5287a5f8 .BaseWidget_module_headerTitle__5287a5f8 .BaseWidget_module_back__5287a5f8 {\n height: 1.5rem;\n width: 1.5rem;\n}\n.BaseWidget_module_root__5287a5f8 .BaseWidget_module_header__5287a5f8 .BaseWidget_module_headerTitle__5287a5f8 .BaseWidget_module_back__5287a5f8 [data-elem=component1] .BaseWidget_module_icon__5287a5f8 {\n width: 1.5rem;\n height: 1.5rem;\n fill: var(--white);\n}\n.BaseWidget_module_root__5287a5f8 .BaseWidget_module_header__5287a5f8 .BaseWidget_module_headerTitle__5287a5f8.BaseWidget_module_noOptions__5287a5f8 {\n flex: 1;\n}\n.BaseWidget_module_root__5287a5f8 .BaseWidget_module_header__5287a5f8 .BaseWidget_module_headerTitle__5287a5f8 .BaseWidget_module_title__5287a5f8 {\n white-space: nowrap;\n}\n.BaseWidget_module_root__5287a5f8 .BaseWidget_module_header__5287a5f8 .BaseWidget_module_headerTitle__5287a5f8 .BaseWidget_module_value__5287a5f8 {\n white-space: nowrap;\n}\n.BaseWidget_module_root__5287a5f8 .BaseWidget_module_header__5287a5f8 .BaseWidget_module_headerOptions__5287a5f8 {\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n align-items: center;\n gap: 0.5rem;\n}\n.BaseWidget_module_root__5287a5f8 .BaseWidget_module_header__5287a5f8 .BaseWidget_module_headerOptions__5287a5f8 .BaseWidget_module_toggleBody__5287a5f8 {\n padding: 0.125rem 0.25rem;\n height: 1.75rem;\n}\n.BaseWidget_module_root__5287a5f8 .BaseWidget_module_header__5287a5f8 .BaseWidget_module_headerOptions__5287a5f8 .BaseWidget_module_dropdownHeader__5287a5f8 {\n height: 1.75rem;\n}\n.BaseWidget_module_root__5287a5f8 .BaseWidget_module_header__5287a5f8 .BaseWidget_module_headerOptions__5287a5f8 .BaseWidget_module_dropdownHeader__5287a5f8 [data-elem=select] {\n background-color: transparent;\n width: 100%;\n padding: 0.07rem 0.5rem;\n}\n.BaseWidget_module_root__5287a5f8 .BaseWidget_module_header__5287a5f8 .BaseWidget_module_headerOptions__5287a5f8 .BaseWidget_module_dropdownHeader__5287a5f8 [data-elem=select] [data-elem=placeholder] {\n font-size: 0.875rem;\n}\n.BaseWidget_module_root__5287a5f8 .BaseWidget_module_header__5287a5f8 .BaseWidget_module_headerOptions__5287a5f8 .BaseWidget_module_dropdownHeader__5287a5f8 [data-elem=select] > svg {\n width: 0.875rem;\n}\n.BaseWidget_module_root__5287a5f8 .BaseWidget_module_header__5287a5f8 .BaseWidget_module_headerOptions__5287a5f8 .BaseWidget_module_expandButton__5287a5f8 {\n height: 1.75rem;\n}\n.BaseWidget_module_root__5287a5f8 .BaseWidget_module_header__5287a5f8 .BaseWidget_module_headerOptions__5287a5f8 .BaseWidget_module_expandButton__5287a5f8 .BaseWidget_module_expandIcon__5287a5f8 {\n height: 1.25rem;\n width: 1.25rem;\n}\n.BaseWidget_module_root__5287a5f8.BaseWidget_module_darkTheme__5287a5f8 .BaseWidget_module_header__5287a5f8 .BaseWidget_module_headerTitle__5287a5f8 [data-elem=title],\n.BaseWidget_module_root__5287a5f8.BaseWidget_module_darkTheme__5287a5f8 .BaseWidget_module_header__5287a5f8 .BaseWidget_module_headerTitle__5287a5f8 [data-elem=subtitle] {\n color: var(--white);\n}\n.BaseWidget_module_root__5287a5f8.BaseWidget_module_darkTheme__5287a5f8 .BaseWidget_module_header__5287a5f8 .BaseWidget_module_headerOptions__5287a5f8 .BaseWidget_module_dropdownHeader__5287a5f8 [data-elem=select] {\n border-color: var(--grey);\n}\n.BaseWidget_module_root__5287a5f8.BaseWidget_module_darkTheme__5287a5f8 .BaseWidget_module_header__5287a5f8 .BaseWidget_module_headerOptions__5287a5f8 .BaseWidget_module_dropdownHeader__5287a5f8 [data-elem=select] [data-elem=placeholder] {\n color: var(--white);\n}\n.BaseWidget_module_root__5287a5f8.BaseWidget_module_darkTheme__5287a5f8 .BaseWidget_module_header__5287a5f8 .BaseWidget_module_headerOptions__5287a5f8 .BaseWidget_module_dropdownHeader__5287a5f8 [data-elem=select] > svg {\n fill: var(--white);\n}\n.BaseWidget_module_root__5287a5f8.BaseWidget_module_darkTheme__5287a5f8 .BaseWidget_module_header__5287a5f8 .BaseWidget_module_headerOptions__5287a5f8 .BaseWidget_module_expandButton__5287a5f8 {\n color: var(--white);\n border-color: var(--grey);\n}\n.BaseWidget_module_root__5287a5f8.BaseWidget_module_darkTheme__5287a5f8 .BaseWidget_module_header__5287a5f8 .BaseWidget_module_headerOptions__5287a5f8 .BaseWidget_module_expandButton__5287a5f8 .BaseWidget_module_expandIcon__5287a5f8 {\n fill: var(--white);\n}\n.BaseWidget_module_root__5287a5f8.BaseWidget_module_lightTheme__5287a5f8 .BaseWidget_module_header__5287a5f8 .BaseWidget_module_headerTitle__5287a5f8 [data-elem=title],\n.BaseWidget_module_root__5287a5f8.BaseWidget_module_lightTheme__5287a5f8 .BaseWidget_module_header__5287a5f8 .BaseWidget_module_headerTitle__5287a5f8 [data-elem=subtitle] {\n color: var(--dark-grey);\n}\n.BaseWidget_module_root__5287a5f8.BaseWidget_module_lightTheme__5287a5f8 .BaseWidget_module_header__5287a5f8 .BaseWidget_module_headerOptions__5287a5f8 .BaseWidget_module_dropdownHeader__5287a5f8 [data-elem=select] {\n border-color: var(--grey6);\n}\n.BaseWidget_module_root__5287a5f8.BaseWidget_module_lightTheme__5287a5f8 .BaseWidget_module_header__5287a5f8 .BaseWidget_module_headerOptions__5287a5f8 .BaseWidget_module_dropdownHeader__5287a5f8 [data-elem=select] [data-elem=placeholder] {\n color: var(--dark-grey);\n}\n.BaseWidget_module_root__5287a5f8.BaseWidget_module_lightTheme__5287a5f8 .BaseWidget_module_header__5287a5f8 .BaseWidget_module_headerOptions__5287a5f8 .BaseWidget_module_dropdownHeader__5287a5f8 [data-elem=select] > svg {\n fill: var(--dark-grey);\n}\n.BaseWidget_module_root__5287a5f8.BaseWidget_module_lightTheme__5287a5f8 .BaseWidget_module_header__5287a5f8 .BaseWidget_module_headerOptions__5287a5f8 .BaseWidget_module_expandButton__5287a5f8 {\n color: var(--dark-grey);\n border-color: var(--grey6);\n}\n.BaseWidget_module_root__5287a5f8.BaseWidget_module_lightTheme__5287a5f8 .BaseWidget_module_header__5287a5f8 .BaseWidget_module_headerOptions__5287a5f8 .BaseWidget_module_expandButton__5287a5f8 .BaseWidget_module_expandIcon__5287a5f8 {\n fill: var(--dark-grey);\n}\n.BaseWidget_module_root__5287a5f8 .BaseWidget_module_children__5287a5f8 {\n flex: 1 1;\n position: relative;\n padding: 0.5rem;\n}\n\n.BaseWidget_module_dropdownPopper__5287a5f8 {\n padding: 0rem;\n background: var(--grey1);\n}\n.BaseWidget_module_dropdownPopper__5287a5f8 .BaseWidget_module_dropdownItem__5287a5f8 {\n height: 2.25rem;\n color: var(--white);\n background: var(--grey);\n}\n.BaseWidget_module_dropdownPopper__5287a5f8 .BaseWidget_module_dropdownItem__5287a5f8:hover, .BaseWidget_module_dropdownPopper__5287a5f8 .BaseWidget_module_dropdownItem__5287a5f8:focus {\n color: var(--dark-grey);\n background: var(--grey2);\n}\n.BaseWidget_module_dropdownPopper__5287a5f8 .BaseWidget_module_dropdownItem__5287a5f8:hover label > svg, .BaseWidget_module_dropdownPopper__5287a5f8 .BaseWidget_module_dropdownItem__5287a5f8:focus label > svg {\n border: 1px solid var(--dark-grey);\n border-radius: 0.25rem;\n}";
|
|
110311
|
-
var modules_6a0e74b6 = {"root":"
|
|
110665
|
+
var css$4 = ".BaseWidget_module_root__16c5e27b {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n border: 1px solid var(--grey);\n border-radius: 0.25rem;\n height: 100%;\n width: 100%;\n}\n.BaseWidget_module_root__16c5e27b .BaseWidget_module_header__16c5e27b {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n padding: 0.5rem;\n}\n.BaseWidget_module_root__16c5e27b .BaseWidget_module_header__16c5e27b .BaseWidget_module_headerTitle__16c5e27b {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n gap: 0.5rem;\n}\n.BaseWidget_module_root__16c5e27b .BaseWidget_module_header__16c5e27b .BaseWidget_module_headerTitle__16c5e27b .BaseWidget_module_back__16c5e27b {\n height: 1.5rem;\n width: 1.5rem;\n}\n.BaseWidget_module_root__16c5e27b .BaseWidget_module_header__16c5e27b .BaseWidget_module_headerTitle__16c5e27b .BaseWidget_module_back__16c5e27b [data-elem=component1] .BaseWidget_module_icon__16c5e27b {\n width: 1.5rem;\n height: 1.5rem;\n fill: var(--white);\n}\n.BaseWidget_module_root__16c5e27b .BaseWidget_module_header__16c5e27b .BaseWidget_module_headerTitle__16c5e27b.BaseWidget_module_noOptions__16c5e27b {\n flex: 1;\n}\n.BaseWidget_module_root__16c5e27b .BaseWidget_module_header__16c5e27b .BaseWidget_module_headerTitle__16c5e27b.BaseWidget_module_noTitleOptions__16c5e27b .BaseWidget_module_titleContainer__16c5e27b {\n margin-left: 0.5rem;\n}\n.BaseWidget_module_root__16c5e27b .BaseWidget_module_header__16c5e27b .BaseWidget_module_headerTitle__16c5e27b button.BaseWidget_module_title__16c5e27b {\n height: auto;\n background: transparent;\n cursor: pointer;\n border-radius: 0.25rem;\n padding: 0 0.5rem;\n}\n.BaseWidget_module_root__16c5e27b .BaseWidget_module_header__16c5e27b .BaseWidget_module_headerTitle__16c5e27b button.BaseWidget_module_title__16c5e27b .BaseWidget_module_icon__16c5e27b {\n width: 1rem;\n height: 1rem;\n fill: var(--white);\n}\n.BaseWidget_module_root__16c5e27b .BaseWidget_module_header__16c5e27b .BaseWidget_module_headerOptions__16c5e27b {\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n align-items: center;\n gap: 0.5rem;\n}\n.BaseWidget_module_root__16c5e27b .BaseWidget_module_header__16c5e27b .BaseWidget_module_headerOptions__16c5e27b .BaseWidget_module_toggleBody__16c5e27b {\n padding: 0.125rem 0.25rem;\n height: 1.75rem;\n}\n.BaseWidget_module_root__16c5e27b .BaseWidget_module_header__16c5e27b .BaseWidget_module_headerOptions__16c5e27b .BaseWidget_module_dropdownHeader__16c5e27b {\n height: 1.75rem;\n}\n.BaseWidget_module_root__16c5e27b .BaseWidget_module_header__16c5e27b .BaseWidget_module_headerOptions__16c5e27b .BaseWidget_module_dropdownHeader__16c5e27b [data-elem=select] {\n background-color: transparent;\n width: 100%;\n padding: 0.07rem 0.5rem;\n}\n.BaseWidget_module_root__16c5e27b .BaseWidget_module_header__16c5e27b .BaseWidget_module_headerOptions__16c5e27b .BaseWidget_module_dropdownHeader__16c5e27b [data-elem=select] [data-elem=placeholder] {\n font-size: 0.875rem;\n}\n.BaseWidget_module_root__16c5e27b .BaseWidget_module_header__16c5e27b .BaseWidget_module_headerOptions__16c5e27b .BaseWidget_module_dropdownHeader__16c5e27b [data-elem=select] > svg {\n width: 0.875rem;\n}\n.BaseWidget_module_root__16c5e27b .BaseWidget_module_header__16c5e27b .BaseWidget_module_headerOptions__16c5e27b .BaseWidget_module_expandButton__16c5e27b {\n padding: 0 0.25rem;\n height: 1.75rem;\n}\n.BaseWidget_module_root__16c5e27b .BaseWidget_module_header__16c5e27b .BaseWidget_module_headerOptions__16c5e27b .BaseWidget_module_expandButton__16c5e27b .BaseWidget_module_expandIcon__16c5e27b {\n height: 1.25rem;\n width: 1.25rem;\n fill: var(--white);\n}\n.BaseWidget_module_root__16c5e27b .BaseWidget_module_header__16c5e27b .BaseWidget_module_headerOptions__16c5e27b .BaseWidget_module_datePicker__16c5e27b {\n min-width: 0;\n}\n.BaseWidget_module_root__16c5e27b .BaseWidget_module_header__16c5e27b .BaseWidget_module_headerOptions__16c5e27b .BaseWidget_module_datePicker__16c5e27b [data-elem=header] {\n padding: 0.06rem 0.25rem;\n border: 1px solid var(--grey);\n font-size: 0.875rem;\n}\n.BaseWidget_module_root__16c5e27b .BaseWidget_module_header__16c5e27b .BaseWidget_module_headerOptions__16c5e27b .BaseWidget_module_datePicker__16c5e27b [data-elem=header] > div {\n gap: 0.5rem;\n}\n.BaseWidget_module_root__16c5e27b .BaseWidget_module_header__16c5e27b .BaseWidget_module_headerOptions__16c5e27b .BaseWidget_module_datePicker__16c5e27b [data-elem=header] > div :nth-child(1) {\n height: 1.25rem;\n width: 1.25rem;\n}\n.BaseWidget_module_root__16c5e27b.BaseWidget_module_darkTheme__16c5e27b .BaseWidget_module_header__16c5e27b .BaseWidget_module_headerTitle__16c5e27b [data-elem=title],\n.BaseWidget_module_root__16c5e27b.BaseWidget_module_darkTheme__16c5e27b .BaseWidget_module_header__16c5e27b .BaseWidget_module_headerTitle__16c5e27b [data-elem=subtitle] {\n color: var(--white);\n}\n.BaseWidget_module_root__16c5e27b.BaseWidget_module_darkTheme__16c5e27b .BaseWidget_module_header__16c5e27b .BaseWidget_module_headerTitle__16c5e27b .BaseWidget_module_title__16c5e27b .BaseWidget_module_icon__16c5e27b {\n fill: var(--white);\n}\n.BaseWidget_module_root__16c5e27b.BaseWidget_module_darkTheme__16c5e27b .BaseWidget_module_header__16c5e27b .BaseWidget_module_headerOptions__16c5e27b .BaseWidget_module_dropdownHeader__16c5e27b [data-elem=select] {\n border-color: var(--grey);\n}\n.BaseWidget_module_root__16c5e27b.BaseWidget_module_darkTheme__16c5e27b .BaseWidget_module_header__16c5e27b .BaseWidget_module_headerOptions__16c5e27b .BaseWidget_module_dropdownHeader__16c5e27b [data-elem=select] [data-elem=placeholder] {\n color: var(--white);\n}\n.BaseWidget_module_root__16c5e27b.BaseWidget_module_darkTheme__16c5e27b .BaseWidget_module_header__16c5e27b .BaseWidget_module_headerOptions__16c5e27b .BaseWidget_module_dropdownHeader__16c5e27b [data-elem=select] > svg {\n fill: var(--white);\n}\n.BaseWidget_module_root__16c5e27b.BaseWidget_module_darkTheme__16c5e27b .BaseWidget_module_header__16c5e27b .BaseWidget_module_headerOptions__16c5e27b .BaseWidget_module_datePicker__16c5e27b [data-elem=header] {\n border-color: var(--grey);\n}\n.BaseWidget_module_root__16c5e27b.BaseWidget_module_darkTheme__16c5e27b .BaseWidget_module_header__16c5e27b .BaseWidget_module_headerOptions__16c5e27b .BaseWidget_module_datePicker__16c5e27b [data-elem=header] :nth-child(1) {\n fill: var(--white);\n}\n.BaseWidget_module_root__16c5e27b.BaseWidget_module_darkTheme__16c5e27b .BaseWidget_module_header__16c5e27b .BaseWidget_module_headerOptions__16c5e27b .BaseWidget_module_expandButton__16c5e27b {\n color: var(--white);\n border-color: var(--grey);\n}\n.BaseWidget_module_root__16c5e27b.BaseWidget_module_darkTheme__16c5e27b .BaseWidget_module_header__16c5e27b .BaseWidget_module_headerOptions__16c5e27b .BaseWidget_module_expandButton__16c5e27b .BaseWidget_module_expandIcon__16c5e27b {\n fill: var(--white);\n}\n.BaseWidget_module_root__16c5e27b.BaseWidget_module_lightTheme__16c5e27b .BaseWidget_module_header__16c5e27b .BaseWidget_module_headerTitle__16c5e27b [data-elem=title],\n.BaseWidget_module_root__16c5e27b.BaseWidget_module_lightTheme__16c5e27b .BaseWidget_module_header__16c5e27b .BaseWidget_module_headerTitle__16c5e27b [data-elem=subtitle] {\n color: var(--dark-grey);\n}\n.BaseWidget_module_root__16c5e27b.BaseWidget_module_lightTheme__16c5e27b .BaseWidget_module_header__16c5e27b .BaseWidget_module_headerTitle__16c5e27b .BaseWidget_module_title__16c5e27b .BaseWidget_module_icon__16c5e27b {\n fill: var(--menu-black);\n}\n.BaseWidget_module_root__16c5e27b.BaseWidget_module_lightTheme__16c5e27b .BaseWidget_module_header__16c5e27b .BaseWidget_module_headerOptions__16c5e27b .BaseWidget_module_dropdownHeader__16c5e27b [data-elem=select] {\n border-color: var(--grey6);\n}\n.BaseWidget_module_root__16c5e27b.BaseWidget_module_lightTheme__16c5e27b .BaseWidget_module_header__16c5e27b .BaseWidget_module_headerOptions__16c5e27b .BaseWidget_module_dropdownHeader__16c5e27b [data-elem=select] [data-elem=placeholder] {\n color: var(--dark-grey);\n}\n.BaseWidget_module_root__16c5e27b.BaseWidget_module_lightTheme__16c5e27b .BaseWidget_module_header__16c5e27b .BaseWidget_module_headerOptions__16c5e27b .BaseWidget_module_dropdownHeader__16c5e27b [data-elem=select] > svg {\n fill: var(--dark-grey);\n}\n.BaseWidget_module_root__16c5e27b.BaseWidget_module_lightTheme__16c5e27b .BaseWidget_module_header__16c5e27b .BaseWidget_module_headerOptions__16c5e27b .BaseWidget_module_datePicker__16c5e27b [data-elem=header] {\n border-color: var(--grey6);\n}\n.BaseWidget_module_root__16c5e27b.BaseWidget_module_lightTheme__16c5e27b .BaseWidget_module_header__16c5e27b .BaseWidget_module_headerOptions__16c5e27b .BaseWidget_module_datePicker__16c5e27b [data-elem=header] :nth-child(1) {\n fill: var(--dark-grey);\n}\n.BaseWidget_module_root__16c5e27b.BaseWidget_module_lightTheme__16c5e27b .BaseWidget_module_header__16c5e27b .BaseWidget_module_headerOptions__16c5e27b .BaseWidget_module_expandButton__16c5e27b {\n color: var(--dark-grey);\n border-color: var(--grey6);\n}\n.BaseWidget_module_root__16c5e27b.BaseWidget_module_lightTheme__16c5e27b .BaseWidget_module_header__16c5e27b .BaseWidget_module_headerOptions__16c5e27b .BaseWidget_module_expandButton__16c5e27b .BaseWidget_module_expandIcon__16c5e27b {\n fill: var(--dark-grey);\n}\n.BaseWidget_module_root__16c5e27b .BaseWidget_module_children__16c5e27b {\n flex: 1 1;\n position: relative;\n padding: 0.5rem;\n}\n\n.BaseWidget_module_dropdownPopper__16c5e27b {\n padding: 0rem;\n background: var(--grey1);\n}\n.BaseWidget_module_dropdownPopper__16c5e27b .BaseWidget_module_dropdownItem__16c5e27b {\n height: 2.25rem;\n color: var(--white);\n background: var(--grey);\n}\n.BaseWidget_module_dropdownPopper__16c5e27b .BaseWidget_module_dropdownItem__16c5e27b:hover, .BaseWidget_module_dropdownPopper__16c5e27b .BaseWidget_module_dropdownItem__16c5e27b:focus {\n color: var(--dark-grey);\n background: var(--grey2);\n}\n.BaseWidget_module_dropdownPopper__16c5e27b .BaseWidget_module_dropdownItem__16c5e27b:hover label > svg, .BaseWidget_module_dropdownPopper__16c5e27b .BaseWidget_module_dropdownItem__16c5e27b:focus label > svg {\n border: 1px solid var(--dark-grey);\n border-radius: 0.25rem;\n}";
|
|
110666
|
+
var modules_6a0e74b6 = {"root":"BaseWidget_module_root__16c5e27b","header":"BaseWidget_module_header__16c5e27b","header-title":"BaseWidget_module_headerTitle__16c5e27b","back":"BaseWidget_module_back__16c5e27b","icon":"BaseWidget_module_icon__16c5e27b","no-options":"BaseWidget_module_noOptions__16c5e27b","no-title-options":"BaseWidget_module_noTitleOptions__16c5e27b","title-container":"BaseWidget_module_titleContainer__16c5e27b","title":"BaseWidget_module_title__16c5e27b","header-options":"BaseWidget_module_headerOptions__16c5e27b","toggle-body":"BaseWidget_module_toggleBody__16c5e27b","dropdown-header":"BaseWidget_module_dropdownHeader__16c5e27b","expand-button":"BaseWidget_module_expandButton__16c5e27b","expand-icon":"BaseWidget_module_expandIcon__16c5e27b","date-picker":"BaseWidget_module_datePicker__16c5e27b","dark-theme":"BaseWidget_module_darkTheme__16c5e27b","light-theme":"BaseWidget_module_lightTheme__16c5e27b","children":"BaseWidget_module_children__16c5e27b","dropdown-popper":"BaseWidget_module_dropdownPopper__16c5e27b","dropdown-item":"BaseWidget_module_dropdownItem__16c5e27b"};
|
|
110312
110667
|
n(css$4,{});
|
|
110313
110668
|
|
|
110314
|
-
var css$3 = "div.
|
|
110315
|
-
var modules_a2cdc77c = {"root":"
|
|
110669
|
+
var css$3 = "div.Toggle_module_root__046997a0 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n overflow: auto;\n gap: 0.25rem;\n padding: 0.25rem;\n background: var(--grey8);\n width: -moz-fit-content;\n width: fit-content;\n border-radius: 0.4rem 0.4rem;\n border-width: 1px;\n border-style: solid;\n background: transparent;\n}\ndiv.Toggle_module_root__046997a0 [data-elem=base-cell].Toggle_module_toggleButton__046997a0 {\n background: transparent;\n}\ndiv.Toggle_module_root__046997a0.Toggle_module_themeDark__046997a0 {\n border-color: var(--dark-grey);\n}\ndiv.Toggle_module_root__046997a0.Toggle_module_themeDark__046997a0 [data-elem=base-cell].Toggle_module_toggleButton__046997a0 {\n color: var(--grey4);\n}\ndiv.Toggle_module_root__046997a0.Toggle_module_themeDark__046997a0 [data-elem=base-cell].Toggle_module_toggleButton__046997a0.Toggle_module_active__046997a0 {\n background: var(--dark-grey);\n color: var(--white);\n border: 1px solid var(--grey);\n}\ndiv.Toggle_module_root__046997a0.Toggle_module_themeLight__046997a0 {\n border-color: var(--grey6);\n}\ndiv.Toggle_module_root__046997a0.Toggle_module_themeLight__046997a0 [data-elem=base-cell].Toggle_module_toggleButton__046997a0 {\n background: transparent;\n color: var(--grey);\n}\ndiv.Toggle_module_root__046997a0.Toggle_module_themeLight__046997a0 [data-elem=base-cell].Toggle_module_toggleButton__046997a0.Toggle_module_active__046997a0 {\n background: var(--grey6);\n color: var(--dark-grey);\n border: 1px solid var(--grey4);\n}\ndiv.Toggle_module_root__046997a0 [data-elem=base-cell].Toggle_module_toggleButton__046997a0 {\n padding: 0.344rem 0.75rem;\n height: 2rem;\n}\ndiv.Toggle_module_root__046997a0 [data-elem=base-cell].Toggle_module_toggleButton__046997a0.Toggle_module_active__046997a0 {\n border-radius: 0.25rem;\n}\ndiv.Toggle_module_root__046997a0 .Toggle_module_input__046997a0 {\n display: none;\n}";
|
|
110670
|
+
var modules_a2cdc77c = {"root":"Toggle_module_root__046997a0","toggle-button":"Toggle_module_toggleButton__046997a0","theme-dark":"Toggle_module_themeDark__046997a0","active":"Toggle_module_active__046997a0","theme-light":"Toggle_module_themeLight__046997a0","input":"Toggle_module_input__046997a0"};
|
|
110316
110671
|
n(css$3,{});
|
|
110317
110672
|
|
|
110318
110673
|
var Toggle = /*#__PURE__*/React.forwardRef(function Toggle(props, ref) {
|
|
@@ -110507,7 +110862,7 @@ WidgetFallback.defaultProps = {
|
|
|
110507
110862
|
};
|
|
110508
110863
|
|
|
110509
110864
|
var generateOptions = function generateOptions(optionData, theme) {
|
|
110510
|
-
var _optionData$id, _optionData$placehold, _optionData$value, _optionData$onChange, _optionData$selectOpt, _optionData$title, _optionData$onClick;
|
|
110865
|
+
var _optionData$id, _optionData$placehold, _optionData$value, _optionData$onChange, _optionData$selectOpt, _optionData$title, _optionData$onClick, _optionData$onApply, _optionData$onClear, _optionData$date;
|
|
110511
110866
|
switch ((_optionData$id = optionData === null || optionData === void 0 ? void 0 : optionData.id) !== null && _optionData$id !== void 0 ? _optionData$id : '') {
|
|
110512
110867
|
case 'toggle':
|
|
110513
110868
|
return /*#__PURE__*/jsxRuntime.jsx(Toggle, _objectSpread2({
|
|
@@ -110539,11 +110894,19 @@ var generateOptions = function generateOptions(optionData, theme) {
|
|
|
110539
110894
|
className: modules_6a0e74b6['expand-button'],
|
|
110540
110895
|
onClick: (_optionData$onClick = optionData === null || optionData === void 0 ? void 0 : optionData.onClick) !== null && _optionData$onClick !== void 0 ? _optionData$onClick : '',
|
|
110541
110896
|
rightComponent: function rightComponent() {
|
|
110542
|
-
return /*#__PURE__*/jsxRuntime.jsx(
|
|
110897
|
+
return /*#__PURE__*/jsxRuntime.jsx(Maximize, {
|
|
110543
110898
|
className: modules_6a0e74b6['expand-icon']
|
|
110544
110899
|
});
|
|
110545
110900
|
}
|
|
110546
110901
|
});
|
|
110902
|
+
case 'datepicker':
|
|
110903
|
+
return /*#__PURE__*/jsxRuntime.jsx(DatePicker, {
|
|
110904
|
+
className: modules_6a0e74b6['date-picker'],
|
|
110905
|
+
placeholder: "Select Date",
|
|
110906
|
+
onApply: (_optionData$onApply = optionData === null || optionData === void 0 ? void 0 : optionData.onApply) !== null && _optionData$onApply !== void 0 ? _optionData$onApply : '',
|
|
110907
|
+
onClear: (_optionData$onClear = optionData === null || optionData === void 0 ? void 0 : optionData.onClear) !== null && _optionData$onClear !== void 0 ? _optionData$onClear : '',
|
|
110908
|
+
value: (_optionData$date = optionData === null || optionData === void 0 ? void 0 : optionData.date) !== null && _optionData$date !== void 0 ? _optionData$date : ''
|
|
110909
|
+
});
|
|
110547
110910
|
case 'custom':
|
|
110548
110911
|
return optionData.render({
|
|
110549
110912
|
theme: theme
|
|
@@ -110560,6 +110923,7 @@ var BaseWidget = /*#__PURE__*/React.forwardRef(function BaseWidget(props, ref) {
|
|
|
110560
110923
|
var loading = props.loading,
|
|
110561
110924
|
title = props.title,
|
|
110562
110925
|
subtitle = props.subtitle,
|
|
110926
|
+
titleOptions = props.titleOptions,
|
|
110563
110927
|
showBack = props.showBack,
|
|
110564
110928
|
onBack = props.onBack,
|
|
110565
110929
|
onReload = props.onReload,
|
|
@@ -110584,6 +110948,32 @@ var BaseWidget = /*#__PURE__*/React.forwardRef(function BaseWidget(props, ref) {
|
|
|
110584
110948
|
React.useEffect(function () {
|
|
110585
110949
|
setFallback(emptyChartData);
|
|
110586
110950
|
}, [emptyChartData]);
|
|
110951
|
+
var _useState = React.useState(false),
|
|
110952
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
110953
|
+
open = _useState2[0],
|
|
110954
|
+
setOpen = _useState2[1];
|
|
110955
|
+
var _useState3 = React.useState(null),
|
|
110956
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
110957
|
+
anchorEl = _useState4[0],
|
|
110958
|
+
setAnchorEl = _useState4[1];
|
|
110959
|
+
var titleText = /*#__PURE__*/jsxRuntime.jsxs(Text, {
|
|
110960
|
+
className: modules_6a0e74b6['title-container'],
|
|
110961
|
+
children: [/*#__PURE__*/jsxRuntime.jsxs(Text, {
|
|
110962
|
+
variant: "b1",
|
|
110963
|
+
stroke: "semibold",
|
|
110964
|
+
attrs: {
|
|
110965
|
+
'data-elem': 'title'
|
|
110966
|
+
},
|
|
110967
|
+
children: [title, " -"]
|
|
110968
|
+
}), subtitle && /*#__PURE__*/jsxRuntime.jsxs(Text, {
|
|
110969
|
+
variant: "b2",
|
|
110970
|
+
stroke: "medium",
|
|
110971
|
+
attrs: {
|
|
110972
|
+
'data-elem': 'subtitle'
|
|
110973
|
+
},
|
|
110974
|
+
children: [' ', subtitle]
|
|
110975
|
+
})]
|
|
110976
|
+
});
|
|
110587
110977
|
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
110588
110978
|
ref: ref,
|
|
110589
110979
|
className: classes(modules_6a0e74b6.root, className, modules_6a0e74b6["".concat(theme, "-theme")]),
|
|
@@ -110595,7 +110985,7 @@ var BaseWidget = /*#__PURE__*/React.forwardRef(function BaseWidget(props, ref) {
|
|
|
110595
110985
|
className: modules_6a0e74b6.header,
|
|
110596
110986
|
"data-elem": "header",
|
|
110597
110987
|
children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
110598
|
-
className: classes(modules_6a0e74b6['header-title'], ((_options$length = options === null || options === void 0 ? void 0 : options.length) !== null && _options$length !== void 0 ? _options$length : 0) === 0 ? modules_6a0e74b6['no-options'] : ''),
|
|
110988
|
+
className: classes(modules_6a0e74b6['header-title'], ((_options$length = options === null || options === void 0 ? void 0 : options.length) !== null && _options$length !== void 0 ? _options$length : 0) === 0 ? modules_6a0e74b6['no-options'] : '', titleOptions == null ? modules_6a0e74b6['no-title-options'] : ''),
|
|
110599
110989
|
"data-elem": "header-title",
|
|
110600
110990
|
children: [showBack && /*#__PURE__*/jsxRuntime.jsx(Button, {
|
|
110601
110991
|
size: "auto",
|
|
@@ -110608,21 +110998,27 @@ var BaseWidget = /*#__PURE__*/React.forwardRef(function BaseWidget(props, ref) {
|
|
|
110608
110998
|
});
|
|
110609
110999
|
},
|
|
110610
111000
|
onClick: onBack
|
|
110611
|
-
}), /*#__PURE__*/jsxRuntime.jsxs(
|
|
110612
|
-
|
|
110613
|
-
|
|
110614
|
-
|
|
110615
|
-
|
|
110616
|
-
|
|
110617
|
-
|
|
110618
|
-
|
|
110619
|
-
|
|
110620
|
-
|
|
110621
|
-
|
|
110622
|
-
|
|
110623
|
-
|
|
110624
|
-
|
|
110625
|
-
|
|
111001
|
+
}), titleOptions != null ? /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
111002
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(BaseButton, {
|
|
111003
|
+
blurOnClick: false,
|
|
111004
|
+
ref: setAnchorEl,
|
|
111005
|
+
size: "auto",
|
|
111006
|
+
className: modules_6a0e74b6.title,
|
|
111007
|
+
onClick: setOpen,
|
|
111008
|
+
title: titleText,
|
|
111009
|
+
component3: /*#__PURE__*/jsxRuntime.jsx(Caret, {
|
|
111010
|
+
className: modules_6a0e74b6.icon
|
|
111011
|
+
})
|
|
111012
|
+
}), /*#__PURE__*/jsxRuntime.jsx(Popover, {
|
|
111013
|
+
theme: theme,
|
|
111014
|
+
className: classes(modules_6a0e74b6['title-popover'], modules_6a0e74b6["".concat(theme, "-theme")]),
|
|
111015
|
+
anchorEl: anchorEl,
|
|
111016
|
+
open: open,
|
|
111017
|
+
setOpen: setOpen,
|
|
111018
|
+
placement: "bottom-start",
|
|
111019
|
+
children: titleOptions
|
|
111020
|
+
})]
|
|
111021
|
+
}) : titleText]
|
|
110626
111022
|
}), /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
110627
111023
|
className: classes(modules_6a0e74b6['header-options']),
|
|
110628
111024
|
"data-elem": "header-options",
|
|
@@ -110662,7 +111058,8 @@ BaseWidget.propTypes = {
|
|
|
110662
111058
|
}),
|
|
110663
111059
|
theme: propTypes$1.exports.oneOf(['light', 'dark']),
|
|
110664
111060
|
setFallback: propTypes$1.exports.func,
|
|
110665
|
-
showFallback: propTypes$1.exports.bool
|
|
111061
|
+
showFallback: propTypes$1.exports.bool,
|
|
111062
|
+
titleOptions: propTypes$1.exports.node
|
|
110666
111063
|
};
|
|
110667
111064
|
BaseWidget.defaultProps = {
|
|
110668
111065
|
loading: false,
|
|
@@ -110679,7 +111076,8 @@ BaseWidget.defaultProps = {
|
|
|
110679
111076
|
},
|
|
110680
111077
|
theme: 'dark',
|
|
110681
111078
|
setFallback: function setFallback() {},
|
|
110682
|
-
showFallback: false
|
|
111079
|
+
showFallback: false,
|
|
111080
|
+
titleOptions: null
|
|
110683
111081
|
};
|
|
110684
111082
|
|
|
110685
111083
|
var css$1 = ".DisplayPicture_module_root__a7ba07d1.DisplayPicture_module_sm__a7ba07d1 img {\n height: 1.5rem;\n width: 1.5rem;\n border-radius: 100%;\n}\n.DisplayPicture_module_root__a7ba07d1.DisplayPicture_module_sm__a7ba07d1 div {\n height: 1.5rem;\n width: 1.5rem;\n border-radius: 100%;\n background-color: var(--highlight);\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.DisplayPicture_module_root__a7ba07d1.DisplayPicture_module_sm__a7ba07d1 div span {\n font-size: 1rem;\n font-weight: 600;\n color: var(--white);\n}\n.DisplayPicture_module_root__a7ba07d1.DisplayPicture_module_md__a7ba07d1 img {\n height: 5.3125rem;\n width: 5.3125rem;\n border-radius: 100%;\n}\n.DisplayPicture_module_root__a7ba07d1.DisplayPicture_module_md__a7ba07d1 div {\n height: 5.3125rem;\n width: 5.3125rem;\n border-radius: 100%;\n background-color: var(--highlight);\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.DisplayPicture_module_root__a7ba07d1.DisplayPicture_module_md__a7ba07d1 div span {\n font-size: 2rem;\n font-weight: 600;\n color: var(--white);\n}";
|
|
@@ -112910,6 +113308,7 @@ exports.Checkbox = Checkbox;
|
|
|
112910
113308
|
exports.CheckboxIcon = CheckboxIcon;
|
|
112911
113309
|
exports.ChevronIcon = Chevron;
|
|
112912
113310
|
exports.Chip = Chip;
|
|
113311
|
+
exports.ClockIcon = Clock;
|
|
112913
113312
|
exports.CloseIcon = Close;
|
|
112914
113313
|
exports.CloudIcons = Clouds;
|
|
112915
113314
|
exports.CodeSnippet = CodeSnippet;
|
|
@@ -112939,6 +113338,7 @@ exports.MONTHS = MONTHS;
|
|
|
112939
113338
|
exports.MagnifyingGlassIcon = MagnifyingGlass;
|
|
112940
113339
|
exports.Map = Map$1;
|
|
112941
113340
|
exports.Marker = Marker;
|
|
113341
|
+
exports.MaximizeIcon = Maximize;
|
|
112942
113342
|
exports.NestedPieChart = NestedPieChart;
|
|
112943
113343
|
exports.NutIcon = Nut;
|
|
112944
113344
|
exports.PageHeader = PageHeader;
|
|
@@ -112962,6 +113362,7 @@ exports.Switch = Switch;
|
|
|
112962
113362
|
exports.Table = Table;
|
|
112963
113363
|
exports.TableCell = TableCell;
|
|
112964
113364
|
exports.TableChip = TableChip;
|
|
113365
|
+
exports.TableChipItem = TableChipItem;
|
|
112965
113366
|
exports.TableChips = TableChips;
|
|
112966
113367
|
exports.TableColumn = TableColumn;
|
|
112967
113368
|
exports.TableFilters = TableFilters;
|
|
@@ -112969,7 +113370,6 @@ exports.Tabs = Tabs;
|
|
|
112969
113370
|
exports.Text = Text;
|
|
112970
113371
|
exports.TextField = TextField;
|
|
112971
113372
|
exports.TickIcon = Tick;
|
|
112972
|
-
exports.TimePicker = TimePicker;
|
|
112973
113373
|
exports.Toggle = Toggle;
|
|
112974
113374
|
exports.Tooltip = Tooltip;
|
|
112975
113375
|
exports.TrashIcon = Trash;
|