@dreamcommerce/aurora 0.3.4-19 → 0.3.4-193

package/package.json

@@ -1,130 +1,68 @@
 {
-    "name": "@dreamcommerce/aurora",
-    "version": "0.3.4-19",
-    "description": "aurora",
-    "author": "k0ssak",
-    "license": "MIT",
-    "repository": "",
-    "main": "build/index.js",
-    "module": "build/index.es.js",
-    "jsnext:main": "build/index.es.js",
-    "engines": {
-        "node": ">=8",
-        "npm": ">=5"
-    },
-    "peerDependencies": {
-        "react": "16.13.1",
-        "react-dom": "16.13.1",
-        "react-scripts": "3.4.1",
-        "react-transition-group": "4.3.0",
-        "lodash": "4.17.15",
-        "classnames": "2.2.6",
-        "colors-convert": "1.2.4",
-        "i18next": "19.7.0",
-        "intl": "1.2.5",
-        "jss": "10.4.0",
-        "react-i18next": "11.7.2",
-        "react-jss": "10.4.0"
-    },
-    "devDependencies": {
-        "@babel/core": "7.8.7",
-        "@babel/plugin-proposal-class-properties": "7.8.3",
-        "@babel/plugin-proposal-object-rest-spread": "7.8.3",
-        "@babel/plugin-syntax-dynamic-import": "7.8.3",
-        "@babel/plugin-transform-runtime": "7.8.3",
-        "@babel/preset-env": "7.8.7",
-        "@babel/preset-react": "7.8.3",
-        "@babel/preset-typescript": "7.8.3",
-        "@babel/runtime-corejs3": "7.8.7",
-        "@rollup/plugin-commonjs": "11.0.2",
-        "@rollup/plugin-html": "0.1.1",
-        "@rollup/plugin-json": "4.1.0",
-        "@rollup/plugin-node-resolve": "7.1.1",
-        "@rollup/plugin-replace": "2.3.1",
-        "@rollup/plugin-alias": "3.1.1",
-        "@storybook/addon-actions": "5.3.21",
-        "@storybook/addon-knobs": "5.3.21",
-        "@storybook/addon-links": "5.3.21",
-        "@storybook/addon-notes": "5.3.21",
-        "@storybook/addon-storyshots": "5.3.21",
-        "@storybook/addon-storysource": "5.3.21",
-        "@storybook/addons": "5.3.21",
-        "@storybook/preset-typescript": "3.0.0",
-        "@storybook/react": "5.3.21",
-        "@testing-library/jest-dom": "5.3.0",
-        "@testing-library/react": "11.0.4",
-        "@testing-library/react-hooks": "3.2.1",
-        "@types/classnames": "2.2.10",
-        "@types/expect-puppeteer": "4.4.0",
-        "@types/hammerjs": "2.0.36",
-        "@types/jest": "26.0.13",
-        "@types/jest-environment-puppeteer": "4.3.2",
-        "@types/jest-image-snapshot": "4.1.0",
-        "@types/lodash": "4.14.149",
-        "@types/node": "13.7.7",
-        "@types/puppeteer": "2.0.1",
-        "@types/react": "16.9.23",
-        "@types/react-dom": "16.9.5",
-        "@types/react-transition-group": "4.2.4",
-        "@typescript-eslint/eslint-plugin": "2.25.0",
-        "@typescript-eslint/parser": "2.25.0",
-        "autoprefixer": "9.8.6",
-        "babel-jest": "25.2.4",
-        "babel-loader": "8.1.0",
-        "babel-plugin-react-require": "3.1.3",
-        "cross-env": "7.0.2",
-        "css-loader": "3.6.0",
-        "eslint": "6.8.0",
-        "eslint-plugin-react": "7.19.0",
-        "eslint-plugin-react-hooks": "3.0.0",
-        "hammerjs": "2.0.8",
-        "jest": "25.5.4",
-        "jest-css-modules": "2.1.0",
-        "jest-image-snapshot": "4.2.0",
-        "jest-puppeteer": "4.4.0",
-        "less": "3.12.2",
-        "less-loader": "6.2.0",
-        "lodash": "4.17.20",
-        "puppeteer": "2.1.1",
-        "react-docgen-typescript-loader": "3.7.2",
-        "react-test-renderer": "16.13.1",
-        "rollup": "2.2.0",
-        "rollup-plugin-babel": "4.4.0",
-        "rollup-plugin-postcss": "3.1.3",
-        "start-server-and-test": "1.10.11",
-        "style-loader": "1.2.1",
-        "ts-jest": "26.3.0",
-        "ts-loader": "6.2.2",
-        "tslib": "1.11.1",
-        "typescript": "3.8.3",
-        "i18next": "19.7.0",
-        "colors-convert": "1.2.4",
-        "intl": "1.2.5",
-        "jss": "10.4.0",
-        "react-i18next": "11.7.2",
-        "react-jss": "10.4.0",
-        "glob": "7.1.6",
-        "jsdom": "16.4.0",
-        "react-transition-group": "4.3.0",
-        "classnames": "2.2.6"
-    },
-    "files": [
-        "build"
-    ],
-    "scripts": {
-        "build": "rm -rf build/* && tsc -p . && rollup -c",
-        "start": "rollup -c -w",
-        "storybook": "start-storybook -p 6006",
-        "storybook-package": "start-storybook -p 6006 package",
-        "build-storybook": "build-storybook",
-        "jest:visual": "jest -c .config-jest/jest.config.visual.js --detectOpenHandles",
-        "tests:unit": "jest -c .config-jest/jest.config.unit.js",
-        "watch:tests:unit": "jest --watch -c .config-jest/jest.config.unit.js",
-        "tests:structural": "jest -c .config-jest/jest.config.structural.js",
-        "tests:visual": "start-server-and-test  storybook http-get://localhost:6006 jest:visual",
-        "tests:smoke-package": "npm install dreamcommerce-package@npm:@dreamcommerce/aurora@beta --force && start-server-and-test  storybook-package http-get://localhost:6006 jest:visual || npm uninstall dreamcommerce-package",
-        "updates-snapshots": "jest -c .config-jest/jest.config.structural.js --updateSnapshot",
-        "update-visuals": "jest -c .config-jest/jest.config.visual.js --updateSnapshot",
-        "clear-install": "rm -rf node_modules && rm package-lock.json && npm install"
-    }
-}
+  "name": "@dreamcommerce/aurora",
+  "packageManager": "yarn@3.1.1",
+  "sideEffects": false,
+  "version": "0.3.4-193",
+  "description": "aurora",
+  "author": "k0ssak",
+  "license": "MIT",
+  "source": "src/index.ts",
+  "main": "build/cjs/packages/aurora/src/index.js",
+  "module": "build/esm/packages/aurora/src/index.js",
+  "jsnext:main": "build/esm/packages/aurora/src/index.js",
+  "types": "build/esm/packages/aurora/src/index.d.ts",
+  "files": [
+    "build"
+  ],
+  "engines": {
+    "node": ">=14",
+    "npm": ">=6"
+  },
+  "peerDependencies": {
+    "classnames": "2.2.6",
+    "hammerjs": "2.0.8",
+    "lodash": "4.17.15",
+    "react": "17.0.2",
+    "react-dom": "17.0.2",
+    "react-scripts": "3.4.1",
+    "react-transition-group": "4.3.0"
+  },
+  "scripts": {
+    "prepublishOnly": "yarn run tests:unit",
+    "build": "rimraf ./build/ && tsc --project tsconfig.build.json && rollup --config rollup.config.js",
+    "start": "rollup -c -w",
+    "storybook": "start-storybook -p 6006",
+    "storybook-package": "start-storybook -p 6006 package",
+    "build-storybook": "build-storybook",
+    "jest:visual": "jest -c .config/jest/jest.config.visual.js --detectOpenHandles",
+    "tests:unit": "jest -c .config/jest/jest.config.unit.js",
+    "watch:tests:unit": "jest --watch -c .config/jest/jest.config.unit.js",
+    "tests:structural": "jest -c .config/jest/jest.config.structural.js",
+    "tests:visual": "start-server-and-test  storybook http-get://localhost:6006 jest:visual",
+    "tests:smoke-package": "npm install dreamcommerce-package@npm:@dreamcommerce/aurora@beta --force && start-server-and-test  storybook-package http-get://localhost:6006 jest:visual || npm uninstall dreamcommerce-package",
+    "updates-snapshots": "jest -c .config/jest/jest.config.structural.js --updateSnapshot",
+    "update-visuals": "jest -c .config/jest/jest.config.visual.js --updateSnapshot"
+  },
+  "devDependencies": {
+    "@types/classnames": "2.2.10",
+    "@types/hammerjs": "2.0.36",
+    "@types/lodash": "4.14.149",
+    "@types/react": "17.0.39",
+    "@types/react-dom": "17.0.11",
+    "@types/react-transition-group": "4.2.4",
+    "classnames": "2.2.6",
+    "color-convert": "2.0.1",
+    "hammerjs": "2.0.8",
+    "i18next": "19.7.0",
+    "intl": "1.2.5",
+    "jss": "10.4.0",
+    "lodash": "4.17.15",
+    "react": "17.0.2",
+    "react-dom": "17.0.2",
+    "react-i18next": "11.7.2",
+    "react-jss": "10.4.0",
+    "react-scripts": "3.4.1",
+    "react-transition-group": "4.3.0"
+  },
+  "stableVersion": "0.3.4-173"
+}

