glints-aries 4.1.0 → 4.1.3

package/lib/Utils/Icon/generateIcons.d.ts

@@ -1 +0,0 @@
-export {};

package/lib/Utils/Icon/generateIcons.js

@@ -1,52 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var fs = _interopRequireWildcard(require("fs"));
-var ReactDOMServer = _interopRequireWildcard(require("react-dom/server"));
-var _camelCase = _interopRequireDefault(require("lodash/camelCase"));
-var _upperFirst = _interopRequireDefault(require("lodash/upperFirst"));
-var _IconLibrary = require("./IconLibrary");
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-var ICON_COMPONENTS_DIR = './src/General/Icon/components';
-var SRC_INDEX_FILE = './src/index.ts';
-var ICON_HEADING_CONTENT = '\n// Icons\n';
-function ensureDirExists(dir) {
-  if (!fs.existsSync(dir)) {
-    fs.mkdirSync(dir);
-  }
-}
-function createIconComponent(componentName, svgAsString) {
-  fs.writeFileSync(ICON_COMPONENTS_DIR + "/" + componentName + ".tsx", "\n// GENERATE BY ./src/General/Icon/generateIcons.js\n// DO NOT EDIT IT MANUALLY\nimport * as React from 'react';\nimport Icon, { Props } from '../Icon';\n\nconst " + componentName + " = (props: Partial<Props>) => (\n  <Icon {...props}>\n    " + svgAsString + "\n  </Icon>\n);\nexport default " + componentName + ";\n");
-}
-function writeComponentsIndex(content) {
-  fs.writeFileSync(ICON_COMPONENTS_DIR + "/index.tsx", content);
-}
-function writeSrcIndex(content) {
-  var prevSrcIndexContent = fs.readFileSync(SRC_INDEX_FILE, 'utf8');
-  var iconContentStartIndex = prevSrcIndexContent.indexOf(ICON_HEADING_CONTENT);
-
-  // delete old content for icon exports
-  if (iconContentStartIndex !== -1) {
-    fs.writeFileSync(SRC_INDEX_FILE, prevSrcIndexContent.slice(0, iconContentStartIndex));
-  }
-  fs.appendFileSync(SRC_INDEX_FILE, content);
-}
-function generateIcons() {
-  ensureDirExists(ICON_COMPONENTS_DIR);
-  var iconExportsContent = Object.keys(_IconLibrary.ICONS).reduce(function (content, name) {
-    var camelCaseName = (0, _upperFirst["default"])((0, _camelCase["default"])(name));
-    var componentName = camelCaseName + "Icon";
-    var svgAsString = ReactDOMServer.renderToStaticMarkup(_IconLibrary.ICONS[name]);
-    createIconComponent(componentName, svgAsString);
-    content.src += "export { default as " + componentName + " } from './General/Icon/components/" + componentName + "';\n";
-    content.components += "export { default as " + componentName + " } from './" + componentName + "';\n";
-    return content;
-  }, {
-    src: ICON_HEADING_CONTENT,
-    components: ''
-  });
-  writeComponentsIndex(iconExportsContent.components);
-  writeSrcIndex(iconExportsContent.src);
-}
-generateIcons();

package/lib/Utils/Matcher.d.ts

@@ -1,5 +0,0 @@
-declare type StyleProp = [string, any];
-export default class Matcher {
-    static create: (propName: string, pairs: Array<StyleProp>) => any;
-}
-export {};

package/lib/Utils/Matcher.js

@@ -1,13 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports["default"] = void 0;
-var Matcher = function Matcher() {};
-exports["default"] = Matcher;
-Matcher.create = function (propName, pairs) {
-  var map = new Map(pairs);
-  return function (props) {
-    var key = props[propName];
-    return map.get(key);
-  };
-};

package/lib/Utils/Shadow/Shadows.test.d.ts

@@ -1 +0,0 @@
-export {};

package/lib/Utils/Shadow/ShadowsStoriesHelpers.d.ts

