@perses-dev/components 0.0.0-snapshot-time-range-height-80d08fc

package/dist/cjs/theme/palette/grey.js

@@ -0,0 +1,44 @@
+// Copyright 2022 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "greyOption", {
+    enumerable: true,
+    get: ()=>greyOption
+});
+const _grey = require("./colors/grey");
+const greyOption = (mode)=>{
+    return mode === 'light' ? {
+        100: _grey.grey[100],
+        200: _grey.grey[200],
+        300: _grey.grey[300],
+        400: _grey.grey[400],
+        500: _grey.grey[500],
+        600: _grey.grey[600],
+        700: _grey.grey[700],
+        800: _grey.grey[800],
+        900: _grey.grey[900]
+    } : {
+        100: _grey.grey[900],
+        200: _grey.grey[800],
+        300: _grey.grey[700],
+        400: _grey.grey[600],
+        500: _grey.grey[500],
+        600: _grey.grey[400],
+        700: _grey.grey[300],
+        800: _grey.grey[200],
+        900: _grey.grey[100]
+    };
+};

package/dist/cjs/theme/palette/index.js

@@ -0,0 +1,28 @@
+// Copyright 2022 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+_exportStar(require("./palette-options"), exports);
+function _exportStar(from, to) {
+    Object.keys(from).forEach(function(k) {
+        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) Object.defineProperty(to, k, {
+            enumerable: true,
+            get: function() {
+                return from[k];
+            }
+        });
+    });
+    return from;
+}

package/dist/cjs/theme/palette/palette-options.js

@@ -0,0 +1,59 @@
+// Copyright 2022 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "getPaletteOptions", {
+    enumerable: true,
+    get: ()=>getPaletteOptions
+});
+const _text = require("./text");
+const _background = require("./background");
+const _grey = require("./grey");
+const _common = require("./colors/common");
+const _primary = require("./primary");
+const _secondary = require("./secondary");
+const _colors = require("./colors");
+const _error = require("./error");
+const _success = require("./success");
+const _warning = require("./warning");
+function getPaletteOptions(mode) {
+    // Palette options should be split out into their own files with functions
+    // for creating the option values based on light/dark mode
+    return {
+        mode,
+        primary: (0, _primary.primary)(mode),
+        secondary: (0, _secondary.secondary)(mode),
+        grey: (0, _grey.greyOption)(mode),
+        background: (0, _background.background)(mode),
+        text: (0, _text.text)(mode),
+        error: (0, _error.error)(mode),
+        warning: (0, _warning.warning)(mode),
+        info: (0, _primary.primary)(mode),
+        success: (0, _success.success)(mode),
+        common: {
+            white: _common.white,
+            black: _common.black
+        },
+        // custom colors
+        designSystem: {
+            blue: _colors.blue,
+            green: _colors.green,
+            grey: _colors.grey,
+            orange: _colors.orange,
+            purple: _colors.purple,
+            red: _colors.red
+        }
+    };
+}

package/dist/cjs/theme/palette/primary.js

@@ -0,0 +1,32 @@
+// Copyright 2022 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "primary", {
+    enumerable: true,
+    get: ()=>primary
+});
+const _colors = require("./colors");
+const primary = (mode)=>{
+    return mode === 'light' ? {
+        main: _colors.blue[500],
+        dark: _colors.blue[600],
+        light: _colors.blue[50]
+    } : {
+        main: _colors.blue[400],
+        dark: _colors.blue[800],
+        light: _colors.blue[200]
+    };
+};

package/dist/cjs/theme/palette/secondary.js

@@ -0,0 +1,32 @@
+// Copyright 2022 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "secondary", {
+    enumerable: true,
+    get: ()=>secondary
+});
+const _colors = require("./colors");
+const secondary = (mode)=>{
+    return mode === 'light' ? {
+        main: _colors.grey[600],
+        dark: _colors.grey[900],
+        light: _colors.grey[100]
+    } : {
+        main: _colors.white,
+        dark: _colors.white,
+        light: _colors.white
+    };
+};

package/dist/cjs/theme/palette/success.js

@@ -0,0 +1,32 @@
+// Copyright 2022 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "success", {
+    enumerable: true,
+    get: ()=>success
+});
+const _colors = require("./colors");
+const success = (mode)=>{
+    return mode === 'light' ? {
+        main: _colors.green[500],
+        dark: _colors.green[700],
+        light: _colors.green[50]
+    } : {
+        main: _colors.green[400],
+        dark: _colors.green[800],
+        light: _colors.green[300]
+    };
+};

package/dist/cjs/theme/palette/text.js

@@ -0,0 +1,42 @@
+// Copyright 2022 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "text", {
+    enumerable: true,
+    get: ()=>text
+});
+const _colors = require("./colors");
+const text = (mode)=>{
+    const navigation = _colors.grey[800];
+    const accent = _colors.grey[300];
+    return mode === 'light' ? {
+        navigation,
+        accent,
+        primary: _colors.grey[800],
+        secondary: _colors.grey[700],
+        disabled: _colors.grey[300],
+        link: _colors.blue[500],
+        linkHover: _colors.blue[600]
+    } : {
+        navigation,
+        accent,
+        primary: _colors.white,
+        secondary: _colors.grey[50],
+        disabled: _colors.grey[600],
+        link: _colors.blue[400],
+        linkHover: _colors.blue[500]
+    };
+};