package/build/assets/icon_calendar.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-declare type IconProps = {
-    className?: string | undefined;
-};
-declare const IconCalendar: React.FC<IconProps>;
-export default IconCalendar;

package/build/assets/icon_calendar.js

@@ -1,8 +0,0 @@
-import React from 'react';
-var IconCalendar = function (_a) {
-    var className = _a.className;
-    return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", className: className || "" },
-        React.createElement("path", { fill: "#135CC8", d: "M13.938.563c.552 0 1 .447 1 1v1.25h4.5v16.625H.563V2.813h4.5v-1.25c0-.553.447-1 1-1 .552 0 1 .447 1 1v1.25h5.875v-1.25c0-.553.447-1 1-1zm3.5 7.625H2.563v9.25h14.874v-9.25zm0-3.376H2.563v1.375h14.874V4.813z" })));
-};
-export default IconCalendar;
-//# sourceMappingURL=icon_calendar.js.map

package/build/assets/icon_calendar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"icon_calendar.js","sourceRoot":"","sources":["../../src/assets/icon_calendar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,IAAM,YAAY,GAAuB,UAAC,EAAa;QAAX,wBAAS;IAAO,OAAA,CACxD,6BAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,SAAS,EAAE,SAAS,IAAI,EAAE;QACzG,8BAAM,IAAI,EAAC,SAAS,EAAC,CAAC,EAAC,+MAA+M,GAAE,CACtO,CACT;AAJ2D,CAI3D,CAAA;AAED,eAAe,YAAY,CAAC"}

