@spaced-out/ui-design-system 0.1.94-beta.2 → 0.1.94-beta.4

package/.cspell/custom-words.txt

@@ -1,24 +1,39 @@
+Aaiun
 Aditya
 aditya-kaushal
 amet
 Anant
+Aqtau
+Aqtobe
+Araguaina
 argstable
 Ashwini
 ashwini-sensehq
 atleast
 autodocs
+Branco
+Choibalsan
+Chuuk
 circlehollow
 CODEOWNERS
 commitlint
 contributorsrc
 Crespo
+Cuiaba
+D'Urville
+Danmarkshavn
 datetime
 DEFAULTTEXT
+Dili
 dismissable
 drilldown
 Drilldown
 dropzone
+Dumont
+Efate
+Enderbury
 eqeqeq
+Fakaofo
 fbjs
 Fennimore
 flowtype
@@ -26,9 +41,21 @@ fontawesome
 framename
 Gaurav
 highcharts
+Hovd
 innerref
 interdimensional
+Jangid
+Kamchatskiy
+Kiritimati
+Kosrae
+Kuala
 Lipsey
+Lumpur
+Magadan
+Mahe
+Manaus
+Minh
+Moresby
 msword
 Neue
 Nishant
@@ -37,10 +64,14 @@ nonbreaking
 nonstrict
 noopener
 noreferrer
+Noronha
 nsfmc
 OPACITYS
+Pago
 partialformat
+Paulo
 pocus
+Pohnpei
 premajor
 preminor
 prepatch
@@ -48,66 +79,38 @@ progressbar
 proxysense
 rerouter
 rgba
+Rica
+Rothera
+Sakhalin
 sanskar
+Santo
 sbdocs
+Scoresbysund
 senseai
 Stapleton
 storysource
 superrover
+Syowa
 systemjs
 tablist
 tabout
 testid
 tickmark
 tnum
+Tongatapu
 transclude
 Typeahead
 typeof
+Ulaanbaatar
+Urville
+useRowspanHeaders
 valuenow
+Velho
 Verda
 vish
 VishalBarnawal
+Vivek
 xmark
 yourcomponentname
+Yuzhno
 yxxx
-Pago
-Rica
-Cuiaba
-Branco
-Manaus
-Velho
-Santo
-Araguaina
-Paulo
-Rothera
-Noronha
-Scoresbysund
-Aaiun
-Danmarkshavn
-Syowa
-Mahe
-Aqtau
-Aqtobe
-Hovd
-Minh
-Choibalsan
-Kuala
-Lumpur
-Tongatapu
-Kiritimati
-Fakaofo
-Enderbury
-Kamchatskiy
-Pohnpei
-Kosrae
-Efate
-Moresby
-Chuuk
-Sakhalin
-Ulaanbaatar
-Dumont
-Dili
-Urville
-D'Urville
-Magadan
-Yuzhno

package/.github/workflows/publish_to_npm.yml

@@ -22,7 +22,7 @@ jobs:
       - name: Check Permissions
         id: check-permissions
         env:
-          ALLOWED_USERS: superrover, Anant-Raj, ashwini-sensehq, vish-sah, VishalBarnawal, sanskar-s
+          ALLOWED_USERS: superrover, Anant-Raj, ashwini-sensehq, vish-sah, VishalBarnawal, sanskar-s, VivekJangid
         if: ${{ !contains(env.ALLOWED_USERS, github.actor) }}
         run: |
           echo "You don't have correct permissions to do this release"

package/CHANGELOG.md

