@webiny/app-aco 5.36.2 → 5.37.0-beta.1

package/components/TagList/TagList.js

@@ -1,65 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TagList = void 0;
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _react = _interopRequireWildcard(require("react"));
-var _hooks = require("../../hooks");
-var _Loader = require("./Loader");
-var _Empty = require("./Empty");
-var _Tag = require("./Tag");
-var TagList = function TagList(_ref) {
-  var type = _ref.type,
-    initialWhere = _ref.initialWhere,
-    _onTagClick = _ref.onTagClick,
-    emptyDisclaimer = _ref.emptyDisclaimer,
-    tagsModifier = _ref.tagsModifier;
-  var _useTags = (0, _hooks.useTags)((0, _objectSpread2.default)((0, _objectSpread2.default)({
-      type: type
-    }, initialWhere), {}, {
-      tagsModifier: tagsModifier
-    })),
-    tags = _useTags.tags,
-    loading = _useTags.loading;
-  var _useState = (0, _react.useState)([]),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    activeTags = _useState2[0],
-    setActiveTags = _useState2[1];
-  var toggleTag = (0, _react.useCallback)(function (tag) {
-    var finalTags = Array.isArray(activeTags) ? (0, _toConsumableArray2.default)(activeTags) : [];
-    if (finalTags.find(function (item) {
-      return tag === item;
-    })) {
-      finalTags.splice(finalTags.indexOf(tag), 1);
-    } else {
-      finalTags.push(tag);
-    }
-    setActiveTags(finalTags);
-  }, [activeTags]);
-  if (!tags.length && (loading.INIT || loading.LIST)) {
-    return /*#__PURE__*/_react.default.createElement(_Loader.Loader, null);
-  }
-  if (tags.length > 0) {
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, tags.map(function (tagItem, index) {
-      return /*#__PURE__*/_react.default.createElement(_Tag.Tag, {
-        key: "tag-".concat(index),
-        tagItem: tagItem,
-        active: activeTags.includes(tagItem.tag),
-        onTagClick: function onTagClick(tagItem) {
-          toggleTag(tagItem.tag);
-          _onTagClick(tagItem);
-        }
-      });
-    }));
-  }
-  return /*#__PURE__*/_react.default.createElement(_Empty.Empty, {
-    disclaimer: emptyDisclaimer
-  });
-};
-exports.TagList = TagList;