package/build/components/button/css_classes.d.ts

@@ -1,6 +0,0 @@
-export declare const cssButton = "btn";
-export declare const cssButtonOutline: string;
-export declare const cssButtonBg: string;
-export declare const cssButtonS: string;
-export declare const cssButtonLink: string;
-export declare const cssButtonSecondary: string;

package/build/components/button/css_classes.js

@@ -1,7 +0,0 @@
-export var cssButton = 'btn';
-export var cssButtonOutline = cssButton + "_outline";
-export var cssButtonBg = cssButton + "_bg";
-export var cssButtonS = cssButton + "_s";
-export var cssButtonLink = cssButton + "_link";
-export var cssButtonSecondary = cssButton + "_secondary";
-//# sourceMappingURL=css_classes.js.map

package/build/components/button/css_classes.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"css_classes.js","sourceRoot":"","sources":["../../../src/components/button/css_classes.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,SAAS,GAAG,KAAK,CAAC;AAC/B,MAAM,CAAC,IAAM,gBAAgB,GAAM,SAAS,aAAU,CAAC;AACvD,MAAM,CAAC,IAAM,WAAW,GAAM,SAAS,QAAK,CAAC;AAC7C,MAAM,CAAC,IAAM,UAAU,GAAM,SAAS,OAAI,CAAC;AAC3C,MAAM,CAAC,IAAM,aAAa,GAAM,SAAS,UAAO,CAAC;AACjD,MAAM,CAAC,IAAM,kBAAkB,GAAM,SAAS,eAAY,CAAC"}

package/build/components/button/index.d.ts

@@ -1,21 +0,0 @@
-import React from 'react';
-import { IButtonProps } from './types';
-/**
- * @component
- * @example
- * return (
- *  <Button
- *      size="small"
- *      variant="light">
- *          Text button
- *  </Button>
- *
- *  <Button
- *      as="link"
- *      href="https://onet.pl">
- *          Text button
- *  </Button>
- * )
- */
-declare const Button: React.FC<IButtonProps>;
-export default Button;

package/build/components/button/index.js