package/dist/cjs/theme/palette/warning.js

@@ -0,0 +1,32 @@
+// Copyright 2022 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "warning", {
+    enumerable: true,
+    get: ()=>warning
+});
+const _colors = require("./colors");
+const warning = (mode)=>{
+    return mode === 'light' ? {
+        main: _colors.orange[500],
+        dark: _colors.orange[700],
+        light: _colors.orange[50]
+    } : {
+        main: _colors.orange[400],
+        dark: _colors.orange[800],
+        light: _colors.orange[300]
+    };
+};

package/dist/cjs/theme/theme.js

@@ -0,0 +1,64 @@
+// Copyright 2022 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "getTheme", {
+    enumerable: true,
+    get: ()=>getTheme
+});
+const _material = require("@mui/material");
+const _paletteOptions = require("./palette/palette-options");
+const _typography = require("./typography");
+const getModalBackgroundStyle = ({ theme  })=>{
+    const backgroundStyle = theme.palette.mode === 'light' ? {} : {
+        backgroundImage: 'unset',
+        backgroundColor: theme.palette.designSystem.grey[800]
+    };
+    return {
+        ...backgroundStyle
+    };
+};
+function getTheme(mode) {
+    const theme = (0, _material.createTheme)({
+        palette: (0, _paletteOptions.getPaletteOptions)(mode),
+        typography: _typography.typography,
+        mixins: {},
+        components
+    });
+    return theme;
+}
+// Overrides for component default prop values and styles go here
+const components = {
+    MuiFormControl: {
+        defaultProps: {
+            size: 'small'
+        }
+    },
+    MuiTextField: {
+        defaultProps: {
+            size: 'small'
+        }
+    },
+    MuiDrawer: {
+        styleOverrides: {
+            paper: getModalBackgroundStyle
+        }
+    },
+    MuiDialog: {
+        styleOverrides: {
+            paper: getModalBackgroundStyle
+        }
+    }
+};

package/dist/cjs/theme/types/ThemeExtension.d.js

@@ -0,0 +1,17 @@
+// Copyright 2022 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+// Allows extending Lab types/components also
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});

package/dist/cjs/theme/typography.js

@@ -0,0 +1,96 @@
+// Copyright 2022 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "typography", {
+    enumerable: true,
+    get: ()=>typography
+});
+require("@fontsource/lato/300.css");
+require("@fontsource/lato/400.css");
+require("@fontsource/lato/700.css");
+require("@fontsource/lato/900.css");
+// Font weights need to correspond with the imports at the top of the file
+// (Lato supports 100, 300, 400, 700, 900)
+const fontWeightLight = 300;
+const fontWeightRegular = 400;
+const fontWeightMedium = 700;
+const fontWeightBold = 900;
+const typography = {
+    fontFamily: '"Lato", sans-serif',
+    fontWeightLight,
+    fontWeightRegular,
+    fontWeightMedium,
+    fontWeightBold,
+    h1: {
+        fontSize: '1.5rem',
+        fontWeight: fontWeightMedium,
+        lineHeight: '32px'
+    },
+    h2: {
+        fontSize: '1.25rem',
+        fontWeight: fontWeightMedium,
+        lineHeight: '28px'
+    },
+    h3: {
+        fontSize: '1rem',
+        fontWeight: fontWeightMedium,
+        lineHeight: '24px'
+    },
+    h4: {
+        fontSize: '0.875rem',
+        fontWeight: fontWeightMedium,
+        lineHeight: '22px'
+    },
+    h5: undefined,
+    h6: undefined,
+    body1: {
+        fontSize: '0.875rem',
+        fontWeight: fontWeightRegular,
+        lineHeight: '20px'
+    },
+    body2: {
+        fontSize: '0.75rem',
+        fontWeight: fontWeightRegular,
+        lineHeight: '18px'
+    },
+    subtitle1: {
+        fontSize: '1rem',
+        fontWeight: fontWeightRegular,
+        lineHeight: '24px',
+        letterSpacing: '0.02rem'
+    },
+    subtitle2: {
+        fontSize: '0.875rem',
+        fontWeight: fontWeightMedium,
+        lineHeight: '22px',
+        letterSpacing: '0.03rem',
+        textTransform: 'uppercase'
+    },
+    button: {
+        // 14px
+        fontSize: '0.875rem',
+        fontWeight: fontWeightMedium,
+        // 20 px
+        lineHeight: '1.25rem',
+        textTransform: 'none',
+        letterSpacing: '0.03rem'
+    },
+    caption: {
+        fontSize: '0.6875rem',
+        fontWeight: fontWeightRegular,
+        lineHeight: '16px'
+    }
+};

package/dist/cjs/utils/combine-sx.js