@@ -1,6 +0,0 @@
-export declare const levels: (("0 -2px 4px 0 rgba(0, 0, 0, 0.15)" | "0 2px 4px 0 rgba(0, 0, 0, 0.15)")[] | ("0 -4px 8px 0 rgba(0, 0, 0, 0.15)" | "0 4px 8px 0 rgba(0, 0, 0, 0.15)")[] | ("0 -6px 12px 0 rgba(0, 0, 0, 0.10)" | "0 6px 12px 0 rgba(0, 0, 0, 0.10)")[] | ("0 -12px 24px 0 rgba(0, 0, 0, 0.10)" | "0 12px 24px 0 rgba(0, 0, 0, 0.10)")[])[];
-export declare const levelUsages: string[];
-export declare const PreviewCell: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const PreviewBox: import("styled-components").StyledComponent<"div", any, {
-    shadow: string;
-}, never>;

package/lib/Utils/Shadow/ShadowsStoriesHelpers.js

@@ -1,25 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.levels = exports.levelUsages = exports.PreviewCell = exports.PreviewBox = void 0;
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _ = require(".");
-var _Colors = require("../Colors");
-var levels = [[_.Shadow.up1, _.Shadow.down1], [_.Shadow.up2, _.Shadow.down2], [_.Shadow.up3, _.Shadow.down3], [_.Shadow.up4, _.Shadow.down4]];
-exports.levels = levels;
-var levelUsages = ['Elements that uses shadow by default', 'Elements in hovered state', 'Sticky elements, dropdown elements', 'Alerts'];
-exports.levelUsages = levelUsages;
-var PreviewCell = _styledComponents["default"].div.withConfig({
-  displayName: "ShadowsStoriesHelpers__PreviewCell",
-  componentId: "sc-cigkku-0"
-})(["background-color:white;padding:16px;display:flex;*{margin-top:0 !important;margin-bottom:0 !important;}"]);
-exports.PreviewCell = PreviewCell;
-var PreviewBox = _styledComponents["default"].div.withConfig({
-  displayName: "ShadowsStoriesHelpers__PreviewBox",
-  componentId: "sc-cigkku-1"
-})(["box-shadow:", ";margin:16px;border:1px solid black;background-color:", ";width:32px;height:32px;"], function (_ref) {
-  var shadow = _ref.shadow;
-  return shadow;
-}, _Colors.PrimaryColor.glintsyellow);
-exports.PreviewBox = PreviewBox;

package/lib/Utils/Shadow/index.d.ts

@@ -1,12 +0,0 @@
-export declare const Shadow: {
-    readonly up1: "0 -2px 4px 0 rgba(0, 0, 0, 0.15)";
-    readonly down1: "0 2px 4px 0 rgba(0, 0, 0, 0.15)";
-    readonly up2: "0 -4px 8px 0 rgba(0, 0, 0, 0.15)";
-    readonly down2: "0 4px 8px 0 rgba(0, 0, 0, 0.15)";
-    readonly up3: "0 -6px 12px 0 rgba(0, 0, 0, 0.10)";
-    readonly down3: "0 6px 12px 0 rgba(0, 0, 0, 0.10)";
-    readonly up4: "0 -12px 24px 0 rgba(0, 0, 0, 0.10)";
-    readonly down4: "0 12px 24px 0 rgba(0, 0, 0, 0.10)";
-};
-export declare type ShadowValueType = (typeof Shadow)[keyof typeof Shadow];
-export declare type ShadowKeyType = keyof typeof Shadow;

package/lib/Utils/Shadow/index.js

@@ -1,23 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.Shadow = void 0;
-var up1 = '0 -2px 4px 0 rgba(0, 0, 0, 0.15)';
-var down1 = '0 2px 4px 0 rgba(0, 0, 0, 0.15)';
-var up2 = '0 -4px 8px 0 rgba(0, 0, 0, 0.15)';
-var down2 = '0 4px 8px 0 rgba(0, 0, 0, 0.15)';
-var up3 = '0 -6px 12px 0 rgba(0, 0, 0, 0.10)';
-var down3 = '0 6px 12px 0 rgba(0, 0, 0, 0.10)';
-var up4 = '0 -12px 24px 0 rgba(0, 0, 0, 0.10)';
-var down4 = '0 12px 24px 0 rgba(0, 0, 0, 0.10)';
-var Shadow = {
-  up1: up1,
-  down1: down1,
-  up2: up2,
-  down2: down2,
-  up3: up3,
-  down3: down3,
-  up4: up4,
-  down4: down4
-};
-exports.Shadow = Shadow;