package/components/TagList/TagList.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["TagList","type","initialWhere","onTagClick","emptyDisclaimer","tagsModifier","useTags","tags","loading","useState","activeTags","setActiveTags","toggleTag","useCallback","tag","finalTags","Array","isArray","find","item","splice","indexOf","push","length","INIT","LIST","map","tagItem","index","includes"],"sources":["TagList.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\n\nimport { useTags } from \"~/hooks\";\n\nimport { Loader } from \"./Loader\";\nimport { Empty } from \"./Empty\";\nimport { Tag } from \"./Tag\";\n\nimport { ListTagsWhereQueryVariables, TagItem } from \"~/types\";\n\ntype TagListProps = {\n    type: string;\n    initialWhere?: ListTagsWhereQueryVariables & {\n        AND?: ListTagsWhereQueryVariables;\n        OR?: ListTagsWhereQueryVariables;\n    };\n    tagsModifier?: (tags: TagItem[]) => TagItem[];\n    onTagClick: (tag: TagItem) => void;\n    emptyDisclaimer: string;\n};\n\nexport const TagList: React.VFC<TagListProps> = ({\n    type,\n    initialWhere,\n    onTagClick,\n    emptyDisclaimer,\n    tagsModifier\n}) => {\n    const { tags, loading } = useTags({ type, ...initialWhere, tagsModifier });\n    const [activeTags, setActiveTags] = useState<TagItem[\"tag\"][]>([]);\n\n    const toggleTag = useCallback(\n        (tag: TagItem[\"tag\"]) => {\n            const finalTags = Array.isArray(activeTags) ? [...activeTags] : [];\n\n            if (finalTags.find(item => tag === item)) {\n                finalTags.splice(finalTags.indexOf(tag), 1);\n            } else {\n                finalTags.push(tag);\n            }\n\n            setActiveTags(finalTags);\n        },\n        [activeTags]\n    );\n\n    if (!tags.length && (loading.INIT || loading.LIST)) {\n        return <Loader />;\n    }\n\n    if (tags.length > 0) {\n        return (\n            <>\n                {tags.map((tagItem, index) => (\n                    <Tag\n                        key={`tag-${index}`}\n                        tagItem={tagItem}\n                        active={activeTags.includes(tagItem.tag)}\n                        onTagClick={tagItem => {\n                            toggleTag(tagItem.tag);\n                            onTagClick(tagItem);\n                        }}\n                    />\n                ))}\n            </>\n        );\n    }\n\n    return <Empty disclaimer={emptyDisclaimer} />;\n};\n"],"mappings":";;;;;;;;;;;AAAA;AAEA;AAEA;AACA;AACA;AAeO,IAAMA,OAAgC,GAAG,SAAnCA,OAAgC,OAMvC;EAAA,IALFC,IAAI,QAAJA,IAAI;IACJC,YAAY,QAAZA,YAAY;IACZC,WAAU,QAAVA,UAAU;IACVC,eAAe,QAAfA,eAAe;IACfC,YAAY,QAAZA,YAAY;EAEZ,eAA0B,IAAAC,cAAO;MAAGL,IAAI,EAAJA;IAAI,GAAKC,YAAY;MAAEG,YAAY,EAAZA;IAAY,GAAG;IAAlEE,IAAI,YAAJA,IAAI;IAAEC,OAAO,YAAPA,OAAO;EACrB,gBAAoC,IAAAC,eAAQ,EAAmB,EAAE,CAAC;IAAA;IAA3DC,UAAU;IAAEC,aAAa;EAEhC,IAAMC,SAAS,GAAG,IAAAC,kBAAW,EACzB,UAACC,GAAmB,EAAK;IACrB,IAAMC,SAAS,GAAGC,KAAK,CAACC,OAAO,CAACP,UAAU,CAAC,oCAAOA,UAAU,IAAI,EAAE;IAElE,IAAIK,SAAS,CAACG,IAAI,CAAC,UAAAC,IAAI;MAAA,OAAIL,GAAG,KAAKK,IAAI;IAAA,EAAC,EAAE;MACtCJ,SAAS,CAACK,MAAM,CAACL,SAAS,CAACM,OAAO,CAACP,GAAG,CAAC,EAAE,CAAC,CAAC;IAC/C,CAAC,MAAM;MACHC,SAAS,CAACO,IAAI,CAACR,GAAG,CAAC;IACvB;IAEAH,aAAa,CAACI,SAAS,CAAC;EAC5B,CAAC,EACD,CAACL,UAAU,CAAC,CACf;EAED,IAAI,CAACH,IAAI,CAACgB,MAAM,KAAKf,OAAO,CAACgB,IAAI,IAAIhB,OAAO,CAACiB,IAAI,CAAC,EAAE;IAChD,oBAAO,6BAAC,cAAM,OAAG;EACrB;EAEA,IAAIlB,IAAI,CAACgB,MAAM,GAAG,CAAC,EAAE;IACjB,oBACI,4DACKhB,IAAI,CAACmB,GAAG,CAAC,UAACC,OAAO,EAAEC,KAAK;MAAA,oBACrB,6BAAC,QAAG;QACA,GAAG,gBAASA,KAAK,CAAG;QACpB,OAAO,EAAED,OAAQ;QACjB,MAAM,EAAEjB,UAAU,CAACmB,QAAQ,CAACF,OAAO,CAACb,GAAG,CAAE;QACzC,UAAU,EAAE,oBAAAa,OAAO,EAAI;UACnBf,SAAS,CAACe,OAAO,CAACb,GAAG,CAAC;UACtBX,WAAU,CAACwB,OAAO,CAAC;QACvB;MAAE,EACJ;IAAA,CACL,CAAC,CACH;EAEX;EAEA,oBAAO,6BAAC,YAAK;IAAC,UAAU,EAAEvB;EAAgB,EAAG;AACjD,CAAC;AAAC"}

package/components/TagList/index.d.ts

@@ -1 +0,0 @@
-export * from "./TagList";