@@ -1,53 +0,0 @@
-import { __rest } from "tslib";
-import React from 'react';
-import classnames from 'classnames';
-import cssClasses from '@css/button/main.less';
-import './types';
-import { cssButton, cssButtonOutline, cssButtonBg, cssButtonLink, cssButtonS, cssButtonSecondary } from './css_classes';
-/**
- * @component
- * @example
- * return (
- *  <Button
- *      size="small"
- *      variant="light">
- *          Text button
- *  </Button>
- *
- *  <Button
- *      as="link"
- *      href="https://onet.pl">
- *          Text button
- *  </Button>
- * )
- */
-var Button = function (_a) {
-    var _b;
-    var _c = _a.as, as = _c === void 0 ? 'button' : _c, size = _a.size, color = _a.color, variant = _a.variant, props = __rest(_a, ["as", "size", "color", "variant"]);
-    var buttonClasses = classnames(cssClasses[cssButton], (_b = {},
-        _b[cssClasses[cssButtonS]] = size,
-        _b[cssClasses[cssButtonBg]] = !variant,
-        _b[cssClasses[cssButtonOutline]] = variant === 'outline',
-        _b[cssClasses[cssButtonLink]] = variant === 'link',
-        _b[cssClasses[cssButtonSecondary]] = color === 'secondary',
-        _b));
-    var link = {
-        render: function (_a) {
-            var href = _a.href, target = _a.target, onClick = _a.onClick, children = _a.children;
-            return (React.createElement("a", { href: href, target: target, onClick: onClick, className: buttonClasses }, children));
-        }
-    };
-    var button = {
-        render: function (_a) {
-            var _b = _a.type, type = _b === void 0 ? 'button' : _b, onClick = _a.onClick, children = _a.children;
-            return (React.createElement("button", { type: type, onClick: onClick, className: buttonClasses }, children));
-        }
-    };
-    var renderComponent = {
-        button: button,
-        link: link
-    };
-    return renderComponent[as].render(props);
-};
-export default Button;
-//# sourceMappingURL=index.js.map

package/build/components/button/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/button/index.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,UAAU,MAAM,uBAAuB,CAAC;AAE/C,OAA6E,SAAS,CAAC;AACvF,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,WAAW,EAAE,aAAa,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAExH;;;;;;;;;;;;;;;;GAgBG;AACH,IAAM,MAAM,GAA2B,UAAC,EAAiD;;IAA/C,IAAA,UAAa,EAAb,kCAAa,EAAE,cAAI,EAAE,gBAAK,EAAE,oBAAO,EAAE,sDAAQ;IACnF,IAAM,aAAa,GAAG,UAAU,CAAC,UAAU,CAAC,SAAS,CAAC;QAClD,GAAC,UAAU,CAAC,UAAU,CAAC,IAAG,IAAI;QAC9B,GAAC,UAAU,CAAC,WAAW,CAAC,IAAG,CAAC,OAAO;QACnC,GAAC,UAAU,CAAC,gBAAgB,CAAC,IAAG,OAAO,KAAK,SAAS;QACrD,GAAC,UAAU,CAAC,aAAa,CAAC,IAAG,OAAO,KAAK,MAAM;QAC/C,GAAC,UAAU,CAAC,kBAAkB,CAAC,IAAG,KAAK,KAAK,WAAW;YACzD,CAAC;IAEH,IAAM,IAAI,GAAG;QACT,MAAM,EAAN,UAAO,EAAiD;gBAA/C,cAAI,EAAE,kBAAM,EAAE,oBAAO,EAAE,sBAAQ;YACpC,OAAO,CACH,2BAAG,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,aAAa,IACpE,QAAQ,CACT,CACP,CAAC;QACN,CAAC;KACJ,CAAC;IAEF,IAAM,MAAM,GAAG;QACX,MAAM,EAAN,UAAO,EAAsD;gBAApD,YAAe,EAAf,oCAAe,EAAE,oBAAO,EAAE,sBAAQ;YACvC,OAAO,CACH,gCAAQ,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,aAAa,IACzD,QAAQ,CACJ,CACZ,CAAC;QACN,CAAC;KACJ,CAAC;IAEF,IAAM,eAAe,GAAqB;QACtC,MAAM,QAAA;QACN,IAAI,MAAA;KACP,CAAC;IAEF,OAAO,eAAe,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;AAC7C,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/build/components/button/types.d.ts

@@ -1,28 +0,0 @@
-import { ButtonHTMLAttributes } from 'react';
-export interface IButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
-    as?: 'button' | 'link';
-    size?: 'small';
-    variant?: 'outline' | 'link';
-    color?: 'secondary';
-    href?: string;
-    target?: '_blank';
-    children: NodeListOf<HTMLElement> | string;
-}
-export interface IAsLinkProps {
-    href?: string;
-    target?: '_blank';
-    onClick?(event: React.MouseEvent<HTMLElement>): void;
-    children: NodeListOf<HTMLElement> | string;
-}
-export interface IAsButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
-    children: NodeListOf<HTMLElement> | string;
-    onClick?(event: React.MouseEvent<HTMLElement>): void;
-}
-export interface IRenderComponent {
-    button: {
-        render(props: IAsButtonProps): JSX.Element;
-    };
-    link: {
-        render(props: IAsLinkProps): JSX.Element;
-    };
-}

package/build/components/button/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/button/types.ts"],"names":[],"mappings":"AAAA,OAAqC,OAAO,CAAC"}

package/build/components/button_group/css_classes.d.ts