package/lib/Utils/StyleConfig.d.ts

@@ -1,59 +0,0 @@
-export declare enum ETabAlignment {
-    HORIZONTAL = "horizontal",
-    VERTICAL = "vertical"
-}
-export declare enum ETabThemeVariant {
-    BLUE = "blue",
-    BLACK = "black"
-}
-export declare enum ETooltipPosition {
-    TOP = "top",
-    BOTTOM = "bottom",
-    LEFT = "left",
-    RIGHT = "right"
-}
-export declare const ButtonVariant: {
-    SOLID_WHITE: string;
-    SOLID_BLUE: string;
-    YELLOW: string;
-    GHOST: string;
-    WHITE_GREY: string;
-    LINK: string;
-};
-export declare const RoundedCornerButtonVariant: {
-    SOLID_WHITE: string;
-    SOLID_BLUE: string;
-    GHOST: string;
-    WHITE_GREY: string;
-};
-export declare const PsychedelicTheme: {
-    BLUE_DOMINANT: string;
-    BLUE_DEFAULT: string;
-    RED_DOMINANT: string;
-    RED_DEFAULT: string;
-    YELLOW_DOMINANT: string;
-    YELLOW_DEFAULT: string;
-};
-export declare const ButtonTheme: {
-    BLUE: string;
-    WHITE: string;
-};
-export declare const ScreenSize: {
-    mobileS: number;
-    mobileM: number;
-    mobileL: number;
-    tablet: number;
-    desktopS: number;
-    desktopM: number;
-    desktopL: number;
-};
-export declare const Device: {
-    mobileS: string;
-    mobileM: string;
-    mobileL: string;
-    tablet: string;
-    desktopS: string;
-    desktopM: string;
-    desktopL: string;
-    desktopXL: string;
-};

package/lib/Utils/StyleConfig.js

@@ -1,75 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.ScreenSize = exports.RoundedCornerButtonVariant = exports.PsychedelicTheme = exports.ETooltipPosition = exports.ETabThemeVariant = exports.ETabAlignment = exports.Device = exports.ButtonVariant = exports.ButtonTheme = void 0;
-var ETabAlignment;
-exports.ETabAlignment = ETabAlignment;
-(function (ETabAlignment) {
-  ETabAlignment["HORIZONTAL"] = "horizontal";
-  ETabAlignment["VERTICAL"] = "vertical";
-})(ETabAlignment || (exports.ETabAlignment = ETabAlignment = {}));
-var ETabThemeVariant;
-exports.ETabThemeVariant = ETabThemeVariant;
-(function (ETabThemeVariant) {
-  ETabThemeVariant["BLUE"] = "blue";
-  ETabThemeVariant["BLACK"] = "black";
-})(ETabThemeVariant || (exports.ETabThemeVariant = ETabThemeVariant = {}));
-var ETooltipPosition;
-exports.ETooltipPosition = ETooltipPosition;
-(function (ETooltipPosition) {
-  ETooltipPosition["TOP"] = "top";
-  ETooltipPosition["BOTTOM"] = "bottom";
-  ETooltipPosition["LEFT"] = "left";
-  ETooltipPosition["RIGHT"] = "right";
-})(ETooltipPosition || (exports.ETooltipPosition = ETooltipPosition = {}));
-var ButtonVariant = {
-  SOLID_WHITE: 'solid-white',
-  SOLID_BLUE: 'solid-blue',
-  YELLOW: 'yellow',
-  GHOST: 'ghost',
-  WHITE_GREY: 'white-grey',
-  LINK: 'link'
-};
-exports.ButtonVariant = ButtonVariant;
-var RoundedCornerButtonVariant = {
-  SOLID_WHITE: 'solid-white',
-  SOLID_BLUE: 'solid-blue',
-  GHOST: 'ghost',
-  WHITE_GREY: 'white-grey'
-};
-exports.RoundedCornerButtonVariant = RoundedCornerButtonVariant;
-var PsychedelicTheme = {
-  BLUE_DOMINANT: 'blue-dominant',
-  BLUE_DEFAULT: 'blue-default',
-  RED_DOMINANT: 'red-dominant',
-  RED_DEFAULT: 'red-default',
-  YELLOW_DOMINANT: 'yellow-dominant',
-  YELLOW_DEFAULT: 'yellow-default'
-};
-exports.PsychedelicTheme = PsychedelicTheme;
-var ButtonTheme = {
-  BLUE: 'blue',
-  WHITE: 'white'
-};
-exports.ButtonTheme = ButtonTheme;
-var ScreenSize = {
-  mobileS: 320,
-  mobileM: 480,
-  mobileL: 640,
-  tablet: 768,
-  desktopS: 1024,
-  desktopM: 1260,
-  desktopL: 1440
-};
-exports.ScreenSize = ScreenSize;
-var Device = {
-  mobileS: "(max-width: " + ScreenSize.mobileS + "px)",
-  mobileM: "(max-width: " + ScreenSize.mobileM + "px)",
-  mobileL: "(max-width: " + ScreenSize.mobileL + "px)",
-  tablet: "(max-width: " + ScreenSize.tablet + "px)",
-  desktopS: "(max-width: " + ScreenSize.desktopS + "px)",
-  desktopM: "(max-width: " + ScreenSize.desktopM + "px)",
-  desktopL: "(max-width: " + ScreenSize.desktopL + "px)",
-  desktopXL: "(min-width: " + (ScreenSize.desktopL + 1) + "px)"
-};
-exports.Device = Device;