@@ -0,0 +1,29 @@
+// Copyright 2022 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "combineSx", {
+    enumerable: true,
+    get: ()=>combineSx
+});
+function combineSx(...sxProps) {
+    return sxProps.flatMap((sx)=>{
+        if (sx === undefined) return [];
+        if (Array.isArray(sx)) return sx;
+        return [
+            sx
+        ];
+    });
+}

package/dist/cjs/utils/component-ids.js

@@ -0,0 +1,31 @@
+// Copyright 2022 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useId", {
+    enumerable: true,
+    get: ()=>useId
+});
+const _react = require("react");
+function useId(prefix) {
+    if (globalThis.useIdValue === undefined) {
+        globalThis.useIdValue = 0;
+    }
+    const id = (0, _react.useRef)(undefined);
+    if (id.current === undefined) {
+        id.current = `${prefix}-${globalThis.useIdValue++}`;
+    }
+    return id.current;
+}

package/dist/cjs/utils/format.js

@@ -0,0 +1,56 @@
+// Copyright 2022 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    dateFormatOptionsWithTimeZone: ()=>dateFormatOptionsWithTimeZone,
+    formatWithTimeZone: ()=>formatWithTimeZone
+});
+const _dateFnsTz = require("date-fns-tz");
+const _dateFns = require("date-fns");
+function dateFormatOptionsWithTimeZone(dateFormatOptions, timeZone) {
+    /*
+   * if timeZone is provided, and is not local|browser,
+   * then set timeZone option (recognize UTC regardless of uppercase/lowercase)
+   * otherwise, default to browser timeZone setting
+   */ if (timeZone) {
+        const lowerTimeZone = timeZone.toLowerCase();
+        if (lowerTimeZone !== 'local' && lowerTimeZone !== 'browser') {
+            return {
+                ...dateFormatOptions,
+                timeZone: lowerTimeZone === 'utc' ? 'UTC' : timeZone
+            };
+        }
+    }
+    return dateFormatOptions;
+}
+function formatWithTimeZone(date, formatString, timeZone) {
+    /*
+   * if timeZone is provided, and is not local|browser,
+   * then format using timeZone option (recognize UTC regardless of uppercase/lowercase)
+   * otherwise, format without timeZone option, defaulting to browser timeZone setting
+   */ const lowerTimeZone = timeZone === null || timeZone === void 0 ? void 0 : timeZone.toLowerCase();
+    if (!timeZone || lowerTimeZone === 'local' || lowerTimeZone === 'browser') {
+        return (0, _dateFns.format)(date, formatString);
+    } else {
+        return (0, _dateFnsTz.formatInTimeZone)(date, lowerTimeZone === 'utc' ? 'UTC' : timeZone, formatString);
+    }
+}

package/dist/cjs/utils/format.test.js

@@ -0,0 +1,47 @@
+// Copyright 2022 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _format = require("./format");
+const DATE = new Date(168523200000);
+const DATE_FORMAT_OPTIONS = {
+    hour: 'numeric',
+    minute: 'numeric',
+    hourCycle: 'h23'
+};
+describe('formatWithTimeZone', ()=>{
+    it('should format in Los Angeles timezone', ()=>{
+        expect((0, _format.formatWithTimeZone)(DATE, 'yyyy-MM-dd HH:mm:ss', 'America/Los_Angeles')).toBe('1975-05-05 05:00:00');
+    });
+    it('should format in UTC timezone', ()=>{
+        expect((0, _format.formatWithTimeZone)(DATE, 'yyyy-MM-dd HH:mm:ss', 'UTC')).toBe('1975-05-05 12:00:00');
+        expect((0, _format.formatWithTimeZone)(DATE, 'yyyy-MM-dd HH:mm:ss', 'utc')).toBe('1975-05-05 12:00:00');
+    });
+});
+describe('dateFormatOptionsWithTimeZone', ()=>{
+    it('should format in Los Angeles timezone', ()=>{
+        const dateFormatOptions = (0, _format.dateFormatOptionsWithTimeZone)(DATE_FORMAT_OPTIONS, 'America/Los_Angeles');
+        expect(new Intl.DateTimeFormat(undefined, dateFormatOptions).format(DATE)).toBe('05:00');
+    });
+    it('should format in UTC timezone', ()=>{
+        const dateFormatOptions = (0, _format.dateFormatOptionsWithTimeZone)(DATE_FORMAT_OPTIONS, 'utc');
+        expect(new Intl.DateTimeFormat(undefined, dateFormatOptions).format(DATE)).toBe('12:00');
+    });
+    it('should use browser local timezone', ()=>{
+        expect((0, _format.dateFormatOptionsWithTimeZone)(DATE_FORMAT_OPTIONS, 'browser').timeZone).toBeUndefined();
+        expect((0, _format.dateFormatOptionsWithTimeZone)(DATE_FORMAT_OPTIONS, 'local').timeZone).toBeUndefined();
+        expect((0, _format.dateFormatOptionsWithTimeZone)(DATE_FORMAT_OPTIONS).timeZone).toBeUndefined();
+    });
+});