@@ -1,4 +0,0 @@
-export declare const cssButtonsGroup = "buttons-group";
-export declare const cssButtonsGroupHCenter: string;
-export declare const cssButtonsGroupHRight: string;
-export declare const cssButtonsGroupReverseOrder: string;

package/build/components/button_group/css_classes.js

@@ -1,5 +0,0 @@
-export var cssButtonsGroup = 'buttons-group';
-export var cssButtonsGroupHCenter = cssButtonsGroup + "_hcenter";
-export var cssButtonsGroupHRight = cssButtonsGroup + "_hright";
-export var cssButtonsGroupReverseOrder = cssButtonsGroup + "_reverse-order";
-//# sourceMappingURL=css_classes.js.map

package/build/components/button_group/css_classes.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"css_classes.js","sourceRoot":"","sources":["../../../src/components/button_group/css_classes.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,eAAe,GAAG,eAAe,CAAC;AAC/C,MAAM,CAAC,IAAM,sBAAsB,GAAM,eAAe,aAAU,CAAC;AACnE,MAAM,CAAC,IAAM,qBAAqB,GAAM,eAAe,YAAS,CAAC;AACjE,MAAM,CAAC,IAAM,2BAA2B,GAAM,eAAe,mBAAgB,CAAC"}

package/build/components/button_group/index.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { IButtonsGroupProps } from './types';
-declare const ButtonsGroup: React.FC<IButtonsGroupProps>;
-export default ButtonsGroup;

package/build/components/button_group/index.js

@@ -1,17 +0,0 @@
-import React from 'react';
-import classnames from 'classnames';
-import cssClasses from '@css/buttons_group/main.module.less';
-import './types';
-import { cssButtonsGroup, cssButtonsGroupHCenter, cssButtonsGroupHRight, cssButtonsGroupReverseOrder } from './css_classes';
-var ButtonsGroup = function (_a) {
-    var _b;
-    var _c = _a.align, align = _c === void 0 ? 'right' : _c, isOrderReversed = _a.isOrderReversed, children = _a.children;
-    var classes = classnames(cssClasses[cssButtonsGroup], (_b = {},
-        _b[cssClasses[cssButtonsGroupHCenter]] = align === 'center',
-        _b[cssClasses[cssButtonsGroupHRight]] = align === 'right',
-        _b[cssClasses[cssButtonsGroupReverseOrder]] = isOrderReversed,
-        _b));
-    return React.createElement("div", { className: classes }, children);
-};
-export default ButtonsGroup;
-//# sourceMappingURL=index.js.map

package/build/components/button_group/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/button_group/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,UAAU,MAAM,qCAAqC,CAAC;AAE7D,OAAmC,SAAS,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,sBAAsB,EAAE,qBAAqB,EAAE,2BAA2B,EAAE,MAAM,eAAe,CAAC;AAE5H,IAAM,YAAY,GAAiC,UAAC,EAA8C;;QAA5C,aAAe,EAAf,oCAAe,EAAE,oCAAe,EAAE,sBAAQ;IAC5F,IAAM,OAAO,GAAG,UAAU,CAAC,UAAU,CAAC,eAAe,CAAC;QAClD,GAAC,UAAU,CAAC,sBAAsB,CAAC,IAAG,KAAK,KAAK,QAAQ;QACxD,GAAC,UAAU,CAAC,qBAAqB,CAAC,IAAG,KAAK,KAAK,OAAO;QACtD,GAAC,UAAU,CAAC,2BAA2B,CAAC,IAAG,eAAe;YAC5D,CAAC;IAEH,OAAO,6BAAK,SAAS,EAAE,OAAO,IAAG,QAAQ,CAAO,CAAC;AACrD,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/build/components/button_group/types.d.ts

@@ -1,6 +0,0 @@
-import { ReactNode } from 'react';
-export interface IButtonsGroupProps {
-    align?: 'left' | 'center' | 'right';
-    isOrderReversed?: boolean;
-    children: ReactNode;
-}

package/build/components/button_group/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/button_group/types.ts"],"names":[],"mappings":"AAAA,OAA0B,OAAO,CAAC"}

package/build/components/color_picker/components/buttons.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { IColorPickerButtonsProps } from '../types';
-declare const ColorPickerButtons: React.FC<IColorPickerButtonsProps>;
-export default ColorPickerButtons;

package/build/components/color_picker/components/buttons.js