package/lib/Utils/Unit.d.ts

@@ -1,6 +0,0 @@
-import moment from 'moment';
-export default class Unit {
-    static numToRem: (key: number) => string;
-    static formatDate: (date: Date) => string;
-    static deltaDate: (date: moment.Moment) => number;
-}

package/lib/Utils/Unit.js

@@ -1,30 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports["default"] = void 0;
-var _moment = _interopRequireDefault(require("moment"));
-function memoize(fn) {
-  var cacheMap = new Map();
-  return function (key) {
-    var cacheKey = key;
-    var cache = cacheMap.get(cacheKey);
-    if (cache) {
-      return cache;
-    }
-    var result = fn(key);
-    cacheMap.set(cacheKey, result);
-    return result;
-  };
-}
-var Unit = function Unit() {};
-exports["default"] = Unit;
-Unit.numToRem = memoize(function (num) {
-  return (num * 0.1).toFixed(1) + "rem";
-});
-Unit.formatDate = function (date) {
-  return (0, _moment["default"])(date).diff(Date.now(), 'days') === 0 ? (0, _moment["default"])(date).locale('id').fromNow() : (0, _moment["default"])(date).locale('id').format('D MMMM');
-};
-Unit.deltaDate = function (date) {
-  return date.diff((0, _moment["default"])(), 'days');
-};

package/lib/Utils/canWarn.d.ts

@@ -1 +0,0 @@
-export declare const canWarn: boolean;

package/lib/Utils/canWarn.js

@@ -1,6 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.canWarn = void 0;
-var canWarn = typeof console !== 'undefined' && process.env.NODE_ENV === 'development';
-exports.canWarn = canWarn;

package/lib/Utils/getReadableColor.d.ts

@@ -1 +0,0 @@
-export declare const getReadableColor: (hex: string) => "#000000" | "#FFFFFF";

package/lib/Utils/getReadableColor.js

@@ -1,15 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.getReadableColor = void 0;
-//https://stackoverflow.com/a/35970186
-var getReadableColor = function getReadableColor(hex) {
-  if (hex.indexOf('#') === 0) {
-    hex = hex.slice(1);
-  }
-  var r = parseInt(hex.slice(0, 2), 16);
-  var g = parseInt(hex.slice(2, 4), 16);
-  var b = parseInt(hex.slice(4, 6), 16);
-  return r * 0.299 + g * 0.587 + b * 0.114 > 186 ? '#000000' : '#FFFFFF';
-};
-exports.getReadableColor = getReadableColor;

