@secondstaxorg/sscomp 2.0.12 → 2.0.14

package/dist/index.js

@@ -18412,6 +18412,8 @@ const ErrorMessage$5 = styled.p`
 `;
 
 const _jsxFileName$13 = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\components\\DatePicker\\DatePicker.tsx"; function _optionalChain$C(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
+// import '../../styles/typography.css'
+
 
 /**
  * Component for picking date
@@ -18493,8 +18495,6 @@ const DatePicker = (props) => {
         });
     }, [isCalendarOpen]);
 
-    const options = {day: '2-digit', month: 'short', year: 'numeric'};
-
     const style = {
         display: 'flex',
         flexDirection: 'column',
@@ -18514,13 +18514,13 @@ const DatePicker = (props) => {
                                  style: {width: width ? width : '100%'}, __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber: 104}}
                 , React$1.createElement(InputField$5, { ref: ddRef, className: `date-picker-field ${validationStatus} ${isCalendarOpen ? 'focused' : ''}`, __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber: 106}}
                     , React$1.createElement('input', { type: "text", className: "sr-only", required: required,
-                           value: !selectedDate ? '' : selectedDate ,onChange: () => {
+                           value: !selectedDate ? '' : selectedDate , onChange: () => {
                     }, onInvalid: () => {
                         setValidationStatus('error');
                     }, __self: undefined, __source: {fileName: _jsxFileName$13, lineNumber: 107}})
                     , React$1.createElement('input', {
                         type: "text",
-                        value: selectedDate ? selectedDate.toLocaleDateString('en-GB', options) : '',
+                        value: selectedDate ? new Date(selectedDate).toLocaleDateString() : '',
                         readOnly: true,
                         placeholder: `${placeholder ? placeholder : _optionalChain$C([labelOverrides, 'optionalAccess', _ => _.placeholder]) || 'Select date'}`,
                         onClick: () => {
@@ -18705,9 +18705,9 @@ const Calendar = ({onChange,selected,disablePastDaysProp,disableFutureDaysProp,n
         for (let day = 1; day <= daysInMonth; day++) {
             const isSelected =
                 selected &&
-                selected.getDate() === day &&
-                selected.getMonth() === month &&
-                selected.getFullYear() === year;
+                new Date(selected).getTime() === day &&
+                new Date(selected).getMonth() === month &&
+                new Date(selected).getFullYear() === year;
             const isCurrentDay =
                 day === today && month === td.getMonth() && year === td.getFullYear();
             const isPastDay =
@@ -34153,9 +34153,6 @@ const ChartArea = styled.div`
     .chart-circle canvas{
         height:300px;
     }
-    .chart-view-area{
-        background:red;
-    }
     .labels-area{
         margin-top: 32px;
         display: flex;
@@ -34226,18 +34223,16 @@ const DoughnutChart = (props) => {
     return (
         React$1.createElement(React$1.Fragment, null
             , React$1.createElement(ChartArea, { style: {height:height || 'auto'}, __self: undefined, __source: {fileName: _jsxFileName$6, lineNumber: 52}}
-                , React$1.createElement('div', { className: "chart-view-area", __self: undefined, __source: {fileName: _jsxFileName$6, lineNumber: 53}}
-                    , React$1.createElement('div', { className: `${showLabels && labelArrangement == 'side' ? 'chart-circle' : ''}`, __self: undefined, __source: {fileName: _jsxFileName$6, lineNumber: 54}}
-                        , React$1.createElement(Doughnut, { data: data, options: options, __self: undefined, __source: {fileName: _jsxFileName$6, lineNumber: 55}})
-                    )
-                    , showLabels && labelArrangement == 'side' &&
-                        React$1.createElement('div', { className: "chart-side-labels", __self: undefined, __source: {fileName: _jsxFileName$6, lineNumber: 58}}, "this is on the side"
-
-                        )
-                    
+                , React$1.createElement('div', { className: `${showLabels && labelArrangement == 'side' ? 'chart-circle' : ''}`, __self: undefined, __source: {fileName: _jsxFileName$6, lineNumber: 53}}
+                    , React$1.createElement(Doughnut, { data: data, options: options, __self: undefined, __source: {fileName: _jsxFileName$6, lineNumber: 54}})
                 )
+                /*{showLabels && labelArrangement == 'side' &&
+                    <div className="chart-side-labels">
+                        this is on the side
+                    </div>
+                }*/
                 , showLabels && labelArrangement == 'vertical' &&
-                    React$1.createElement('div', { className: "labels-area", __self: undefined, __source: {fileName: _jsxFileName$6, lineNumber: 64}}
+                    React$1.createElement('div', { className: "labels-area", __self: undefined, __source: {fileName: _jsxFileName$6, lineNumber: 62}}
                         , labels.map((label, index) => {
                             if (datasets[0].backgroundColor && datasets[0].backgroundColor[i]) {
                                 i++;
@@ -34245,13 +34240,13 @@ const DoughnutChart = (props) => {
                                 i = 1;
                             }
                             return (
-                                React$1.createElement('div', { key: index, className: "label-item", __self: undefined, __source: {fileName: _jsxFileName$6, lineNumber: 72}}
-                                    , React$1.createElement('div', { className: "item-name paragraph1Medium" , __self: undefined, __source: {fileName: _jsxFileName$6, lineNumber: 73}}
+                                React$1.createElement('div', { key: index, className: "label-item", __self: undefined, __source: {fileName: _jsxFileName$6, lineNumber: 70}}
+                                    , React$1.createElement('div', { className: "item-name paragraph1Medium" , __self: undefined, __source: {fileName: _jsxFileName$6, lineNumber: 71}}
                                 , React$1.createElement('span', { className: "dot",
-                                      style: {background: datasets[0].backgroundColor && datasets[0].backgroundColor[i - 1] ? datasets[0].backgroundColor[i - 1] : theme.colors["primary-500"]}, __self: undefined, __source: {fileName: _jsxFileName$6, lineNumber: 74}})
-                                        , React$1.createElement('span', { className: "label paragraph1Medium" , __self: undefined, __source: {fileName: _jsxFileName$6, lineNumber: 76}}, label)
+                                      style: {background: datasets[0].backgroundColor && datasets[0].backgroundColor[i - 1] ? datasets[0].backgroundColor[i - 1] : theme.colors["primary-500"]}, __self: undefined, __source: {fileName: _jsxFileName$6, lineNumber: 72}})
+                                        , React$1.createElement('span', { className: "label paragraph1Medium" , __self: undefined, __source: {fileName: _jsxFileName$6, lineNumber: 74}}, label)
                                     )
-                                    , React$1.createElement('span', { className: "paragraph1Medium", __self: undefined, __source: {fileName: _jsxFileName$6, lineNumber: 78}}, datasets[0].data[index])
+                                    , React$1.createElement('span', { className: "paragraph1Medium", __self: undefined, __source: {fileName: _jsxFileName$6, lineNumber: 76}}, datasets[0].data[index])
                                 )
                             )
                         })