@@ -1,36 +0,0 @@
-import { __assign } from "tslib";
-import React, { useContext } from 'react';
-import { useTranslation } from 'react-i18next';
-import '@components/dropdown/context/types';
-import { DropdownContext } from '@components/dropdown/context';
-import '../types';
-import Button from '@components/button';
-import ButtonsGroup from '@components/button_group';
-import { useScreenDetect } from '@hooks/use_screen_detect';
-var ColorPickerButtons = function (_a) {
-    var restoreInitialColor = _a.restoreInitialColor;
-    var t = useTranslation()[0];
-    var toggleDropdown = useContext(DropdownContext).toggleDropdown;
-    var screenSize = useScreenDetect();
-    var onCancel = function () {
-        restoreInitialColor();
-        toggleDropdown === null || toggleDropdown === void 0 ? void 0 : toggleDropdown();
-    };
-    var onChoose = function () {
-        toggleDropdown === null || toggleDropdown === void 0 ? void 0 : toggleDropdown();
-    };
-    var primaryButtonProps = {
-        variant: screenSize === 'xs' ? undefined : 'link',
-        size: screenSize === 'xs' ? 'small' : undefined
-    };
-    var secondaryButtonProps = {
-        variant: screenSize === 'xs' ? 'outline' : 'link',
-        size: screenSize === 'xs' ? 'small' : undefined,
-        color: screenSize === 'xs' ? undefined : 'secondary'
-    };
-    return (React.createElement(ButtonsGroup, null,
-        React.createElement(Button, __assign({ as: "button" }, secondaryButtonProps, { onClick: onCancel }), t('cancel')),
-        React.createElement(Button, __assign({ as: "button" }, primaryButtonProps, { onClick: onChoose }), t('choose'))));
-};
-export default ColorPickerButtons;
-//# sourceMappingURL=buttons.js.map