package/components/TagList/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["index.tsx"],"sourcesContent":["export * from \"./TagList\";\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

package/components/TagList/styled.d.ts

@@ -1,27 +0,0 @@
-/// <reference types="react" />
-/// <reference types="react" />
-/// <reference types="web" />
-export declare const TagContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-declare type IconProps = {
-    active: boolean;
-};
-export declare const Icon: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & IconProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const EmptyContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const LoaderContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const SkeletonWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export {};

package/components/TagList/styled.js

@@ -1,35 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TagContainer = exports.SkeletonWrapper = exports.LoaderContainer = exports.Icon = exports.EmptyContainer = void 0;
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-var TagContainer = /*#__PURE__*/(0, _styled.default)("div", {
-  label: "TagContainer",
-  target: "e1dl4pto0"
-})("display:flex;flex-direction:row;align-items:center;cursor:pointer;padding:4px 8px;color:var(--mdc-theme-on-surface);&:hover{background:var(--mdc-theme-background);}");
-exports.TagContainer = TagContainer;
-var Icon = /*#__PURE__*/(0, _styled.default)("div", {
-  label: "Icon",
-  target: "e1dl4pto1"
-})("display:flex;align-items:center;justify-content:center;height:20px;width:20px;cursor:pointer;padding-right:4px;fill:", function (props) {
-  return props.active ? "var(--mdc-theme-secondary)" : "var(--mdc-theme-text-secondary-on-background)";
-}, ";");
-exports.Icon = Icon;
-var EmptyContainer = /*#__PURE__*/(0, _styled.default)("div", {
-  label: "EmptyContainer",
-  target: "e1dl4pto2"
-})("padding:8px 12px 8px;color:var(--webiny-theme-color-text-secondary);fill:currentColor;");
-exports.EmptyContainer = EmptyContainer;
-var LoaderContainer = /*#__PURE__*/(0, _styled.default)("div", {
-  label: "LoaderContainer",
-  target: "e1dl4pto3"
-})("padding:8px 4px;");
-exports.LoaderContainer = LoaderContainer;
-var SkeletonWrapper = /*#__PURE__*/(0, _styled.default)("div", {
-  label: "SkeletonWrapper",
-  target: "e1dl4pto4"
-})("width:85%;margin:0 8px 8px;height:24px;&:last-of-type{margin-bottom:0;}");
-exports.SkeletonWrapper = SkeletonWrapper;

package/components/TagList/styled.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["TagContainer","styled","Icon","props","active","EmptyContainer","LoaderContainer","SkeletonWrapper"],"sources":["styled.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nexport const TagContainer = styled(\"div\")`\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    cursor: pointer;\n    padding: 4px 8px;\n    color: var(--mdc-theme-on-surface);\n\n    &:hover {\n        background: var(--mdc-theme-background);\n    }\n`;\n\ntype IconProps = {\n    active: boolean;\n};\n\nexport const Icon = styled(\"div\")<IconProps>`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: 20px;\n    width: 20px;\n    cursor: pointer;\n    padding-right: 4px;\n    fill: ${props =>\n        props.active\n            ? \"var(--mdc-theme-secondary)\"\n            : \"var(--mdc-theme-text-secondary-on-background)\"};\n`;\n\nexport const EmptyContainer = styled(\"div\")`\n    padding: 8px 12px 8px;\n    color: var(--webiny-theme-color-text-secondary);\n    fill: currentColor;\n`;\n\nexport const LoaderContainer = styled(\"div\")`\n    padding: 8px 4px;\n`;\n\nexport const SkeletonWrapper = styled(\"div\")`\n    width: 85%;\n    margin: 0 8px 8px;\n    height: 24px;\n\n    &:last-of-type {\n        margin-bottom: 0;\n    }\n`;\n"],"mappings":";;;;;;;AAAA;AAEO,IAAMA,YAAY,oBAAGC,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,0KAWvC;AAAC;AAMK,IAAMC,IAAI,oBAAGD,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,2HAQpB,UAAAE,KAAK;EAAA,OACTA,KAAK,CAACC,MAAM,GACN,4BAA4B,GAC5B,+CAA+C;AAAA,OAC5D;AAAC;AAEK,IAAMC,cAAc,oBAAGJ,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,4FAIzC;AAAC;AAEK,IAAMK,eAAe,oBAAGL,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,sBAE1C;AAAC;AAEK,IAAMM,eAAe,oBAAGN,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,6EAQ1C;AAAC"}