package/lib/Utils/useOutsideAlerter.d.ts

@@ -1,5 +0,0 @@
-import { MutableRefObject } from 'react';
-/**
- * Hook that alerts clicks outside of the passed ref
- */
-export declare const useOutsideAlerter: (ref: MutableRefObject<HTMLElement>, callback: () => void) => void;

package/lib/Utils/useOutsideAlerter.js

@@ -1,22 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.useOutsideAlerter = void 0;
-var _react = require("react");
-/**
- * Hook that alerts clicks outside of the passed ref
- */
-var useOutsideAlerter = function useOutsideAlerter(ref, callback) {
-  (0, _react.useEffect)(function callCallbackOnOutsideClick() {
-    var handleClickOutside = function handleClickOutside(event) {
-      if (ref.current && !ref.current.contains(event.target)) {
-        callback();
-      }
-    };
-    document.addEventListener('mousedown', handleClickOutside);
-    return function () {
-      document.removeEventListener('mousedown', handleClickOutside);
-    };
-  }, [callback, ref]);
-};
-exports.useOutsideAlerter = useOutsideAlerter;

package/lib/helpers/debounce.d.ts

@@ -1 +0,0 @@
-export declare const debounce: (func: any, delay?: number) => (...args: any) => void;

package/lib/helpers/debounce.js

@@ -1,21 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.debounce = void 0;
-var _this = void 0;
-var debounce = function debounce(func, delay) {
-  if (delay === void 0) {
-    delay = 500;
-  }
-  var timeoutID;
-  return function () {
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    clearTimeout(timeoutID);
-    timeoutID = setTimeout(function () {
-      func.apply(_this, args);
-    }, delay);
-  };
-};
-exports.debounce = debounce;

package/lib/helpers/storybook/Decorators.d.ts

@@ -1,4 +0,0 @@
-import { DecoratorFn } from '@storybook/react';
-export declare const withAlertProvider: DecoratorFn;
-export declare const withModalProvider: DecoratorFn;
-export declare const withGlintsPortalContainer: DecoratorFn;

package/lib/helpers/storybook/Decorators.js

@@ -1,22 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.withModalProvider = exports.withGlintsPortalContainer = exports.withAlertProvider = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _AlertProvider = require("../../@next/Alert/AlertProvider");
-var _ModalProvider = require("../../@next/Modal/ModalProvider");
-var withAlertProvider = function withAlertProvider(Story) {
-  return /*#__PURE__*/_react["default"].createElement(_AlertProvider.AlertProvider, null, /*#__PURE__*/_react["default"].createElement(Story, null));
-};
-exports.withAlertProvider = withAlertProvider;
-var withModalProvider = function withModalProvider(Story) {
-  return /*#__PURE__*/_react["default"].createElement(_ModalProvider.ModalProvider, null, /*#__PURE__*/_react["default"].createElement(Story, null));
-};
-exports.withModalProvider = withModalProvider;
-var withGlintsPortalContainer = function withGlintsPortalContainer(Story) {
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
-    id: "glints-portal-container"
-  }), /*#__PURE__*/_react["default"].createElement(Story, null));
-};
-exports.withGlintsPortalContainer = withGlintsPortalContainer;

package/lib/helpers/viewPort.d.ts

@@ -1,4 +0,0 @@
-export declare const getViewportDimensions: () => {
-    width: number;
-    height: number;
-};

package/lib/helpers/viewPort.js

@@ -1,13 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.getViewportDimensions = void 0;
-var getViewportDimensions = function getViewportDimensions() {
-  var width = Math.max(document.documentElement.clientWidth || 0, window.innerWidth || 0);
-  var height = Math.max(document.documentElement.clientHeight || 0, window.innerHeight || 0);
-  return {
-    width: width,
-    height: height
-  };
-};
-exports.getViewportDimensions = getViewportDimensions;