package/build/components/color_picker/components/buttons.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"buttons.js","sourceRoot":"","sources":["../../../../src/components/color_picker/components/buttons.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAiC,oCAAoC,CAAC;AACtE,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAyC,UAAU,CAAC;AACpD,OAAO,MAAM,MAAM,oBAAoB,CAAC;AACxC,OAAO,YAAY,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAE3D,IAAM,kBAAkB,GAAuC,UAAC,EAAuB;QAArB,4CAAmB;IAC1E,IAAA,uBAAC,CAAqB;IACrB,IAAA,2DAAc,CAAmD;IACzE,IAAM,UAAU,GAAG,eAAe,EAAE,CAAC;IAErC,IAAM,QAAQ,GAAG;QACb,mBAAmB,EAAE,CAAC;QACtB,cAAc,aAAd,cAAc,uBAAd,cAAc,GAAK;IACvB,CAAC,CAAC;IAEF,IAAM,QAAQ,GAAG;QACb,cAAc,aAAd,cAAc,uBAAd,cAAc,GAAK;IACvB,CAAC,CAAC;IAEF,IAAM,kBAAkB,GAAG;QACvB,OAAO,EAAE,UAAU,KAAK,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAE,MAAiB;QAC7D,IAAI,EAAE,UAAU,KAAK,IAAI,CAAC,CAAC,CAAE,OAAmB,CAAC,CAAC,CAAC,SAAS;KAC/D,CAAC;IAEF,IAAM,oBAAoB,GAAG;QACzB,OAAO,EAAE,UAAU,KAAK,IAAI,CAAC,CAAC,CAAE,SAAuB,CAAC,CAAC,CAAE,MAAiB;QAC5E,IAAI,EAAE,UAAU,KAAK,IAAI,CAAC,CAAC,CAAE,OAAmB,CAAC,CAAC,CAAC,SAAS;QAC5D,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAE,WAA2B;KACxE,CAAC;IAEF,OAAO,CACH,oBAAC,YAAY;QACT,oBAAC,MAAM,aAAC,EAAE,EAAC,QAAQ,IAAK,oBAAoB,IAAE,OAAO,EAAE,QAAQ,KAC1D,CAAC,CAAC,QAAQ,CAAC,CACP;QAET,oBAAC,MAAM,aAAC,EAAE,EAAC,QAAQ,IAAK,kBAAkB,IAAE,OAAO,EAAE,QAAQ,KACxD,CAAC,CAAC,QAAQ,CAAC,CACP,CACE,CAClB,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/build/components/color_picker/components/hue_picker.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { IHuePickerProps } from '../types';
-declare const HuePicker: React.FC<IHuePickerProps>;
-export default HuePicker;

package/build/components/color_picker/components/hue_picker.js

@@ -1,45 +0,0 @@
-import { __assign } from "tslib";
-import React, { useContext } from 'react';
-import styles from '@css/color_picker/main.module.less';
-import { hsl2hex } from 'colors-convert';
-import { getHueFromPosition, getIndicatorPositionFromPosition, mapMouseEventToPosition, mapTouchEventToPosition, registerOnMouseEvents, registerOnTouchEvents } from '../utilities';
-import '../types';
-import { ColorPickerContext } from '@components/color_picker/context';
-var HuePicker = function (_a) {
-    var hueSliderRef = _a.hueSliderRef, classes = _a.classes;
-    var _b = useContext(ColorPickerContext), setColor = _b.setColor, setHueSliderPointer = _b.setHueSliderPointer;
-    var onSliderEvent = function (position) {
-        if (!(hueSliderRef === null || hueSliderRef === void 0 ? void 0 : hueSliderRef.current)) {
-            return;
-        }
-        var hue = getHueFromPosition({
-            hueSliderRect: hueSliderRef.current.getBoundingClientRect(),
-            position: position
-        }).hue;
-        var positionY = getIndicatorPositionFromPosition({
-            elementRect: hueSliderRef.current.getBoundingClientRect(),
-            position: position
-        }).positionY;
-        setColor(function (color) { return (__assign(__assign({}, color), { hue: hue, hex: hsl2hex({ h: hue, s: color.saturation, l: color.lightness }) })); });
-        setHueSliderPointer({ top: positionY });
-    };
-    var onSliderDown = function (event) {
-        if (!(hueSliderRef === null || hueSliderRef === void 0 ? void 0 : hueSliderRef.current)) {
-            return;
-        }
-        onSliderEvent(mapMouseEventToPosition(event));
-        registerOnMouseEvents(onSliderEvent);
-    };
-    var onTouchStart = function (event) {
-        if (!(hueSliderRef === null || hueSliderRef === void 0 ? void 0 : hueSliderRef.current)) {
-            return;
-        }
-        onSliderEvent(mapTouchEventToPosition(event));
-        registerOnTouchEvents(onSliderEvent);
-    };
-    return (React.createElement("div", { className: styles['color-picker__hue-picker'], ref: hueSliderRef, onMouseDown: onSliderDown, onTouchStart: onTouchStart },
-        React.createElement("div", { className: classes.sliderPointer + " " + styles['color-picker__pointer'] + " " + styles['color-picker__pointer--slider'], onDrag: onSliderEvent, onTouchStart: onTouchStart },
-            React.createElement("div", { className: styles['color-picker__pointer-inside'] }))));
-};
-export default HuePicker;
-//# sourceMappingURL=hue_picker.js.map

package/build/components/color_picker/components/hue_picker.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"hue_picker.js","sourceRoot":"","sources":["../../../../src/components/color_picker/components/hue_picker.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,MAAM,MAAM,oCAAoC,CAAC;AACxD,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,EACH,kBAAkB,EAClB,gCAAgC,EAChC,uBAAuB,EACvB,uBAAuB,EACvB,qBAAqB,EACrB,qBAAqB,EACxB,MAAM,cAAc,CAAC;AACtB,OAAqE,UAAU,CAAC;AAChF,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AAEtE,IAAM,SAAS,GAA8B,UAAC,EAAyB;QAAvB,8BAAY,EAAE,oBAAO;IAC3D,IAAA,mCAA4F,EAA1F,sBAAQ,EAAE,4CAAgF,CAAC;IAEnG,IAAM,aAAa,GAAG,UAAC,QAAmB;QACtC,IAAI,EAAC,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,CAAA,EAAE;YACxB,OAAO;SACV;QACO,IAAA;;;cAAG,CAGR;QACK,IAAA;;;oBAAS,CAGd;QAEH,QAAQ,CAAC,UAAC,KAAK,IAAK,OAAA,uBAAM,KAAK,KAAE,GAAG,KAAA,EAAE,GAAG,EAAE,OAAO,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,CAAC,UAAU,EAAE,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC,IAAG,EAAtF,CAAsF,CAAC,CAAC;QAC5G,mBAAmB,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,CAAC,CAAC;IAC5C,CAAC,CAAC;IAEF,IAAM,YAAY,GAAG,UAAC,KAAgE;QAClF,IAAI,EAAC,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,CAAA,EAAE;YACxB,OAAO;SACV;QACD,aAAa,CAAC,uBAAuB,CAAC,KAAK,CAAC,CAAC,CAAC;QAC9C,qBAAqB,CAAC,aAAa,CAAC,CAAC;IACzC,CAAC,CAAC;IAEF,IAAM,YAAY,GAAG,UAAC,KAAuC;QACzD,IAAI,EAAC,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,CAAA,EAAE;YACxB,OAAO;SACV;QACD,aAAa,CAAC,uBAAuB,CAAC,KAAK,CAAC,CAAC,CAAC;QAC9C,qBAAqB,CAAC,aAAa,CAAC,CAAC;IACzC,CAAC,CAAC;IAEF,OAAO,CACH,6BAAK,SAAS,EAAE,MAAM,CAAC,0BAA0B,CAAC,EAAE,GAAG,EAAE,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,YAAY,EAAE,YAAY;QACxH,6BACI,SAAS,EAAK,OAAO,CAAC,aAAa,SAAI,MAAM,CAAC,uBAAuB,CAAC,SAAI,MAAM,CAAC,+BAA+B,CAAG,EACnH,MAAM,EAAE,aAAa,EACrB,YAAY,EAAE,YAAY;YAE1B,6BAAK,SAAS,EAAE,MAAM,CAAC,8BAA8B,CAAC,GAAI,CACxD,CACJ,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/build/components/color_picker/components/label.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { IColorPickerLabelProps } from '../types';
-declare const ColorPickerLabel: React.FC<IColorPickerLabelProps>;
-export default ColorPickerLabel;

package/build/components/color_picker/components/label.js

@@ -1,33 +0,0 @@
-import styles from '@css/color_picker/main.module.less';
-import React, { useContext, useEffect } from 'react';
-import '@components/dropdown/context/types';
-import { DropdownContext } from '@components/dropdown/context';
-import '../types';
-import { createUseStyles } from 'react-jss';
-import { ColorPickerContext } from '../context';
-import InputWrapper from '@components/controls/components/input_wrapper';
-var useStyles = createUseStyles({
-    colorPreview: {
-        background: function (_a) {
-            var hex = _a.color.hex;
-            return hex;
-        }
-    }
-});
-var ColorPickerLabel = function (_a) {
-    var name = _a.name, isRequired = _a.isRequired, id = _a.id;
-    var _b = useContext(ColorPickerContext), setInitialColor = _b.setInitialColor, color = _b.color;
-    var isOpen = useContext(DropdownContext).isOpen;
-    var classes = useStyles({ color: color });
-    useEffect(function () {
-        if (isOpen) {
-            setInitialColor(color);
-        }
-        // eslint-disable-next-line
-    }, [isOpen]);
-    return (React.createElement(React.Fragment, null,
-        React.createElement(InputWrapper, { value: color === null || color === void 0 ? void 0 : color.hex, size: "small", isFocused: isOpen, preElements: React.createElement("div", { className: classes.colorPreview + " " + styles['color-picker__label-color-preview'] }) }),
-        React.createElement("input", { type: "hidden", id: id, name: name, value: (color === null || color === void 0 ? void 0 : color.hex) || '', "aria-required": isRequired })));
-};
-export default ColorPickerLabel;
-//# sourceMappingURL=label.js.map

package/build/components/color_picker/components/label.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"label.js","sourceRoot":"","sources":["../../../../src/components/color_picker/components/label.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,oCAAoC,CAAC;AACxD,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACrD,OAAiC,oCAAoC,CAAC;AACtE,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAuC,UAAU,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAC5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,YAAY,MAAM,+CAA+C,CAAC;AAEzE,IAAM,SAAS,GAAG,eAAe,CAAC;IAC9B,YAAY,EAAE;QACV,UAAU,EAAE,UAAC,EAAkB;gBAAP,kBAAG;YAAS,OAAA,GAAG;QAAH,CAAG;KAC1C;CACJ,CAAC,CAAC;AAEH,IAAM,gBAAgB,GAAqC,UAAC,EAAwB;QAAtB,cAAI,EAAE,0BAAU,EAAE,UAAE;IACxE,IAAA,mCAA2D,EAAzD,oCAAe,EAAE,gBAAwC,CAAC;IAC1D,IAAA,2CAAM,CAAmD;IACjE,IAAM,OAAO,GAAG,SAAS,CAAC,EAAE,KAAK,OAAA,EAAE,CAAC,CAAC;IACrC,SAAS,CAAC;QACN,IAAI,MAAM,EAAE;YACR,eAAe,CAAC,KAAK,CAAC,CAAC;SAC1B;QACD,2BAA2B;IAC/B,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,OAAO,CACH;QACI,oBAAC,YAAY,IACT,KAAK,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,GAAG,EACjB,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE,MAAM,EACjB,WAAW,EAAE,6BAAK,SAAS,EAAK,OAAO,CAAC,YAAY,SAAI,MAAM,CAAC,mCAAmC,CAAG,GAAI,GAC3G;QAEF,+BAAO,IAAI,EAAC,QAAQ,EAAC,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,GAAG,KAAI,EAAE,mBAAiB,UAAU,GAAI,CAChG,CACN,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/build/components/color_picker/components/saturation_lightness_picker.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { ISaturationLightnessPickerProps } from '../types';
-declare const SaturationLightnessPicker: React.FC<ISaturationLightnessPickerProps>;
-export default SaturationLightnessPicker;