@@ -2,6 +2,20 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [0.1.94-beta.4](https://github.com/spaced-out/ui-design-system/compare/v0.1.94-beta.3...v0.1.94-beta.4) (2024-05-16)
+
+
+### Bug Fixes
+
+* **chart:** fixed the type for axis ([#205](https://github.com/spaced-out/ui-design-system/issues/205)) ([740994a](https://github.com/spaced-out/ui-design-system/commit/740994a42e6376c6a3781c807814b2ea4acf49dc))
+
+### [0.1.94-beta.3](https://github.com/spaced-out/ui-design-system/compare/v0.1.94-beta.2...v0.1.94-beta.3) (2024-05-15)
+
+
+### Bug Fixes
+
+* fixing import types ([#203](https://github.com/spaced-out/ui-design-system/issues/203)) ([b377482](https://github.com/spaced-out/ui-design-system/commit/b377482ec0d22c022812c57c92f5c96e45fdf2b2))
+
 ### [0.1.94-beta.2](https://github.com/spaced-out/ui-design-system/compare/v0.1.94-beta.1...v0.1.94-beta.2) (2024-05-14)
 
 

package/lib/components/Charts/ChartWrapper/ChartWrapper.js

@@ -109,7 +109,9 @@ const ChartWrapper = /*#__PURE__*/React.forwardRef((_ref2, ref) => {
   } = _ref2;
   return /*#__PURE__*/React.createElement(_Card.Card, {
     classNames: {
-      wrapper: (0, _classify.default)(_ChartWrapperModule.default.wrapper, classNames?.wrapper)
+      wrapper: (0, _classify.default)(_ChartWrapperModule.default.wrapper, {
+        [_ChartWrapperModule.default.justifyCenter]: isLoading
+      }, classNames?.wrapper)
     }
   }, isLoading ? /*#__PURE__*/React.createElement(_CircularLoader.CircularLoader, {
     size: "large",

package/lib/components/Charts/ChartWrapper/ChartWrapper.js.flow

@@ -146,7 +146,15 @@ export const ChartWrapper: React$AbstractComponent<
     }: ChartWrapperProps,
     ref,
   ): React.Node => (
-    <Card classNames={{wrapper: classify(css.wrapper, classNames?.wrapper)}}>
+    <Card
+      classNames={{
+        wrapper: classify(
+          css.wrapper,
+          {[css.justifyCenter]: isLoading},
+          classNames?.wrapper,
+        ),
+      }}
+    >
       {isLoading ? (
         <CircularLoader
           size="large"

package/lib/components/Charts/ChartWrapper/ChartWrapper.module.css

@@ -5,6 +5,9 @@
   display: flex;
   max-width: size960;
 }
+.justifyCenter {
+  justify-content: center;
+}
 
 .chartCardActions {
   display: flex;

package/lib/types/charts.js.flow

@@ -10,18 +10,39 @@ export type ChartOptions = {
     ...
   },
   title?: {
-    text: string | null,
+    align?: string,
+    floating?: boolean,
+    margin?: number,
+    style?: {
+      color?: string,
+      fontWeight?: string,
+    },
+    text?: string | null,
+    useHTML?: boolean,
+    verticalAlign?: 'top' | 'middle' | 'bottom',
+    widthAdjust?: number,
+    x?: number,
+    y?: number,
   },
   exporting?: {
-    buttons: {
-      contextButton: {
-        enabled: boolean,
+    allowHTML?: boolean,
+    allowTableSorting?: boolean,
+    buttons?: {
+      contextButton?: {
+        enabled?: boolean,
       },
     },
+    enabled?: boolean,
+    filename?: string,
+    showExportInProgress?: boolean,
+    showTable?: boolean,
+    sourceHeight?: number,
+    sourceWidth?: number,
+    useRowspanHeaders?: boolean,
+    width?: number,
+    ...
   },
-  credits?: {
-    enabled: boolean,
-  },
+  credits?: Credits,
   tooltip?: Tooltip,
   xAxis?: AxisOptions,
   yAxis?: AxisOptions,
@@ -33,16 +54,17 @@ export type ChartOptions = {
   subtitle?: {
     useHTML: boolean,
     text?: string,
-    verticalAlign: 'middle',
-    align: string,
-    style: CSSObject,
+    verticalAlign?: 'middle',
+    align?: string,
+    style?: CSSObject,
     x?: number,
+    ...
   },
   pane?: {
-    center: [string, string],
-    size: string,
+    center?: [string, string],
+    size?: string,
+    ...
   },
-  credits?: Credits,
   legend?: Legend,
   ...
 };
@@ -56,12 +78,16 @@ export type AxisOptions = {
     align?: string,
     distance?: number,
     style?: CSSObject,
+    ...
   },
   title?: {
+    text?: string,
     margin?: number,
-    style: ?CSSObject,
+    style?: CSSObject,
+    ...
   },
   type?: string,
+  ...
 };
 
 export type BreadcrumbsOptions = {
@@ -107,9 +133,9 @@ export type CSSObject = {
 };
 
 export type DataOptionsType = {
-  y: number,
-  name: string,
-  color: string,
+  y?: number,
+  name?: string,
+  color?: string,
   drilldown?: string,
   ...
 };
@@ -126,24 +152,25 @@ export type Drilldown = {
   activeDataLabelStyle?: CSSObject,
   series?: Array<SeriesOptionsType>,
   breadcrumbs?: BreadcrumbsOptions,
+  ...
 };
 
 export type PlotOptionsType = {
   ['pie' | 'line']: {
-    innerSize: string,
-    allowPointSelect: boolean,
-    cursor: 'pointer',
-    dataLabels: {
+    innerSize?: string,
+    allowPointSelect?: boolean,
+    cursor?: 'pointer',
+    dataLabels?: {
       enabled?: boolean,
       distance?: number,
       connectorColor?: string,
     },
-    showInLegend: boolean,
-    center: [string, string],
-    size: string,
+    showInLegend?: boolean,
+    center?: [string, string],
+    size?: string,
     minSize?: number | string,
-    borderWidth: number,
-    borderRadius: number,
+    borderWidth?: number,
+    borderRadius?: number,
     ...
   },
 };
@@ -194,4 +221,5 @@ export type Credits = {
     x?: number,
     y?: number,
   },
+  ...
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spaced-out/ui-design-system",
-  "version": "0.1.94-beta.2",
+  "version": "0.1.94-beta.4",
   "main": "index.js",
   "description": "Sense UI components library",
   "author": {