@activecollab/components 1.0.337 → 1.0.340
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/Checkbox/Styles.js +1 -1
- package/dist/cjs/components/Checkbox/Styles.js.map +1 -1
- package/dist/cjs/components/Entity/EntityGroup.js.map +1 -1
- package/dist/cjs/components/Entity/EntitySeparator.js +23 -0
- package/dist/cjs/components/Entity/EntitySeparator.js.map +1 -0
- package/dist/cjs/components/Entity/index.js +10 -2
- package/dist/cjs/components/Entity/index.js.map +1 -1
- package/dist/cjs/components/Select/OptionGroup/OptionGroup.js +4 -1
- package/dist/cjs/components/Select/OptionGroup/OptionGroup.js.map +1 -1
- package/dist/esm/components/Checkbox/Styles.d.ts.map +1 -1
- package/dist/esm/components/Checkbox/Styles.js +1 -1
- package/dist/esm/components/Checkbox/Styles.js.map +1 -1
- package/dist/esm/components/Entity/EntityGroup.d.ts +1 -2
- package/dist/esm/components/Entity/EntityGroup.d.ts.map +1 -1
- package/dist/esm/components/Entity/EntityGroup.js.map +1 -1
- package/dist/esm/components/Entity/EntitySeparator.d.ts +3 -0
- package/dist/esm/components/Entity/EntitySeparator.d.ts.map +1 -0
- package/dist/esm/components/Entity/EntitySeparator.js +14 -0
- package/dist/esm/components/Entity/EntitySeparator.js.map +1 -0
- package/dist/esm/components/Entity/index.d.ts +3 -0
- package/dist/esm/components/Entity/index.d.ts.map +1 -1
- package/dist/esm/components/Entity/index.js +8 -2
- package/dist/esm/components/Entity/index.js.map +1 -1
- package/dist/esm/components/Select/OptionGroup/OptionGroup.d.ts.map +1 -1
- package/dist/esm/components/Select/OptionGroup/OptionGroup.js +4 -1
- package/dist/esm/components/Select/OptionGroup/OptionGroup.js.map +1 -1
- package/dist/index.js +178 -159
- package/dist/index.js.map +1 -1
- package/dist/index.min.js +1 -1
- package/dist/index.min.js.map +1 -1
- package/package.json +1 -1
|
@@ -30,7 +30,7 @@ var StyledCheckbox = _styledComponents.default.div.withConfig({
|
|
|
30
30
|
}, StyledInput, StyledLabel, StyledInput, StyledLabel, StyledInput, StyledLabel, function (props) {
|
|
31
31
|
return props.isIndeterminate && (0, _styledComponents.css)(["stroke:transparent;"]);
|
|
32
32
|
}, function (props) {
|
|
33
|
-
return props.hover && (0, _styledComponents.css)(["", ":not(:checked) ~ ", "{path{stroke:var(--color-secondary-500);stroke-dashoffset:24;}rect{stroke:var(--color-secondary);stroke-width:3px;}}"], StyledInput, StyledLabel);
|
|
33
|
+
return props.hover && !props.isIndeterminate && (0, _styledComponents.css)(["", ":not(:checked) ~ ", "{path{stroke:var(--color-secondary-500);stroke-dashoffset:24;}rect{stroke:var(--color-secondary);stroke-width:3px;}}"], StyledInput, StyledLabel);
|
|
34
34
|
}, StyledInput, StyledLabel, function (props) {
|
|
35
35
|
return !props.isIndeterminate && (0, _styledComponents.css)(["stroke:var(--page-paper-main);stroke-dashoffset:24;"]);
|
|
36
36
|
}, function (props) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Styles.js","names":["StyledInput","styled","input","displayName","StyledLabel","label","StyledCheckbox","div","props","isIndeterminate","css","hover"],"sources":["../../../../src/components/Checkbox/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport type { CheckBoxProps } from \"./Checkbox\";\n\nexport const StyledInput = styled.input`\n border: 0px;\n clip: rect(0px, 0px, 0px, 0px);\n cursor: pointer;\n height: 1px;\n margin: -1px;\n opacity: 0;\n overflow: hidden;\n padding: 0px;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n`;\nStyledInput.displayName = \"StyledInput\";\n\nexport const StyledLabel = styled.label``;\nStyledLabel.displayName = \"StyledLabel\";\n\nexport const StyledCheckbox = styled.div<Partial<CheckBoxProps>>`\n height: 16px;\n width: 16px;\n position: relative;\n transition-duration: 0.2s;\n border-radius: 2px;\n\n path {\n transition-duration: 0.2s;\n stroke: transparent;\n stroke-dashoffset: 12;\n stroke-dasharray: 12;\n }\n svg {\n cursor: pointer;\n border-radius: 2px;\n fill: transparent;\n }\n\n rect {\n transition-duration: 0.2s;\n\n ${(props) =>\n !props.isIndeterminate &&\n css`\n stroke: var(--color-theme-500);\n `}\n\n ${(props) =>\n props.isIndeterminate &&\n css`\n stroke: transparent;\n `}\n }\n\n ${StyledInput}:disabled ~ ${StyledLabel} {\n pointer-events: none;\n opacity: 0.5;\n }\n\n ${StyledInput}:focus ~ ${StyledLabel} {\n rect {\n stroke: var(--color-secondary);\n stroke-width: 3px;\n }\n }\n\n // prettier-ignore\n &:not(.c-checkbox__controlled) ${StyledInput}:hover:not(:checked) ~ ${StyledLabel} {\n path {\n stroke: var(--color-secondary-500);\n stroke-dashoffset: 24;\n }\n rect {\n stroke: var(--color-secondary);\n\n ${(props) =>\n props.isIndeterminate &&\n css`\n stroke: transparent;\n `}\n stroke-width: 3px;\n }\n }\n\n ${(props) =>\n props.hover &&\n css`\n ${StyledInput}:not(:checked) ~ ${StyledLabel} {\n path {\n stroke: var(--color-secondary-500);\n stroke-dashoffset: 24;\n }\n rect {\n stroke: var(--color-secondary);\n stroke-width: 3px;\n }\n }\n `}\n\n ${StyledInput}:checked ~ ${StyledLabel} {\n path {\n ${(props) =>\n !props.isIndeterminate &&\n css`\n stroke: var(--page-paper-main);\n stroke-dashoffset: 24;\n `}\n }\n rect {\n stroke: var(--color-secondary);\n stroke-width: 19px;\n\n ${(props) =>\n props.isIndeterminate &&\n css`\n stroke: transparent;\n `}\n }\n }\n`;\nStyledCheckbox.displayName = \"StyledCheckbox\";\n"],"mappings":";;;;;;;AAAA;AAAgD;AAAA;AAGzC,IAAMA,WAAW,GAAGC,yBAAM,CAACC,KAAK;EAAA;EAAA;AAAA,yKAYtC;AAAC;AACFF,WAAW,CAACG,WAAW,GAAG,aAAa;AAEhC,IAAMC,WAAW,GAAGH,yBAAM,CAACI,KAAK;EAAA;EAAA;AAAA,QAAE;AAAC;AAC1CD,WAAW,CAACD,WAAW,GAAG,aAAa;AAEhC,IAAMG,cAAc,GAAGL,yBAAM,CAACM,GAAG;EAAA;EAAA;AAAA,0qBAsBlC,UAACC,KAAK;EAAA,OACN,CAACA,KAAK,CAACC,eAAe,QACtBC,qBAAG,qCAEF;AAAA,GAED,UAACF,KAAK;EAAA,OACNA,KAAK,CAACC,eAAe,QACrBC,qBAAG,0BAEF;AAAA,GAGHV,WAAW,EAAeI,WAAW,EAKrCJ,WAAW,EAAYI,WAAW,EAQHJ,WAAW,EAA0BI,WAAW,EAQ3E,UAACI,KAAK;EAAA,OACVA,KAAK,CAACC,eAAe,QACrBC,qBAAG,0BAEF;AAAA,GAKD,UAACF,KAAK;EAAA,OACNA,KAAK,CAACG,KAAK,
|
|
1
|
+
{"version":3,"file":"Styles.js","names":["StyledInput","styled","input","displayName","StyledLabel","label","StyledCheckbox","div","props","isIndeterminate","css","hover"],"sources":["../../../../src/components/Checkbox/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport type { CheckBoxProps } from \"./Checkbox\";\n\nexport const StyledInput = styled.input`\n border: 0px;\n clip: rect(0px, 0px, 0px, 0px);\n cursor: pointer;\n height: 1px;\n margin: -1px;\n opacity: 0;\n overflow: hidden;\n padding: 0px;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n`;\nStyledInput.displayName = \"StyledInput\";\n\nexport const StyledLabel = styled.label``;\nStyledLabel.displayName = \"StyledLabel\";\n\nexport const StyledCheckbox = styled.div<Partial<CheckBoxProps>>`\n height: 16px;\n width: 16px;\n position: relative;\n transition-duration: 0.2s;\n border-radius: 2px;\n\n path {\n transition-duration: 0.2s;\n stroke: transparent;\n stroke-dashoffset: 12;\n stroke-dasharray: 12;\n }\n svg {\n cursor: pointer;\n border-radius: 2px;\n fill: transparent;\n }\n\n rect {\n transition-duration: 0.2s;\n\n ${(props) =>\n !props.isIndeterminate &&\n css`\n stroke: var(--color-theme-500);\n `}\n\n ${(props) =>\n props.isIndeterminate &&\n css`\n stroke: transparent;\n `}\n }\n\n ${StyledInput}:disabled ~ ${StyledLabel} {\n pointer-events: none;\n opacity: 0.5;\n }\n\n ${StyledInput}:focus ~ ${StyledLabel} {\n rect {\n stroke: var(--color-secondary);\n stroke-width: 3px;\n }\n }\n\n // prettier-ignore\n &:not(.c-checkbox__controlled) ${StyledInput}:hover:not(:checked) ~ ${StyledLabel} {\n path {\n stroke: var(--color-secondary-500);\n stroke-dashoffset: 24;\n }\n rect {\n stroke: var(--color-secondary);\n\n ${(props) =>\n props.isIndeterminate &&\n css`\n stroke: transparent;\n `}\n stroke-width: 3px;\n }\n }\n\n ${(props) =>\n props.hover &&\n !props.isIndeterminate &&\n css`\n ${StyledInput}:not(:checked) ~ ${StyledLabel} {\n path {\n stroke: var(--color-secondary-500);\n stroke-dashoffset: 24;\n }\n rect {\n stroke: var(--color-secondary);\n stroke-width: 3px;\n }\n }\n `}\n\n ${StyledInput}:checked ~ ${StyledLabel} {\n path {\n ${(props) =>\n !props.isIndeterminate &&\n css`\n stroke: var(--page-paper-main);\n stroke-dashoffset: 24;\n `}\n }\n rect {\n stroke: var(--color-secondary);\n stroke-width: 19px;\n\n ${(props) =>\n props.isIndeterminate &&\n css`\n stroke: transparent;\n `}\n }\n }\n`;\nStyledCheckbox.displayName = \"StyledCheckbox\";\n"],"mappings":";;;;;;;AAAA;AAAgD;AAAA;AAGzC,IAAMA,WAAW,GAAGC,yBAAM,CAACC,KAAK;EAAA;EAAA;AAAA,yKAYtC;AAAC;AACFF,WAAW,CAACG,WAAW,GAAG,aAAa;AAEhC,IAAMC,WAAW,GAAGH,yBAAM,CAACI,KAAK;EAAA;EAAA;AAAA,QAAE;AAAC;AAC1CD,WAAW,CAACD,WAAW,GAAG,aAAa;AAEhC,IAAMG,cAAc,GAAGL,yBAAM,CAACM,GAAG;EAAA;EAAA;AAAA,0qBAsBlC,UAACC,KAAK;EAAA,OACN,CAACA,KAAK,CAACC,eAAe,QACtBC,qBAAG,qCAEF;AAAA,GAED,UAACF,KAAK;EAAA,OACNA,KAAK,CAACC,eAAe,QACrBC,qBAAG,0BAEF;AAAA,GAGHV,WAAW,EAAeI,WAAW,EAKrCJ,WAAW,EAAYI,WAAW,EAQHJ,WAAW,EAA0BI,WAAW,EAQ3E,UAACI,KAAK;EAAA,OACVA,KAAK,CAACC,eAAe,QACrBC,qBAAG,0BAEF;AAAA,GAKD,UAACF,KAAK;EAAA,OACNA,KAAK,CAACG,KAAK,IACX,CAACH,KAAK,CAACC,eAAe,QACtBC,qBAAG,qJACCV,WAAW,EAAoBI,WAAW,CAU7C;AAAA,GAEDJ,WAAW,EAAcI,WAAW,EAEhC,UAACI,KAAK;EAAA,OACN,CAACA,KAAK,CAACC,eAAe,QACtBC,qBAAG,0DAGF;AAAA,GAMD,UAACF,KAAK;EAAA,OACNA,KAAK,CAACC,eAAe,QACrBC,qBAAG,0BAEF;AAAA,EAGR;AAAC;AACFJ,cAAc,CAACH,WAAW,GAAG,gBAAgB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EntityGroup.js","names":["EntityGroupContext","React","createContext","renderAs","EntityGroup","children","gap","rest","displayName"],"sources":["../../../../src/components/Entity/EntityGroup.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\";\nimport { StyledEntityGroup } from \"./Styles\";\n\nexport interface IEntityGroupProps\n extends Pick<HTMLAttributes<HTMLDivElement>, \"className\" | \"style\"> {\n gap?: number;\n renderAs?: \"grid\" | \"list\";\n}\n\
|
|
1
|
+
{"version":3,"file":"EntityGroup.js","names":["EntityGroupContext","React","createContext","renderAs","EntityGroup","children","gap","rest","displayName"],"sources":["../../../../src/components/Entity/EntityGroup.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\";\nimport { StyledEntityGroup } from \"./Styles\";\n\nexport interface IEntityGroupProps\n extends Pick<HTMLAttributes<HTMLDivElement>, \"className\" | \"style\"> {\n gap?: number;\n renderAs?: \"grid\" | \"list\";\n}\n\nexport interface IEntityGroupContext {\n renderAs: \"grid\" | \"list\";\n}\nexport const EntityGroupContext = React.createContext<IEntityGroupContext>({\n renderAs: \"grid\",\n});\nexport const EntityGroup: React.FC<IEntityGroupProps> = ({\n children,\n gap,\n renderAs = \"grid\",\n ...rest\n}) => {\n return (\n <EntityGroupContext.Provider value={{ renderAs: renderAs }}>\n <StyledEntityGroup $renderAs={renderAs} $gap={gap} {...rest}>\n {children}\n </StyledEntityGroup>\n </EntityGroupContext.Provider>\n );\n};\n\nEntityGroup.displayName = \"EntityGroup\";\n"],"mappings":";;;;;;AAAA;AACA;AAA6C;AAAA;AAAA;AAAA;AAAA;AAWtC,IAAMA,kBAAkB,gBAAGC,cAAK,CAACC,aAAa,CAAsB;EACzEC,QAAQ,EAAE;AACZ,CAAC,CAAC;AAAC;AACI,IAAMC,WAAwC,GAAG,SAA3CA,WAAwC,OAK/C;EAAA,IAJJC,QAAQ,QAARA,QAAQ;IACRC,GAAG,QAAHA,GAAG;IAAA,qBACHH,QAAQ;IAARA,QAAQ,8BAAG,MAAM;IACdI,IAAI;EAEP,oBACE,6BAAC,kBAAkB,CAAC,QAAQ;IAAC,KAAK,EAAE;MAAEJ,QAAQ,EAAEA;IAAS;EAAE,gBACzD,6BAAC,yBAAiB;IAAC,SAAS,EAAEA,QAAS;IAAC,IAAI,EAAEG;EAAI,GAAKC,IAAI,GACxDF,QAAQ,CACS,CACQ;AAElC,CAAC;AAAC;AAEFD,WAAW,CAACI,WAAW,GAAG,aAAa"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.EntitySeparator = void 0;
|
|
7
|
+
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
var _excluded = ["children"];
|
|
10
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
12
|
+
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
13
|
+
var EntitySeparator = function EntitySeparator(_ref) {
|
|
14
|
+
var children = _ref.children,
|
|
15
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
|
16
|
+
return /*#__PURE__*/_react.default.createElement(_StyledDiv, rest, children);
|
|
17
|
+
};
|
|
18
|
+
exports.EntitySeparator = EntitySeparator;
|
|
19
|
+
var _StyledDiv = (0, _styledComponents.default)("div").withConfig({
|
|
20
|
+
displayName: "EntitySeparator___StyledDiv",
|
|
21
|
+
componentId: "sc-5xbpkw-0"
|
|
22
|
+
})(["grid-column:1 / -1;"]);
|
|
23
|
+
//# sourceMappingURL=EntitySeparator.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"EntitySeparator.js","names":["EntitySeparator","children","rest"],"sources":["../../../../src/components/Entity/EntitySeparator.tsx"],"sourcesContent":["import React from \"react\";\nimport { BaseHTMLAttributes } from \"react\";\n\nexport const EntitySeparator = ({\n children,\n ...rest\n}: BaseHTMLAttributes<HTMLDivElement>) => {\n return (\n <div\n css={`\n grid-column: 1 / -1;\n `}\n {...rest}\n >\n {children}\n </div>\n );\n};\n"],"mappings":";;;;;;;AAAA;AAA0B;AAAA;AAAA;AAAA;AAGnB,IAAMA,eAAe,GAAG,SAAlBA,eAAe,OAGc;EAAA,IAFxCC,QAAQ,QAARA,QAAQ;IACLC,IAAI;EAEP,oBACE,yCAIMA,IAAI,EAEPD,QAAQ,CACL;AAEV,CAAC;AAAC;AAAA;EAAA;EAAA;AAAA"}
|
|
@@ -3,14 +3,22 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.Entity = void 0;
|
|
6
|
+
exports.useEntityGroupContext = exports.Entity = void 0;
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
7
8
|
var _EntityGroup = require("./EntityGroup");
|
|
8
9
|
var _EntityCard = require("./EntityCard");
|
|
9
10
|
var _EntityProperty = require("./EntityProperty");
|
|
11
|
+
var _EntitySeparator = require("./EntitySeparator");
|
|
12
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
10
13
|
var Entity = {
|
|
11
14
|
Group: _EntityGroup.EntityGroup,
|
|
12
15
|
Card: _EntityCard.EntityCard,
|
|
13
|
-
Property: _EntityProperty.EntityProperty
|
|
16
|
+
Property: _EntityProperty.EntityProperty,
|
|
17
|
+
Separator: _EntitySeparator.EntitySeparator
|
|
14
18
|
};
|
|
15
19
|
exports.Entity = Entity;
|
|
20
|
+
var useEntityGroupContext = function useEntityGroupContext() {
|
|
21
|
+
return _react.default.useContext(_EntityGroup.EntityGroupContext);
|
|
22
|
+
};
|
|
23
|
+
exports.useEntityGroupContext = useEntityGroupContext;
|
|
16
24
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["Entity","Group","EntityGroup","Card","EntityCard","Property","EntityProperty"],"sources":["../../../../src/components/Entity/index.ts"],"sourcesContent":["import { EntityGroup } from \"./EntityGroup\";\nimport { EntityCard } from \"./EntityCard\";\nimport { EntityProperty } from \"./EntityProperty\";\n\nexport interface IEntity {\n Group: typeof EntityGroup;\n Card: typeof EntityCard;\n Property: typeof EntityProperty;\n}\n\nexport const Entity: IEntity = {\n Group: EntityGroup,\n Card: EntityCard,\n Property: EntityProperty,\n};\n"],"mappings":";;;;;;AAAA;AACA;AACA;
|
|
1
|
+
{"version":3,"file":"index.js","names":["Entity","Group","EntityGroup","Card","EntityCard","Property","EntityProperty","Separator","EntitySeparator","useEntityGroupContext","React","useContext","EntityGroupContext"],"sources":["../../../../src/components/Entity/index.ts"],"sourcesContent":["import React from \"react\";\nimport { EntityGroup, EntityGroupContext } from \"./EntityGroup\";\nimport { EntityCard } from \"./EntityCard\";\nimport { EntityProperty } from \"./EntityProperty\";\nimport { EntitySeparator } from \"./EntitySeparator\";\n\nexport interface IEntity {\n Group: typeof EntityGroup;\n Card: typeof EntityCard;\n Property: typeof EntityProperty;\n Separator: typeof EntitySeparator;\n}\n\nexport const Entity: IEntity = {\n Group: EntityGroup,\n Card: EntityCard,\n Property: EntityProperty,\n Separator: EntitySeparator,\n};\n\nexport const useEntityGroupContext = () => React.useContext(EntityGroupContext);\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AAAoD;AAS7C,IAAMA,MAAe,GAAG;EAC7BC,KAAK,EAAEC,wBAAW;EAClBC,IAAI,EAAEC,sBAAU;EAChBC,QAAQ,EAAEC,8BAAc;EACxBC,SAAS,EAAEC;AACb,CAAC;AAAC;AAEK,IAAMC,qBAAqB,GAAG,SAAxBA,qBAAqB;EAAA,OAASC,cAAK,CAACC,UAAU,CAACC,+BAAkB,CAAC;AAAA;AAAC"}
|
|
@@ -48,10 +48,13 @@ var OptionGroup = function OptionGroup(_ref) {
|
|
|
48
48
|
});
|
|
49
49
|
}, [options, checked]);
|
|
50
50
|
var handleHover = (0, _react.useCallback)(function () {
|
|
51
|
+
if (options.some(function (option) {
|
|
52
|
+
return checked.includes(option.id);
|
|
53
|
+
})) return;
|
|
51
54
|
if (setHover) {
|
|
52
55
|
setHover(type === "single" ? undefined : id);
|
|
53
56
|
}
|
|
54
|
-
}, [setHover, type, id]);
|
|
57
|
+
}, [setHover, type, id, checked, options]);
|
|
55
58
|
var allOptionValues = (0, _react.useMemo)(function () {
|
|
56
59
|
return options.map(function (option) {
|
|
57
60
|
return option.id;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OptionGroup.js","names":["OptionGroup","id","name","options","type","hover","filter","checked","onChange","setHover","renderOptions","optionGroupClassName","list","useMemo","v","toLowerCase","includes","trim","useEffect","document","getElementById","focus","isAllOptionsChecked","every","option","handleHover","useCallback","undefined","allOptionValues","map","handleClick","e","stopPropagation","i","values","unique","item","pos","indexOf","classNames","
|
|
1
|
+
{"version":3,"file":"OptionGroup.js","names":["OptionGroup","id","name","options","type","hover","filter","checked","onChange","setHover","renderOptions","optionGroupClassName","list","useMemo","v","toLowerCase","includes","trim","useEffect","document","getElementById","focus","isAllOptionsChecked","every","option","handleHover","useCallback","some","undefined","allOptionValues","map","handleClick","e","stopPropagation","i","values","unique","item","pos","indexOf","classNames","index","displayName"],"sources":["../../../../../src/components/Select/OptionGroup/OptionGroup.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, FC } from \"react\";\nimport classNames from \"classnames\";\nimport { IOptionItemProps } from \"../Option/Option\";\nimport { Checkbox } from \"../../Checkbox/Checkbox\";\nimport {\n StyledOptionGroup,\n StyledOptionGroupHeader,\n StyledOptionGroupOption,\n StyledOptionGroupLi,\n StyledOptionGroupHeaderName,\n} from \"./Styles\";\nimport { List } from \"../../List\";\n\nexport interface IOptionGroupProps extends IOptionItemProps {\n /** Options items list */\n options: IOptionItemProps[];\n}\n\ninterface IAdditionalOptionGroupProps {\n /** Select type: single or multiple */\n type?: \"single\" | \"multiple\";\n /** Value of hovered element */\n hover?: number | string | null;\n /** Filter for labels */\n filter?: string;\n /** Checked values */\n checked: (string | number)[];\n /** onChange callback */\n onChange?: (e: (string | number)[]) => void;\n /** Set value of hovered element */\n setHover?: (e: number | string | undefined) => void;\n /** Render function */\n renderOptions?: (item: IOptionItemProps, index: number) => void;\n /** Value that represent class names */\n optionGroupClassName?: string;\n}\n\nexport const OptionGroup: FC<\n IOptionGroupProps & IAdditionalOptionGroupProps\n> = ({\n id,\n name,\n options,\n type,\n hover,\n filter,\n checked,\n onChange,\n setHover,\n renderOptions,\n optionGroupClassName,\n}) => {\n const list = useMemo(\n () =>\n filter\n ? options.filter((v) =>\n v.name.toLowerCase().includes(filter.trim().toLowerCase())\n )\n : options,\n [filter, options]\n );\n\n useEffect(() => {\n if (hover === id && type !== \"single\") {\n document.getElementById(`${id}`)?.focus();\n }\n }, [hover, type, id]);\n\n const isAllOptionsChecked = useMemo(\n () => options.every((option) => checked.includes(option.id)),\n [options, checked]\n );\n\n const handleHover = useCallback(() => {\n if (options.some((option) => checked.includes(option.id))) return;\n if (setHover) {\n setHover(type === \"single\" ? undefined : id);\n }\n }, [setHover, type, id, checked, options]);\n\n const allOptionValues = useMemo(\n () => options.map((option) => option.id),\n [options]\n );\n\n const handleClick = useCallback(\n (e) => {\n e.stopPropagation();\n if (onChange) {\n if (isAllOptionsChecked) {\n onChange(\n checked.filter((i) => allOptionValues.includes(i) === false)\n );\n } else {\n const values = [...checked, ...allOptionValues];\n const unique = values.filter((item, pos) => {\n return values.indexOf(item) === pos;\n });\n onChange(unique);\n }\n }\n },\n [allOptionValues, checked, isAllOptionsChecked, onChange]\n );\n\n return (\n <StyledOptionGroupLi\n key={id}\n className={classNames(\"c-option-group\", optionGroupClassName)}\n >\n <StyledOptionGroup key={id}>\n <StyledOptionGroupOption\n onMouseEnter={handleHover}\n hover={hover === id && type === \"multiple\"}\n >\n <StyledOptionGroupHeader>\n <StyledOptionGroupHeaderName weight=\"bold\">\n {name}\n </StyledOptionGroupHeaderName>\n {type === \"multiple\" && (\n <Checkbox\n id={`${id}`}\n checked={isAllOptionsChecked}\n isIndeterminate={\n options.some((option) => checked.includes(option.id)) &&\n !isAllOptionsChecked\n }\n onChange={handleClick}\n type=\"checkbox\"\n />\n )}\n </StyledOptionGroupHeader>\n </StyledOptionGroupOption>\n <List>\n {list.map((item: IOptionItemProps, index) => {\n return typeof renderOptions === \"function\"\n ? renderOptions(item, index)\n : item.name;\n })}\n </List>\n </StyledOptionGroup>\n </StyledOptionGroupLi>\n );\n};\n\nOptionGroup.displayName = \"OptionGroup\";\n"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Checkbox/Styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAEhD,eAAO,MAAM,WAAW,sEAYvB,CAAC;AAGF,eAAO,MAAM,WAAW,sEAAiB,CAAC;AAG1C,eAAO,MAAM,cAAc,
|
|
1
|
+
{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Checkbox/Styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAEhD,eAAO,MAAM,WAAW,sEAYvB,CAAC;AAGF,eAAO,MAAM,WAAW,sEAAiB,CAAC;AAG1C,eAAO,MAAM,cAAc,wFAqG1B,CAAC"}
|
|
@@ -19,7 +19,7 @@ export var StyledCheckbox = styled.div.withConfig({
|
|
|
19
19
|
}, StyledInput, StyledLabel, StyledInput, StyledLabel, StyledInput, StyledLabel, function (props) {
|
|
20
20
|
return props.isIndeterminate && css(["stroke:transparent;"]);
|
|
21
21
|
}, function (props) {
|
|
22
|
-
return props.hover && css(["", ":not(:checked) ~ ", "{path{stroke:var(--color-secondary-500);stroke-dashoffset:24;}rect{stroke:var(--color-secondary);stroke-width:3px;}}"], StyledInput, StyledLabel);
|
|
22
|
+
return props.hover && !props.isIndeterminate && css(["", ":not(:checked) ~ ", "{path{stroke:var(--color-secondary-500);stroke-dashoffset:24;}rect{stroke:var(--color-secondary);stroke-width:3px;}}"], StyledInput, StyledLabel);
|
|
23
23
|
}, StyledInput, StyledLabel, function (props) {
|
|
24
24
|
return !props.isIndeterminate && css(["stroke:var(--page-paper-main);stroke-dashoffset:24;"]);
|
|
25
25
|
}, function (props) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Styles.js","names":["styled","css","StyledInput","input","displayName","StyledLabel","label","StyledCheckbox","div","props","isIndeterminate","hover"],"sources":["../../../../src/components/Checkbox/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport type { CheckBoxProps } from \"./Checkbox\";\n\nexport const StyledInput = styled.input`\n border: 0px;\n clip: rect(0px, 0px, 0px, 0px);\n cursor: pointer;\n height: 1px;\n margin: -1px;\n opacity: 0;\n overflow: hidden;\n padding: 0px;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n`;\nStyledInput.displayName = \"StyledInput\";\n\nexport const StyledLabel = styled.label``;\nStyledLabel.displayName = \"StyledLabel\";\n\nexport const StyledCheckbox = styled.div<Partial<CheckBoxProps>>`\n height: 16px;\n width: 16px;\n position: relative;\n transition-duration: 0.2s;\n border-radius: 2px;\n\n path {\n transition-duration: 0.2s;\n stroke: transparent;\n stroke-dashoffset: 12;\n stroke-dasharray: 12;\n }\n svg {\n cursor: pointer;\n border-radius: 2px;\n fill: transparent;\n }\n\n rect {\n transition-duration: 0.2s;\n\n ${(props) =>\n !props.isIndeterminate &&\n css`\n stroke: var(--color-theme-500);\n `}\n\n ${(props) =>\n props.isIndeterminate &&\n css`\n stroke: transparent;\n `}\n }\n\n ${StyledInput}:disabled ~ ${StyledLabel} {\n pointer-events: none;\n opacity: 0.5;\n }\n\n ${StyledInput}:focus ~ ${StyledLabel} {\n rect {\n stroke: var(--color-secondary);\n stroke-width: 3px;\n }\n }\n\n // prettier-ignore\n &:not(.c-checkbox__controlled) ${StyledInput}:hover:not(:checked) ~ ${StyledLabel} {\n path {\n stroke: var(--color-secondary-500);\n stroke-dashoffset: 24;\n }\n rect {\n stroke: var(--color-secondary);\n\n ${(props) =>\n props.isIndeterminate &&\n css`\n stroke: transparent;\n `}\n stroke-width: 3px;\n }\n }\n\n ${(props) =>\n props.hover &&\n css`\n ${StyledInput}:not(:checked) ~ ${StyledLabel} {\n path {\n stroke: var(--color-secondary-500);\n stroke-dashoffset: 24;\n }\n rect {\n stroke: var(--color-secondary);\n stroke-width: 3px;\n }\n }\n `}\n\n ${StyledInput}:checked ~ ${StyledLabel} {\n path {\n ${(props) =>\n !props.isIndeterminate &&\n css`\n stroke: var(--page-paper-main);\n stroke-dashoffset: 24;\n `}\n }\n rect {\n stroke: var(--color-secondary);\n stroke-width: 19px;\n\n ${(props) =>\n props.isIndeterminate &&\n css`\n stroke: transparent;\n `}\n }\n }\n`;\nStyledCheckbox.displayName = \"StyledCheckbox\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAG/C,OAAO,IAAMC,WAAW,GAAGF,MAAM,CAACG,KAAK;EAAA;EAAA;AAAA,yKAYtC;AACDD,WAAW,CAACE,WAAW,GAAG,aAAa;AAEvC,OAAO,IAAMC,WAAW,GAAGL,MAAM,CAACM,KAAK;EAAA;EAAA;AAAA,QAAE;AACzCD,WAAW,CAACD,WAAW,GAAG,aAAa;AAEvC,OAAO,IAAMG,cAAc,GAAGP,MAAM,CAACQ,GAAG;EAAA;EAAA;AAAA,0qBAsBlC,UAACC,KAAK;EAAA,OACN,CAACA,KAAK,CAACC,eAAe,IACtBT,GAAG,oCAEF;AAAA,GAED,UAACQ,KAAK;EAAA,OACNA,KAAK,CAACC,eAAe,IACrBT,GAAG,yBAEF;AAAA,GAGHC,WAAW,EAAeG,WAAW,EAKrCH,WAAW,EAAYG,WAAW,EAQHH,WAAW,EAA0BG,WAAW,EAQ3E,UAACI,KAAK;EAAA,OACVA,KAAK,CAACC,eAAe,IACrBT,GAAG,yBAEF;AAAA,GAKD,UAACQ,KAAK;EAAA,OACNA,KAAK,CAACE,KAAK,
|
|
1
|
+
{"version":3,"file":"Styles.js","names":["styled","css","StyledInput","input","displayName","StyledLabel","label","StyledCheckbox","div","props","isIndeterminate","hover"],"sources":["../../../../src/components/Checkbox/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport type { CheckBoxProps } from \"./Checkbox\";\n\nexport const StyledInput = styled.input`\n border: 0px;\n clip: rect(0px, 0px, 0px, 0px);\n cursor: pointer;\n height: 1px;\n margin: -1px;\n opacity: 0;\n overflow: hidden;\n padding: 0px;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n`;\nStyledInput.displayName = \"StyledInput\";\n\nexport const StyledLabel = styled.label``;\nStyledLabel.displayName = \"StyledLabel\";\n\nexport const StyledCheckbox = styled.div<Partial<CheckBoxProps>>`\n height: 16px;\n width: 16px;\n position: relative;\n transition-duration: 0.2s;\n border-radius: 2px;\n\n path {\n transition-duration: 0.2s;\n stroke: transparent;\n stroke-dashoffset: 12;\n stroke-dasharray: 12;\n }\n svg {\n cursor: pointer;\n border-radius: 2px;\n fill: transparent;\n }\n\n rect {\n transition-duration: 0.2s;\n\n ${(props) =>\n !props.isIndeterminate &&\n css`\n stroke: var(--color-theme-500);\n `}\n\n ${(props) =>\n props.isIndeterminate &&\n css`\n stroke: transparent;\n `}\n }\n\n ${StyledInput}:disabled ~ ${StyledLabel} {\n pointer-events: none;\n opacity: 0.5;\n }\n\n ${StyledInput}:focus ~ ${StyledLabel} {\n rect {\n stroke: var(--color-secondary);\n stroke-width: 3px;\n }\n }\n\n // prettier-ignore\n &:not(.c-checkbox__controlled) ${StyledInput}:hover:not(:checked) ~ ${StyledLabel} {\n path {\n stroke: var(--color-secondary-500);\n stroke-dashoffset: 24;\n }\n rect {\n stroke: var(--color-secondary);\n\n ${(props) =>\n props.isIndeterminate &&\n css`\n stroke: transparent;\n `}\n stroke-width: 3px;\n }\n }\n\n ${(props) =>\n props.hover &&\n !props.isIndeterminate &&\n css`\n ${StyledInput}:not(:checked) ~ ${StyledLabel} {\n path {\n stroke: var(--color-secondary-500);\n stroke-dashoffset: 24;\n }\n rect {\n stroke: var(--color-secondary);\n stroke-width: 3px;\n }\n }\n `}\n\n ${StyledInput}:checked ~ ${StyledLabel} {\n path {\n ${(props) =>\n !props.isIndeterminate &&\n css`\n stroke: var(--page-paper-main);\n stroke-dashoffset: 24;\n `}\n }\n rect {\n stroke: var(--color-secondary);\n stroke-width: 19px;\n\n ${(props) =>\n props.isIndeterminate &&\n css`\n stroke: transparent;\n `}\n }\n }\n`;\nStyledCheckbox.displayName = \"StyledCheckbox\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAG/C,OAAO,IAAMC,WAAW,GAAGF,MAAM,CAACG,KAAK;EAAA;EAAA;AAAA,yKAYtC;AACDD,WAAW,CAACE,WAAW,GAAG,aAAa;AAEvC,OAAO,IAAMC,WAAW,GAAGL,MAAM,CAACM,KAAK;EAAA;EAAA;AAAA,QAAE;AACzCD,WAAW,CAACD,WAAW,GAAG,aAAa;AAEvC,OAAO,IAAMG,cAAc,GAAGP,MAAM,CAACQ,GAAG;EAAA;EAAA;AAAA,0qBAsBlC,UAACC,KAAK;EAAA,OACN,CAACA,KAAK,CAACC,eAAe,IACtBT,GAAG,oCAEF;AAAA,GAED,UAACQ,KAAK;EAAA,OACNA,KAAK,CAACC,eAAe,IACrBT,GAAG,yBAEF;AAAA,GAGHC,WAAW,EAAeG,WAAW,EAKrCH,WAAW,EAAYG,WAAW,EAQHH,WAAW,EAA0BG,WAAW,EAQ3E,UAACI,KAAK;EAAA,OACVA,KAAK,CAACC,eAAe,IACrBT,GAAG,yBAEF;AAAA,GAKD,UAACQ,KAAK;EAAA,OACNA,KAAK,CAACE,KAAK,IACX,CAACF,KAAK,CAACC,eAAe,IACtBT,GAAG,oJACCC,WAAW,EAAoBG,WAAW,CAU7C;AAAA,GAEDH,WAAW,EAAcG,WAAW,EAEhC,UAACI,KAAK;EAAA,OACN,CAACA,KAAK,CAACC,eAAe,IACtBT,GAAG,yDAGF;AAAA,GAMD,UAACQ,KAAK;EAAA,OACNA,KAAK,CAACC,eAAe,IACrBT,GAAG,yBAEF;AAAA,EAGR;AACDM,cAAc,CAACH,WAAW,GAAG,gBAAgB"}
|
|
@@ -3,10 +3,9 @@ export interface IEntityGroupProps extends Pick<HTMLAttributes<HTMLDivElement>,
|
|
|
3
3
|
gap?: number;
|
|
4
4
|
renderAs?: "grid" | "list";
|
|
5
5
|
}
|
|
6
|
-
interface IEntityGroupContext {
|
|
6
|
+
export interface IEntityGroupContext {
|
|
7
7
|
renderAs: "grid" | "list";
|
|
8
8
|
}
|
|
9
9
|
export declare const EntityGroupContext: React.Context<IEntityGroupContext>;
|
|
10
10
|
export declare const EntityGroup: React.FC<IEntityGroupProps>;
|
|
11
|
-
export {};
|
|
12
11
|
//# sourceMappingURL=EntityGroup.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EntityGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/Entity/EntityGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG9C,MAAM,WAAW,iBACf,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,WAAW,GAAG,OAAO,CAAC;IACnE,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC5B;AAED,
|
|
1
|
+
{"version":3,"file":"EntityGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/Entity/EntityGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG9C,MAAM,WAAW,iBACf,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,WAAW,GAAG,OAAO,CAAC;IACnE,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC5B;AAED,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAAC;CAC3B;AACD,eAAO,MAAM,kBAAkB,oCAE7B,CAAC;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAanD,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EntityGroup.js","names":["React","StyledEntityGroup","EntityGroupContext","createContext","renderAs","EntityGroup","children","gap","rest","displayName"],"sources":["../../../../src/components/Entity/EntityGroup.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\";\nimport { StyledEntityGroup } from \"./Styles\";\n\nexport interface IEntityGroupProps\n extends Pick<HTMLAttributes<HTMLDivElement>, \"className\" | \"style\"> {\n gap?: number;\n renderAs?: \"grid\" | \"list\";\n}\n\
|
|
1
|
+
{"version":3,"file":"EntityGroup.js","names":["React","StyledEntityGroup","EntityGroupContext","createContext","renderAs","EntityGroup","children","gap","rest","displayName"],"sources":["../../../../src/components/Entity/EntityGroup.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\";\nimport { StyledEntityGroup } from \"./Styles\";\n\nexport interface IEntityGroupProps\n extends Pick<HTMLAttributes<HTMLDivElement>, \"className\" | \"style\"> {\n gap?: number;\n renderAs?: \"grid\" | \"list\";\n}\n\nexport interface IEntityGroupContext {\n renderAs: \"grid\" | \"list\";\n}\nexport const EntityGroupContext = React.createContext<IEntityGroupContext>({\n renderAs: \"grid\",\n});\nexport const EntityGroup: React.FC<IEntityGroupProps> = ({\n children,\n gap,\n renderAs = \"grid\",\n ...rest\n}) => {\n return (\n <EntityGroupContext.Provider value={{ renderAs: renderAs }}>\n <StyledEntityGroup $renderAs={renderAs} $gap={gap} {...rest}>\n {children}\n </StyledEntityGroup>\n </EntityGroupContext.Provider>\n );\n};\n\nEntityGroup.displayName = \"EntityGroup\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAA0B,OAAO;AAC7C,SAASC,iBAAiB,QAAQ,UAAU;AAW5C,OAAO,IAAMC,kBAAkB,gBAAGF,KAAK,CAACG,aAAa,CAAsB;EACzEC,QAAQ,EAAE;AACZ,CAAC,CAAC;AACF,OAAO,IAAMC,WAAwC,GAAG,SAA3CA,WAAwC,OAK/C;EAAA,IAJJC,QAAQ,QAARA,QAAQ;IACRC,GAAG,QAAHA,GAAG;IAAA,qBACHH,QAAQ;IAARA,QAAQ,8BAAG,MAAM;IACdI,IAAI;EAEP,oBACE,oBAAC,kBAAkB,CAAC,QAAQ;IAAC,KAAK,EAAE;MAAEJ,QAAQ,EAAEA;IAAS;EAAE,gBACzD,oBAAC,iBAAiB;IAAC,SAAS,EAAEA,QAAS;IAAC,IAAI,EAAEG;EAAI,GAAKC,IAAI,GACxDF,QAAQ,CACS,CACQ;AAElC,CAAC;AAEDD,WAAW,CAACI,WAAW,GAAG,aAAa"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"EntitySeparator.d.ts","sourceRoot":"","sources":["../../../../src/components/Entity/EntitySeparator.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,OAAO,CAAC;AAE3C,eAAO,MAAM,eAAe,0BAGzB,mBAAmB,cAAc,CAAC,gBAWpC,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
|
|
2
|
+
import _styled from "styled-components";
|
|
3
|
+
var _excluded = ["children"];
|
|
4
|
+
import React from "react";
|
|
5
|
+
export var EntitySeparator = function EntitySeparator(_ref) {
|
|
6
|
+
var children = _ref.children,
|
|
7
|
+
rest = _objectWithoutPropertiesLoose(_ref, _excluded);
|
|
8
|
+
return /*#__PURE__*/React.createElement(_StyledDiv, rest, children);
|
|
9
|
+
};
|
|
10
|
+
var _StyledDiv = _styled("div").withConfig({
|
|
11
|
+
displayName: "EntitySeparator___StyledDiv",
|
|
12
|
+
componentId: "sc-5xbpkw-0"
|
|
13
|
+
})(["grid-column:1 / -1;"]);
|
|
14
|
+
//# sourceMappingURL=EntitySeparator.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"EntitySeparator.js","names":["React","EntitySeparator","children","rest"],"sources":["../../../../src/components/Entity/EntitySeparator.tsx"],"sourcesContent":["import React from \"react\";\nimport { BaseHTMLAttributes } from \"react\";\n\nexport const EntitySeparator = ({\n children,\n ...rest\n}: BaseHTMLAttributes<HTMLDivElement>) => {\n return (\n <div\n css={`\n grid-column: 1 / -1;\n `}\n {...rest}\n >\n {children}\n </div>\n );\n};\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAGzB,OAAO,IAAMC,eAAe,GAAG,SAAlBA,eAAe,OAGc;EAAA,IAFxCC,QAAQ,QAARA,QAAQ;IACLC,IAAI;EAEP,oBACE,gCAIMA,IAAI,EAEPD,QAAQ,CACL;AAEV,CAAC;AAAC;EAAA;EAAA;AAAA"}
|
|
@@ -1,10 +1,13 @@
|
|
|
1
1
|
import { EntityGroup } from "./EntityGroup";
|
|
2
2
|
import { EntityCard } from "./EntityCard";
|
|
3
3
|
import { EntityProperty } from "./EntityProperty";
|
|
4
|
+
import { EntitySeparator } from "./EntitySeparator";
|
|
4
5
|
export interface IEntity {
|
|
5
6
|
Group: typeof EntityGroup;
|
|
6
7
|
Card: typeof EntityCard;
|
|
7
8
|
Property: typeof EntityProperty;
|
|
9
|
+
Separator: typeof EntitySeparator;
|
|
8
10
|
}
|
|
9
11
|
export declare const Entity: IEntity;
|
|
12
|
+
export declare const useEntityGroupContext: () => import("./EntityGroup").IEntityGroupContext;
|
|
10
13
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Entity/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Entity/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAsB,MAAM,eAAe,CAAC;AAChE,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,MAAM,WAAW,OAAO;IACtB,KAAK,EAAE,OAAO,WAAW,CAAC;IAC1B,IAAI,EAAE,OAAO,UAAU,CAAC;IACxB,QAAQ,EAAE,OAAO,cAAc,CAAC;IAChC,SAAS,EAAE,OAAO,eAAe,CAAC;CACnC;AAED,eAAO,MAAM,MAAM,EAAE,OAKpB,CAAC;AAEF,eAAO,MAAM,qBAAqB,mDAA6C,CAAC"}
|
|
@@ -1,9 +1,15 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { EntityGroup, EntityGroupContext } from "./EntityGroup";
|
|
2
3
|
import { EntityCard } from "./EntityCard";
|
|
3
4
|
import { EntityProperty } from "./EntityProperty";
|
|
5
|
+
import { EntitySeparator } from "./EntitySeparator";
|
|
4
6
|
export var Entity = {
|
|
5
7
|
Group: EntityGroup,
|
|
6
8
|
Card: EntityCard,
|
|
7
|
-
Property: EntityProperty
|
|
9
|
+
Property: EntityProperty,
|
|
10
|
+
Separator: EntitySeparator
|
|
11
|
+
};
|
|
12
|
+
export var useEntityGroupContext = function useEntityGroupContext() {
|
|
13
|
+
return React.useContext(EntityGroupContext);
|
|
8
14
|
};
|
|
9
15
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["EntityGroup","EntityCard","EntityProperty","Entity","Group","Card","Property"],"sources":["../../../../src/components/Entity/index.ts"],"sourcesContent":["import { EntityGroup } from \"./EntityGroup\";\nimport { EntityCard } from \"./EntityCard\";\nimport { EntityProperty } from \"./EntityProperty\";\n\nexport interface IEntity {\n Group: typeof EntityGroup;\n Card: typeof EntityCard;\n Property: typeof EntityProperty;\n}\n\nexport const Entity: IEntity = {\n Group: EntityGroup,\n Card: EntityCard,\n Property: EntityProperty,\n};\n"],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"index.js","names":["React","EntityGroup","EntityGroupContext","EntityCard","EntityProperty","EntitySeparator","Entity","Group","Card","Property","Separator","useEntityGroupContext","useContext"],"sources":["../../../../src/components/Entity/index.ts"],"sourcesContent":["import React from \"react\";\nimport { EntityGroup, EntityGroupContext } from \"./EntityGroup\";\nimport { EntityCard } from \"./EntityCard\";\nimport { EntityProperty } from \"./EntityProperty\";\nimport { EntitySeparator } from \"./EntitySeparator\";\n\nexport interface IEntity {\n Group: typeof EntityGroup;\n Card: typeof EntityCard;\n Property: typeof EntityProperty;\n Separator: typeof EntitySeparator;\n}\n\nexport const Entity: IEntity = {\n Group: EntityGroup,\n Card: EntityCard,\n Property: EntityProperty,\n Separator: EntitySeparator,\n};\n\nexport const useEntityGroupContext = () => React.useContext(EntityGroupContext);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,WAAW,EAAEC,kBAAkB,QAAQ,eAAe;AAC/D,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,cAAc,QAAQ,kBAAkB;AACjD,SAASC,eAAe,QAAQ,mBAAmB;AASnD,OAAO,IAAMC,MAAe,GAAG;EAC7BC,KAAK,EAAEN,WAAW;EAClBO,IAAI,EAAEL,UAAU;EAChBM,QAAQ,EAAEL,cAAc;EACxBM,SAAS,EAAEL;AACb,CAAC;AAED,OAAO,IAAMM,qBAAqB,GAAG,SAAxBA,qBAAqB;EAAA,OAASX,KAAK,CAACY,UAAU,CAACV,kBAAkB,CAAC;AAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OptionGroup.d.ts","sourceRoot":"","sources":["../../../../../src/components/Select/OptionGroup/OptionGroup.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAmC,EAAE,EAAE,MAAM,OAAO,CAAC;AAEnE,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAWpD,MAAM,WAAW,iBAAkB,SAAQ,gBAAgB;IACzD,yBAAyB;IACzB,OAAO,EAAE,gBAAgB,EAAE,CAAC;CAC7B;AAED,UAAU,2BAA2B;IACnC,sCAAsC;IACtC,IAAI,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;IAC7B,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IAC/B,wBAAwB;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,qBAAqB;IACrB,OAAO,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;IAC7B,wBAAwB;IACxB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,KAAK,IAAI,CAAC;IAC5C,mCAAmC;IACnC,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IACpD,sBAAsB;IACtB,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,gBAAgB,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChE,uCAAuC;IACvC,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B;AAED,eAAO,MAAM,WAAW,EAAE,EAAE,CAC1B,iBAAiB,GAAG,2BAA2B,
|
|
1
|
+
{"version":3,"file":"OptionGroup.d.ts","sourceRoot":"","sources":["../../../../../src/components/Select/OptionGroup/OptionGroup.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAmC,EAAE,EAAE,MAAM,OAAO,CAAC;AAEnE,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAWpD,MAAM,WAAW,iBAAkB,SAAQ,gBAAgB;IACzD,yBAAyB;IACzB,OAAO,EAAE,gBAAgB,EAAE,CAAC;CAC7B;AAED,UAAU,2BAA2B;IACnC,sCAAsC;IACtC,IAAI,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;IAC7B,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IAC/B,wBAAwB;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,qBAAqB;IACrB,OAAO,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;IAC7B,wBAAwB;IACxB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,KAAK,IAAI,CAAC;IAC5C,mCAAmC;IACnC,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IACpD,sBAAsB;IACtB,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,gBAAgB,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChE,uCAAuC;IACvC,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B;AAED,eAAO,MAAM,WAAW,EAAE,EAAE,CAC1B,iBAAiB,GAAG,2BAA2B,CAyGhD,CAAC"}
|
|
@@ -32,10 +32,13 @@ export var OptionGroup = function OptionGroup(_ref) {
|
|
|
32
32
|
});
|
|
33
33
|
}, [options, checked]);
|
|
34
34
|
var handleHover = useCallback(function () {
|
|
35
|
+
if (options.some(function (option) {
|
|
36
|
+
return checked.includes(option.id);
|
|
37
|
+
})) return;
|
|
35
38
|
if (setHover) {
|
|
36
39
|
setHover(type === "single" ? undefined : id);
|
|
37
40
|
}
|
|
38
|
-
}, [setHover, type, id]);
|
|
41
|
+
}, [setHover, type, id, checked, options]);
|
|
39
42
|
var allOptionValues = useMemo(function () {
|
|
40
43
|
return options.map(function (option) {
|
|
41
44
|
return option.id;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OptionGroup.js","names":["React","useCallback","useEffect","useMemo","classNames","Checkbox","StyledOptionGroup","StyledOptionGroupHeader","StyledOptionGroupOption","StyledOptionGroupLi","StyledOptionGroupHeaderName","List","OptionGroup","id","name","options","type","hover","filter","checked","onChange","setHover","renderOptions","optionGroupClassName","list","v","toLowerCase","includes","trim","document","getElementById","focus","isAllOptionsChecked","every","option","handleHover","undefined","allOptionValues","map","handleClick","e","stopPropagation","i","values","unique","item","pos","indexOf","
|
|
1
|
+
{"version":3,"file":"OptionGroup.js","names":["React","useCallback","useEffect","useMemo","classNames","Checkbox","StyledOptionGroup","StyledOptionGroupHeader","StyledOptionGroupOption","StyledOptionGroupLi","StyledOptionGroupHeaderName","List","OptionGroup","id","name","options","type","hover","filter","checked","onChange","setHover","renderOptions","optionGroupClassName","list","v","toLowerCase","includes","trim","document","getElementById","focus","isAllOptionsChecked","every","option","handleHover","some","undefined","allOptionValues","map","handleClick","e","stopPropagation","i","values","unique","item","pos","indexOf","index","displayName"],"sources":["../../../../../src/components/Select/OptionGroup/OptionGroup.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, FC } from \"react\";\nimport classNames from \"classnames\";\nimport { IOptionItemProps } from \"../Option/Option\";\nimport { Checkbox } from \"../../Checkbox/Checkbox\";\nimport {\n StyledOptionGroup,\n StyledOptionGroupHeader,\n StyledOptionGroupOption,\n StyledOptionGroupLi,\n StyledOptionGroupHeaderName,\n} from \"./Styles\";\nimport { List } from \"../../List\";\n\nexport interface IOptionGroupProps extends IOptionItemProps {\n /** Options items list */\n options: IOptionItemProps[];\n}\n\ninterface IAdditionalOptionGroupProps {\n /** Select type: single or multiple */\n type?: \"single\" | \"multiple\";\n /** Value of hovered element */\n hover?: number | string | null;\n /** Filter for labels */\n filter?: string;\n /** Checked values */\n checked: (string | number)[];\n /** onChange callback */\n onChange?: (e: (string | number)[]) => void;\n /** Set value of hovered element */\n setHover?: (e: number | string | undefined) => void;\n /** Render function */\n renderOptions?: (item: IOptionItemProps, index: number) => void;\n /** Value that represent class names */\n optionGroupClassName?: string;\n}\n\nexport const OptionGroup: FC<\n IOptionGroupProps & IAdditionalOptionGroupProps\n> = ({\n id,\n name,\n options,\n type,\n hover,\n filter,\n checked,\n onChange,\n setHover,\n renderOptions,\n optionGroupClassName,\n}) => {\n const list = useMemo(\n () =>\n filter\n ? options.filter((v) =>\n v.name.toLowerCase().includes(filter.trim().toLowerCase())\n )\n : options,\n [filter, options]\n );\n\n useEffect(() => {\n if (hover === id && type !== \"single\") {\n document.getElementById(`${id}`)?.focus();\n }\n }, [hover, type, id]);\n\n const isAllOptionsChecked = useMemo(\n () => options.every((option) => checked.includes(option.id)),\n [options, checked]\n );\n\n const handleHover = useCallback(() => {\n if (options.some((option) => checked.includes(option.id))) return;\n if (setHover) {\n setHover(type === \"single\" ? undefined : id);\n }\n }, [setHover, type, id, checked, options]);\n\n const allOptionValues = useMemo(\n () => options.map((option) => option.id),\n [options]\n );\n\n const handleClick = useCallback(\n (e) => {\n e.stopPropagation();\n if (onChange) {\n if (isAllOptionsChecked) {\n onChange(\n checked.filter((i) => allOptionValues.includes(i) === false)\n );\n } else {\n const values = [...checked, ...allOptionValues];\n const unique = values.filter((item, pos) => {\n return values.indexOf(item) === pos;\n });\n onChange(unique);\n }\n }\n },\n [allOptionValues, checked, isAllOptionsChecked, onChange]\n );\n\n return (\n <StyledOptionGroupLi\n key={id}\n className={classNames(\"c-option-group\", optionGroupClassName)}\n >\n <StyledOptionGroup key={id}>\n <StyledOptionGroupOption\n onMouseEnter={handleHover}\n hover={hover === id && type === \"multiple\"}\n >\n <StyledOptionGroupHeader>\n <StyledOptionGroupHeaderName weight=\"bold\">\n {name}\n </StyledOptionGroupHeaderName>\n {type === \"multiple\" && (\n <Checkbox\n id={`${id}`}\n checked={isAllOptionsChecked}\n isIndeterminate={\n options.some((option) => checked.includes(option.id)) &&\n !isAllOptionsChecked\n }\n onChange={handleClick}\n type=\"checkbox\"\n />\n )}\n </StyledOptionGroupHeader>\n </StyledOptionGroupOption>\n <List>\n {list.map((item: IOptionItemProps, index) => {\n return typeof renderOptions === \"function\"\n ? renderOptions(item, index)\n : item.name;\n })}\n </List>\n </StyledOptionGroup>\n </StyledOptionGroupLi>\n );\n};\n\nOptionGroup.displayName = \"OptionGroup\";\n"],"mappings":"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"}
|