@digigov/react-experimental 2.0.0-264e5fff → 2.0.0-290ada95
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/FloatingButton/index.js +14 -22
- package/Kitchensink/AllComponents.js +7 -0
- package/Kitchensink/KitchensinkByCategory.js +25 -0
- package/Kitchensink/KitchensinkByLetter.js +14 -0
- package/Kitchensink/KitchensinkComponent.js +29 -0
- package/Kitchensink/KitchensinkDashboard.js +28 -0
- package/Kitchensink/index.d.ts +5 -5
- package/Kitchensink/index.js +5 -6
- package/OptionButtonBase/index.js +15 -23
- package/OptionButtonSteps/index.js +20 -34
- package/index.d.ts +4 -4
- package/index.js +5 -6
- package/package.json +9 -9
- package/FloatingButton/index.js.map +0 -7
- package/FloatingButton/index.test.d.ts +0 -1
- package/FloatingButton/package.json +0 -6
- package/Kitchensink/AllComponents/index.js +0 -8
- package/Kitchensink/AllComponents/package.json +0 -6
- package/Kitchensink/AllComponents.js.map +0 -7
- package/Kitchensink/KitchensinkByCategory/index.js +0 -44
- package/Kitchensink/KitchensinkByCategory/package.json +0 -6
- package/Kitchensink/KitchensinkByCategory.js.map +0 -7
- package/Kitchensink/KitchensinkByLetter/index.js +0 -27
- package/Kitchensink/KitchensinkByLetter/package.json +0 -6
- package/Kitchensink/KitchensinkByLetter.js.map +0 -7
- package/Kitchensink/KitchensinkComponent/index.js +0 -32
- package/Kitchensink/KitchensinkComponent/package.json +0 -6
- package/Kitchensink/KitchensinkComponent.js.map +0 -7
- package/Kitchensink/KitchensinkDashboard/index.js +0 -45
- package/Kitchensink/KitchensinkDashboard/package.json +0 -6
- package/Kitchensink/KitchensinkDashboard.js.map +0 -7
- package/Kitchensink/index.js.map +0 -7
- package/Kitchensink/package.json +0 -6
- package/OptionButtonBase/index.js.map +0 -7
- package/OptionButtonBase/index.test.d.ts +0 -1
- package/OptionButtonBase/package.json +0 -6
- package/OptionButtonSteps/index.js.map +0 -7
- package/OptionButtonSteps/index.test.d.ts +0 -1
- package/OptionButtonSteps/package.json +0 -6
- package/cjs/FloatingButton/index.js +0 -57
- package/cjs/FloatingButton/index.js.map +0 -7
- package/cjs/Kitchensink/AllComponents/index.js +0 -41
- package/cjs/Kitchensink/AllComponents.js.map +0 -7
- package/cjs/Kitchensink/KitchensinkByCategory/index.js +0 -77
- package/cjs/Kitchensink/KitchensinkByCategory.js.map +0 -7
- package/cjs/Kitchensink/KitchensinkByLetter/index.js +0 -60
- package/cjs/Kitchensink/KitchensinkByLetter.js.map +0 -7
- package/cjs/Kitchensink/KitchensinkComponent/index.js +0 -62
- package/cjs/Kitchensink/KitchensinkComponent.js.map +0 -7
- package/cjs/Kitchensink/KitchensinkDashboard/index.js +0 -78
- package/cjs/Kitchensink/KitchensinkDashboard.js.map +0 -7
- package/cjs/Kitchensink/index.js +0 -30
- package/cjs/Kitchensink/index.js.map +0 -7
- package/cjs/OptionButtonBase/index.js +0 -58
- package/cjs/OptionButtonBase/index.js.map +0 -7
- package/cjs/OptionButtonSteps/index.js +0 -69
- package/cjs/OptionButtonSteps/index.js.map +0 -7
- package/cjs/index.js +0 -28
- package/cjs/index.js.map +0 -7
- package/index.js.map +0 -7
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/Kitchensink/KitchensinkDashboard.tsx"],
|
|
4
|
-
"sourcesContent": ["import React from 'react';\nimport { KitchenSinkAllComponents } from '@digigov/react-core/KitchenSinkAllComponents';\nimport Paragraph from '@digigov/react-core/Paragraph';\nimport { KitchensinkByCategory } from '@digigov/react-experimental/Kitchensink/KitchensinkByCategory';\n\nexport interface KitchenSinkDashboardInterface {\n stories: any;\n}\n\nexport const KitchenSinkDashboard = ({\n stories,\n}: KitchenSinkDashboardInterface) => {\n const categoryOrder = Object.keys(stories).reduce(\n (catStories, componentStoriesKey) => {\n const componentStories = stories[componentStoriesKey];\n if (componentStories.default.ignore) {\n return catStories;\n }\n if (!componentStories.default.component) {\n throw new Error(`no component was found in ${componentStoriesKey}`);\n }\n const title = componentStories.default.title.split('/')[1];\n if (!title) {\n throw new Error(`no title was found for ${componentStoriesKey}`);\n }\n const category = title;\n if (catStories[category]) {\n catStories[category].push(componentStories);\n } else {\n catStories[category] = [componentStories];\n }\n return catStories;\n },\n {}\n );\n return (\n <div>\n <Paragraph fontSize={72} fontWeight=\"bold\">\n Components\n </Paragraph>\n <KitchenSinkAllComponents>\n {Object.keys(categoryOrder)\n .sort((a, b) => (a > b ? -1 : 1))\n .map((category, index) => {\n return (\n <KitchensinkByCategory\n category={category}\n stories={categoryOrder[category]}\n key={index}\n />\n );\n })}\n </KitchenSinkAllComponents>\n </div>\n );\n};\n"],
|
|
5
|
-
"mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,gCAAgC;AACzC,OAAO,eAAe;AACtB,SAAS,6BAA6B;AAM/B,MAAM,uBAAuB,CAAC;AAAA,EACnC;AACF,MAAqC;AACnC,QAAM,gBAAgB,OAAO,KAAK,OAAO,EAAE;AAAA,IACzC,CAAC,YAAY,wBAAwB;AACnC,YAAM,mBAAmB,QAAQ,mBAAmB;AACpD,UAAI,iBAAiB,QAAQ,QAAQ;AACnC,eAAO;AAAA,MACT;AACA,UAAI,CAAC,iBAAiB,QAAQ,WAAW;AACvC,cAAM,IAAI,MAAM,6BAA6B,mBAAmB,EAAE;AAAA,MACpE;AACA,YAAM,QAAQ,iBAAiB,QAAQ,MAAM,MAAM,GAAG,EAAE,CAAC;AACzD,UAAI,CAAC,OAAO;AACV,cAAM,IAAI,MAAM,0BAA0B,mBAAmB,EAAE;AAAA,MACjE;AACA,YAAM,WAAW;AACjB,UAAI,WAAW,QAAQ,GAAG;AACxB,mBAAW,QAAQ,EAAE,KAAK,gBAAgB;AAAA,MAC5C,OAAO;AACL,mBAAW,QAAQ,IAAI,CAAC,gBAAgB;AAAA,MAC1C;AACA,aAAO;AAAA,IACT;AAAA,IACA,CAAC;AAAA,EACH;AACA,SACE,oCAAC,aACC,oCAAC,aAAU,UAAU,IAAI,YAAW,UAAO,YAE3C,GACA,oCAAC,gCACE,OAAO,KAAK,aAAa,EACvB,KAAK,CAAC,GAAG,MAAO,IAAI,IAAI,KAAK,CAAE,EAC/B,IAAI,CAAC,UAAU,UAAU;AACxB,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,SAAS,cAAc,QAAQ;AAAA,QAC/B,KAAK;AAAA;AAAA,IACP;AAAA,EAEJ,CAAC,CACL,CACF;AAEJ;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
package/Kitchensink/index.js.map
DELETED
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/Kitchensink/index.ts"],
|
|
4
|
-
"sourcesContent": ["export * from '@digigov/react-experimental/Kitchensink/AllComponents';\nexport * from '@digigov/react-experimental/Kitchensink/KitchensinkByCategory';\nexport * from '@digigov/react-experimental/Kitchensink/KitchensinkByLetter';\nexport * from '@digigov/react-experimental/Kitchensink/KitchensinkComponent';\nexport * from '@digigov/react-experimental/Kitchensink/KitchensinkDashboard';\n"],
|
|
5
|
-
"mappings": "AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
package/Kitchensink/package.json
DELETED
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/OptionButtonBase/index.tsx"],
|
|
4
|
-
"sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface OptionButtonBaseProps extends BaseProps<'button'> {\n /**\n * selected is optional.\n * Use selected prop to set selected styling.\n * @value true\n * @value false\n * @default false\n */\n selected?: boolean;\n}\n/**\n *\n * OptionButtonBases can be used to represent small blocks of information.\n * OptionButtonBase component must be inside OptionButtonBaseSection component.\n */\nexport const OptionButtonBase = React.forwardRef<\n HTMLButtonElement,\n OptionButtonBaseProps\n>(function OptionButtonBase(\n { selected = false, className, children, ...props },\n ref\n) {\n return (\n <Base\n as=\"button\"\n ref={ref}\n className={clsx(className, {\n 'ds-btn': true,\n 'ds-option-btn': true,\n 'ds-option-btn--selected': selected,\n })}\n {...props}\n >\n {children}\n </Base>\n );\n});\n\nexport default OptionButtonBase;\n"],
|
|
5
|
-
"mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAiBzB,MAAM,mBAAmB,MAAM,WAGpC,SAASA,kBACT,EAAE,WAAW,OAAO,WAAW,UAAU,GAAG,MAAM,GAClD,KACA;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,UAAU;AAAA,QACV,iBAAiB;AAAA,QACjB,2BAA2B;AAAA,MAC7B,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,2BAAQ;",
|
|
6
|
-
"names": ["OptionButtonBase"]
|
|
7
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/OptionButtonSteps/index.tsx"],
|
|
4
|
-
"sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface OptionButtonStepsProps extends BaseProps<'div'> {\n /**\n * @value 0\n * @value 1\n * @value 2\n * @value 3\n * @value 4\n * @default 0\n */\n steps?: stepsProps;\n /**\n * @default 0\n */\n activeStep?: number;\n}\n\nexport type stepsProps = 0 | 1 | 2 | 3 | 4;\n/**\n *\n * OptionButtonSteps can be used to represent small blocks of information.\n * OptionButtonSteps component must be inside OptionButtonStepsSection component.\n */\nexport const OptionButtonSteps = React.forwardRef<\n HTMLDivElement,\n OptionButtonStepsProps\n>(function OptionButtonSteps(\n { steps = 0, activeStep = 0, className, ...props },\n ref\n) {\n const renderStep = (step: number) => (\n <Base\n as=\"div\"\n className={clsx(className, {\n 'ds-option-btn__step': true,\n 'ds-option-btn__step--active': activeStep >= step,\n })}\n ></Base>\n );\n\n return (\n <Base\n as=\"div\"\n ref={ref}\n className={clsx(className, {\n 'ds-option-btn__steps': true,\n })}\n {...props}\n >\n {steps >= 1 && renderStep(1)}\n {steps >= 2 && renderStep(2)}\n {steps >= 3 && renderStep(3)}\n {steps >= 4 && renderStep(4)}\n </Base>\n );\n});\n\nexport default OptionButtonSteps;\n"],
|
|
5
|
-
"mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAwBzB,MAAM,oBAAoB,MAAM,WAGrC,SAASA,mBACT,EAAE,QAAQ,GAAG,aAAa,GAAG,WAAW,GAAG,MAAM,GACjD,KACA;AACA,QAAM,aAAa,CAAC,SAClB;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH,WAAW,KAAK,WAAW;AAAA,QACzB,uBAAuB;AAAA,QACvB,+BAA+B,cAAc;AAAA,MAC/C,CAAC;AAAA;AAAA,EACF;AAGH,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,wBAAwB;AAAA,MAC1B,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH,SAAS,KAAK,WAAW,CAAC;AAAA,IAC1B,SAAS,KAAK,WAAW,CAAC;AAAA,IAC1B,SAAS,KAAK,WAAW,CAAC;AAAA,IAC1B,SAAS,KAAK,WAAW,CAAC;AAAA,EAC7B;AAEJ,CAAC;AAED,IAAO,4BAAQ;",
|
|
6
|
-
"names": ["OptionButtonSteps"]
|
|
7
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,57 +0,0 @@
|
|
|
1
|
-
var __create = Object.create;
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __export = (target, all) => {
|
|
8
|
-
for (var name in all)
|
|
9
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
10
|
-
};
|
|
11
|
-
var __copyProps = (to, from, except, desc) => {
|
|
12
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
13
|
-
for (let key of __getOwnPropNames(from))
|
|
14
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
15
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
16
|
-
}
|
|
17
|
-
return to;
|
|
18
|
-
};
|
|
19
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
-
// If the importer is in node compatibility mode or this is not an ESM
|
|
21
|
-
// file that has been converted to a CommonJS file using a Babel-
|
|
22
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
23
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
24
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
25
|
-
mod
|
|
26
|
-
));
|
|
27
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
28
|
-
var FloatingButton_exports = {};
|
|
29
|
-
__export(FloatingButton_exports, {
|
|
30
|
-
FloatingButton: () => FloatingButton,
|
|
31
|
-
default: () => FloatingButton_default
|
|
32
|
-
});
|
|
33
|
-
module.exports = __toCommonJS(FloatingButton_exports);
|
|
34
|
-
var import_react = __toESM(require("react"));
|
|
35
|
-
var import_clsx = __toESM(require("clsx"));
|
|
36
|
-
var import_Button = __toESM(require("@digigov/react-core/Button"));
|
|
37
|
-
const FloatingButton = import_react.default.forwardRef(function FloatingButton2({ direction = "right", className, children, ...props }, ref) {
|
|
38
|
-
return /* @__PURE__ */ import_react.default.createElement(
|
|
39
|
-
import_Button.default,
|
|
40
|
-
{
|
|
41
|
-
ref,
|
|
42
|
-
className: (0, import_clsx.default)(className, {
|
|
43
|
-
"ds-floating-btn": true,
|
|
44
|
-
"ds-floating-btn--right": direction === "right",
|
|
45
|
-
"ds-floating-btn--left": direction === "left"
|
|
46
|
-
}),
|
|
47
|
-
...props
|
|
48
|
-
},
|
|
49
|
-
children
|
|
50
|
-
);
|
|
51
|
-
});
|
|
52
|
-
var FloatingButton_default = FloatingButton;
|
|
53
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
54
|
-
0 && (module.exports = {
|
|
55
|
-
FloatingButton
|
|
56
|
-
});
|
|
57
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/FloatingButton/index.tsx"],
|
|
4
|
-
"sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Button, { ButtonProps } from '@digigov/react-core/Button';\n\nexport interface FloatingButtonProps extends ButtonProps {\n /**\n * direction is optional.\n * direction sets the position of the button to either left or right side of the screen.\n * The default value is 'left'.\n * @value 'right'\n * @value 'left'\n * @default 'left'\n */\n direction?: 'right' | 'left';\n}\n/**\n *\n * A FloatingButton performs the primary, or most common, action on a screen.\n * Use it primary in mobile applications.\n * Avoid using text in this type of button, use icons instead.\n */\nexport const FloatingButton = React.forwardRef<\n HTMLButtonElement,\n FloatingButtonProps\n>(function FloatingButton(\n { direction = 'right', className, children, ...props },\n ref\n) {\n return (\n <Button\n ref={ref}\n className={clsx(className, {\n 'ds-floating-btn': true,\n 'ds-floating-btn--right': direction === 'right',\n 'ds-floating-btn--left': direction === 'left',\n })}\n {...props}\n >\n {children}\n </Button>\n );\n});\n\nexport default FloatingButton;\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,oBAAoC;AAmB7B,MAAM,iBAAiB,aAAAA,QAAM,WAGlC,SAASC,gBACT,EAAE,YAAY,SAAS,WAAW,UAAU,GAAG,MAAM,GACrD,KACA;AACA,SACE,6BAAAD,QAAA;AAAA,IAAC,cAAAE;AAAA,IAAA;AAAA,MACC;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,mBAAmB;AAAA,QACnB,0BAA0B,cAAc;AAAA,QACxC,yBAAyB,cAAc;AAAA,MACzC,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,yBAAQ;",
|
|
6
|
-
"names": ["React", "FloatingButton", "Button", "clsx"]
|
|
7
|
-
}
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
var __create = Object.create;
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __export = (target, all) => {
|
|
8
|
-
for (var name in all)
|
|
9
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
10
|
-
};
|
|
11
|
-
var __copyProps = (to, from, except, desc) => {
|
|
12
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
13
|
-
for (let key of __getOwnPropNames(from))
|
|
14
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
15
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
16
|
-
}
|
|
17
|
-
return to;
|
|
18
|
-
};
|
|
19
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
-
// If the importer is in node compatibility mode or this is not an ESM
|
|
21
|
-
// file that has been converted to a CommonJS file using a Babel-
|
|
22
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
23
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
24
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
25
|
-
mod
|
|
26
|
-
));
|
|
27
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
28
|
-
var AllComponents_exports = {};
|
|
29
|
-
__export(AllComponents_exports, {
|
|
30
|
-
AllComponents: () => AllComponents
|
|
31
|
-
});
|
|
32
|
-
module.exports = __toCommonJS(AllComponents_exports);
|
|
33
|
-
var import_react = __toESM(require("react"));
|
|
34
|
-
var import_KitchensinkDashboard = require("@digigov/react-experimental/Kitchensink/KitchensinkDashboard");
|
|
35
|
-
var import_stories_registry = require("@digigov/ui/stories-registry");
|
|
36
|
-
const AllComponents = () => /* @__PURE__ */ import_react.default.createElement(import_KitchensinkDashboard.KitchenSinkDashboard, { stories: import_stories_registry.stories });
|
|
37
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
38
|
-
0 && (module.exports = {
|
|
39
|
-
AllComponents
|
|
40
|
-
});
|
|
41
|
-
//# sourceMappingURL=AllComponents.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/Kitchensink/AllComponents.tsx"],
|
|
4
|
-
"sourcesContent": ["import React from 'react';\n\nimport { KitchenSinkDashboard } from '@digigov/react-experimental/Kitchensink/KitchensinkDashboard';\n// @ts-expect-error Registry not included in src files\nimport { stories } from '@digigov/ui/stories-registry';\n\nexport const AllComponents = () => <KitchenSinkDashboard stories={stories} />;\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,kCAAqC;AAErC,8BAAwB;AAEjB,MAAM,gBAAgB,MAAM,6BAAAA,QAAA,cAAC,oDAAqB,SAAS,iCAAS;",
|
|
6
|
-
"names": ["React"]
|
|
7
|
-
}
|
|
@@ -1,77 +0,0 @@
|
|
|
1
|
-
var __create = Object.create;
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __export = (target, all) => {
|
|
8
|
-
for (var name in all)
|
|
9
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
10
|
-
};
|
|
11
|
-
var __copyProps = (to, from, except, desc) => {
|
|
12
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
13
|
-
for (let key of __getOwnPropNames(from))
|
|
14
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
15
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
16
|
-
}
|
|
17
|
-
return to;
|
|
18
|
-
};
|
|
19
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
-
// If the importer is in node compatibility mode or this is not an ESM
|
|
21
|
-
// file that has been converted to a CommonJS file using a Babel-
|
|
22
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
23
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
24
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
25
|
-
mod
|
|
26
|
-
));
|
|
27
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
28
|
-
var KitchensinkByCategory_exports = {};
|
|
29
|
-
__export(KitchensinkByCategory_exports, {
|
|
30
|
-
KitchensinkByCategory: () => KitchensinkByCategory
|
|
31
|
-
});
|
|
32
|
-
module.exports = __toCommonJS(KitchensinkByCategory_exports);
|
|
33
|
-
var import_react = __toESM(require("react"));
|
|
34
|
-
var import_KitchenSinkCategory = require("@digigov/react-core/KitchenSinkCategory");
|
|
35
|
-
var import_KitchenSinkHeading = require("@digigov/react-core/KitchenSinkHeading");
|
|
36
|
-
var import_KitchensinkByLetter = require("@digigov/react-experimental/Kitchensink/KitchensinkByLetter");
|
|
37
|
-
const KitchensinkByCategory = ({
|
|
38
|
-
category,
|
|
39
|
-
stories
|
|
40
|
-
}) => {
|
|
41
|
-
const alphabeticalOrder = Object.keys(stories).reduce(
|
|
42
|
-
(abStories, componentStoriesKey) => {
|
|
43
|
-
const componentStories = stories[componentStoriesKey];
|
|
44
|
-
if (!componentStories.default.component) {
|
|
45
|
-
throw new Error(`no component was found in ${componentStoriesKey}`);
|
|
46
|
-
}
|
|
47
|
-
const name = componentStories.default.displayName;
|
|
48
|
-
console.log("componentStories", componentStories, "stories", stories);
|
|
49
|
-
if (!name) {
|
|
50
|
-
throw new Error(`no name was found for ${componentStoriesKey}`);
|
|
51
|
-
}
|
|
52
|
-
const letter = name[0];
|
|
53
|
-
if (abStories[letter]) {
|
|
54
|
-
abStories[letter].push(componentStories);
|
|
55
|
-
} else {
|
|
56
|
-
abStories[letter] = [componentStories];
|
|
57
|
-
}
|
|
58
|
-
return abStories;
|
|
59
|
-
},
|
|
60
|
-
{}
|
|
61
|
-
);
|
|
62
|
-
return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_KitchenSinkHeading.KitchenSinkHeading, null, category), /* @__PURE__ */ import_react.default.createElement(import_KitchenSinkCategory.KitchenSinkCategory, null, Object.keys(alphabeticalOrder).sort().map((letter, index) => {
|
|
63
|
-
return /* @__PURE__ */ import_react.default.createElement(
|
|
64
|
-
import_KitchensinkByLetter.KitchensinkByLetter,
|
|
65
|
-
{
|
|
66
|
-
letter,
|
|
67
|
-
stories: alphabeticalOrder[letter],
|
|
68
|
-
key: index
|
|
69
|
-
}
|
|
70
|
-
);
|
|
71
|
-
})));
|
|
72
|
-
};
|
|
73
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
74
|
-
0 && (module.exports = {
|
|
75
|
-
KitchensinkByCategory
|
|
76
|
-
});
|
|
77
|
-
//# sourceMappingURL=KitchensinkByCategory.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/Kitchensink/KitchensinkByCategory.tsx"],
|
|
4
|
-
"sourcesContent": ["import React from 'react';\nimport { KitchenSinkCategory } from '@digigov/react-core/KitchenSinkCategory';\nimport { KitchenSinkHeading } from '@digigov/react-core/KitchenSinkHeading';\nimport { KitchensinkByLetter } from '@digigov/react-experimental/Kitchensink/KitchensinkByLetter';\n\nexport interface KitchensinkByCategoryInterface {\n category: string;\n stories: React.ReactElement[];\n}\n\nexport const KitchensinkByCategory = ({\n category,\n stories,\n}: KitchensinkByCategoryInterface) => {\n const alphabeticalOrder = Object.keys(stories).reduce(\n (abStories, componentStoriesKey) => {\n const componentStories = stories[componentStoriesKey];\n if (!componentStories.default.component) {\n throw new Error(`no component was found in ${componentStoriesKey}`);\n }\n const name = componentStories.default.displayName;\n console.log('componentStories', componentStories, 'stories', stories);\n if (!name) {\n throw new Error(`no name was found for ${componentStoriesKey}`);\n }\n const letter = name[0];\n if (abStories[letter]) {\n abStories[letter].push(componentStories);\n } else {\n abStories[letter] = [componentStories];\n }\n return abStories;\n },\n {}\n );\n return (\n <div>\n <KitchenSinkHeading>{category}</KitchenSinkHeading>\n <KitchenSinkCategory>\n {Object.keys(alphabeticalOrder)\n .sort()\n .map((letter, index) => {\n return (\n <KitchensinkByLetter\n letter={letter}\n stories={alphabeticalOrder[letter]}\n key={index}\n />\n );\n })}\n </KitchenSinkCategory>\n </div>\n );\n};\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,iCAAoC;AACpC,gCAAmC;AACnC,iCAAoC;AAO7B,MAAM,wBAAwB,CAAC;AAAA,EACpC;AAAA,EACA;AACF,MAAsC;AACpC,QAAM,oBAAoB,OAAO,KAAK,OAAO,EAAE;AAAA,IAC7C,CAAC,WAAW,wBAAwB;AAClC,YAAM,mBAAmB,QAAQ,mBAAmB;AACpD,UAAI,CAAC,iBAAiB,QAAQ,WAAW;AACvC,cAAM,IAAI,MAAM,6BAA6B,mBAAmB,EAAE;AAAA,MACpE;AACA,YAAM,OAAO,iBAAiB,QAAQ;AACtC,cAAQ,IAAI,oBAAoB,kBAAkB,WAAW,OAAO;AACpE,UAAI,CAAC,MAAM;AACT,cAAM,IAAI,MAAM,yBAAyB,mBAAmB,EAAE;AAAA,MAChE;AACA,YAAM,SAAS,KAAK,CAAC;AACrB,UAAI,UAAU,MAAM,GAAG;AACrB,kBAAU,MAAM,EAAE,KAAK,gBAAgB;AAAA,MACzC,OAAO;AACL,kBAAU,MAAM,IAAI,CAAC,gBAAgB;AAAA,MACvC;AACA,aAAO;AAAA,IACT;AAAA,IACA,CAAC;AAAA,EACH;AACA,SACE,6BAAAA,QAAA,cAAC,aACC,6BAAAA,QAAA,cAAC,oDAAoB,QAAS,GAC9B,6BAAAA,QAAA,cAAC,sDACE,OAAO,KAAK,iBAAiB,EAC3B,KAAK,EACL,IAAI,CAAC,QAAQ,UAAU;AACtB,WACE,6BAAAA,QAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,SAAS,kBAAkB,MAAM;AAAA,QACjC,KAAK;AAAA;AAAA,IACP;AAAA,EAEJ,CAAC,CACL,CACF;AAEJ;",
|
|
6
|
-
"names": ["React"]
|
|
7
|
-
}
|
|
@@ -1,60 +0,0 @@
|
|
|
1
|
-
var __create = Object.create;
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __export = (target, all) => {
|
|
8
|
-
for (var name in all)
|
|
9
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
10
|
-
};
|
|
11
|
-
var __copyProps = (to, from, except, desc) => {
|
|
12
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
13
|
-
for (let key of __getOwnPropNames(from))
|
|
14
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
15
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
16
|
-
}
|
|
17
|
-
return to;
|
|
18
|
-
};
|
|
19
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
-
// If the importer is in node compatibility mode or this is not an ESM
|
|
21
|
-
// file that has been converted to a CommonJS file using a Babel-
|
|
22
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
23
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
24
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
25
|
-
mod
|
|
26
|
-
));
|
|
27
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
28
|
-
var KitchensinkByLetter_exports = {};
|
|
29
|
-
__export(KitchensinkByLetter_exports, {
|
|
30
|
-
KitchensinkByLetter: () => KitchensinkByLetter
|
|
31
|
-
});
|
|
32
|
-
module.exports = __toCommonJS(KitchensinkByLetter_exports);
|
|
33
|
-
var import_react = __toESM(require("react"));
|
|
34
|
-
var import_Heading = __toESM(require("@digigov/react-core/Heading"));
|
|
35
|
-
var import_KitchenSinkLetterContent = require("@digigov/react-core/KitchenSinkLetterContent");
|
|
36
|
-
var import_KitchensinkComponent = require("@digigov/react-experimental/Kitchensink/KitchensinkComponent");
|
|
37
|
-
const KitchensinkByLetter = ({
|
|
38
|
-
letter,
|
|
39
|
-
stories
|
|
40
|
-
}) => {
|
|
41
|
-
return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_Heading.default, null, letter), /* @__PURE__ */ import_react.default.createElement(import_KitchenSinkLetterContent.KitchenSinkLetterContent, null, stories.map((story, index) => {
|
|
42
|
-
return /* @__PURE__ */ import_react.default.createElement(
|
|
43
|
-
import_KitchensinkComponent.KitchensinkComponent,
|
|
44
|
-
{
|
|
45
|
-
tags: story.default.tags,
|
|
46
|
-
title: story.default.displayName,
|
|
47
|
-
description: story.default.description,
|
|
48
|
-
link: story.default.link,
|
|
49
|
-
width: story.default.defaultWidth,
|
|
50
|
-
stories: story,
|
|
51
|
-
key: index
|
|
52
|
-
}
|
|
53
|
-
);
|
|
54
|
-
})));
|
|
55
|
-
};
|
|
56
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
57
|
-
0 && (module.exports = {
|
|
58
|
-
KitchensinkByLetter
|
|
59
|
-
});
|
|
60
|
-
//# sourceMappingURL=KitchensinkByLetter.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/Kitchensink/KitchensinkByLetter.tsx"],
|
|
4
|
-
"sourcesContent": ["import React from 'react';\nimport Heading from '@digigov/react-core/Heading';\nimport { KitchenSinkLetterContent } from '@digigov/react-core/KitchenSinkLetterContent';\nimport { KitchensinkComponent } from '@digigov/react-experimental/Kitchensink/KitchensinkComponent';\n\nexport interface KitchensinkByLetterInterface {\n letter: string;\n stories: any;\n}\n\nexport const KitchensinkByLetter = ({\n letter,\n stories,\n}: KitchensinkByLetterInterface) => {\n return (\n <div>\n <Heading>{letter}</Heading>\n <KitchenSinkLetterContent>\n {stories.map((story, index) => {\n return (\n <KitchensinkComponent\n tags={story.default.tags}\n title={story.default.displayName}\n description={story.default.description}\n link={story.default.link}\n width={story.default.defaultWidth}\n stories={story}\n key={index}\n />\n );\n })}\n </KitchenSinkLetterContent>\n </div>\n );\n};\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,qBAAoB;AACpB,sCAAyC;AACzC,kCAAqC;AAO9B,MAAM,sBAAsB,CAAC;AAAA,EAClC;AAAA,EACA;AACF,MAAoC;AAClC,SACE,6BAAAA,QAAA,cAAC,aACC,6BAAAA,QAAA,cAAC,eAAAC,SAAA,MAAS,MAAO,GACjB,6BAAAD,QAAA,cAAC,gEACE,QAAQ,IAAI,CAAC,OAAO,UAAU;AAC7B,WACE,6BAAAA,QAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,MAAM,QAAQ;AAAA,QACpB,OAAO,MAAM,QAAQ;AAAA,QACrB,aAAa,MAAM,QAAQ;AAAA,QAC3B,MAAM,MAAM,QAAQ;AAAA,QACpB,OAAO,MAAM,QAAQ;AAAA,QACrB,SAAS;AAAA,QACT,KAAK;AAAA;AAAA,IACP;AAAA,EAEJ,CAAC,CACH,CACF;AAEJ;",
|
|
6
|
-
"names": ["React", "Heading"]
|
|
7
|
-
}
|
|
@@ -1,62 +0,0 @@
|
|
|
1
|
-
var __create = Object.create;
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __export = (target, all) => {
|
|
8
|
-
for (var name in all)
|
|
9
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
10
|
-
};
|
|
11
|
-
var __copyProps = (to, from, except, desc) => {
|
|
12
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
13
|
-
for (let key of __getOwnPropNames(from))
|
|
14
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
15
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
16
|
-
}
|
|
17
|
-
return to;
|
|
18
|
-
};
|
|
19
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
-
// If the importer is in node compatibility mode or this is not an ESM
|
|
21
|
-
// file that has been converted to a CommonJS file using a Babel-
|
|
22
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
23
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
24
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
25
|
-
mod
|
|
26
|
-
));
|
|
27
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
28
|
-
var KitchensinkComponent_exports = {};
|
|
29
|
-
__export(KitchensinkComponent_exports, {
|
|
30
|
-
KitchensinkComponent: () => KitchensinkComponent
|
|
31
|
-
});
|
|
32
|
-
module.exports = __toCommonJS(KitchensinkComponent_exports);
|
|
33
|
-
var import_react = __toESM(require("react"));
|
|
34
|
-
var import_KitchenSinkCard = require("@digigov/react-core/KitchenSinkCard");
|
|
35
|
-
var import_KitchenSinkContent = require("@digigov/react-core/KitchenSinkContent");
|
|
36
|
-
var import_KitchenSinkContentInfo = require("@digigov/react-core/KitchenSinkContentInfo");
|
|
37
|
-
var import_KitchenSinkContentTags = require("@digigov/react-core/KitchenSinkContentTags");
|
|
38
|
-
var import_PhaseBanner = __toESM(require("@digigov/ui/feedback/PhaseBanner"));
|
|
39
|
-
var import_SectionBreak = __toESM(require("@digigov/ui/layouts/SectionBreak"));
|
|
40
|
-
var import_Link = __toESM(require("@digigov/ui/navigation/Link"));
|
|
41
|
-
var import_typography = require("@digigov/ui/typography");
|
|
42
|
-
var import_Heading = __toESM(require("@digigov/ui/typography/Heading"));
|
|
43
|
-
const KitchensinkComponent = ({
|
|
44
|
-
tags = [],
|
|
45
|
-
title,
|
|
46
|
-
description,
|
|
47
|
-
link,
|
|
48
|
-
stories,
|
|
49
|
-
width = "md"
|
|
50
|
-
}) => {
|
|
51
|
-
return /* @__PURE__ */ import_react.default.createElement(import_KitchenSinkContent.KitchenSinkContent, { wide: width === "lg" }, /* @__PURE__ */ import_react.default.createElement(import_KitchenSinkContentInfo.KitchenSinkContentInfo, null, /* @__PURE__ */ import_react.default.createElement(import_KitchenSinkContentTags.KitchenSinkContentTags, null, tags && tags.map((tag, index) => {
|
|
52
|
-
return /* @__PURE__ */ import_react.default.createElement(import_PhaseBanner.default, { key: index }, /* @__PURE__ */ import_react.default.createElement(import_PhaseBanner.PhaseBannerTag, null, tag), /* @__PURE__ */ import_react.default.createElement(import_PhaseBanner.PhaseBannerText, null, "\u0391\u03C5\u03C4\u03AE \u03B5\u03AF\u03BD\u03B1\u03B9 \u03BC\u03AF\u03B1 \u03BD\u03AD\u03B1 \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B1 \u2013 \u03C4\u03B1", " ", /* @__PURE__ */ import_react.default.createElement(import_Link.default, { href: "#feedback" }, "\u03C3\u03C7\u03CC\u03BB\u03B9\u03AC"), " \u03C3\u03B1\u03C2 \u03B8\u03B1 \u03BC\u03B1\u03C2 \u03B2\u03BF\u03B7\u03B8\u03AE\u03C3\u03BF\u03C5\u03BD \u03BD\u03B1 \u03C4\u03B7 \u03B2\u03B5\u03BB\u03C4\u03B9\u03CE\u03C3\u03BF\u03C5\u03BC\u03B5."));
|
|
53
|
-
})), /* @__PURE__ */ import_react.default.createElement(import_Heading.default, { size: "lg" }, title), /* @__PURE__ */ import_react.default.createElement(import_typography.Paragraph, null, description), link && /* @__PURE__ */ import_react.default.createElement(import_Link.default, { href: link }, "View on GOV.GR Design System"), /* @__PURE__ */ import_react.default.createElement(import_SectionBreak.default, null)), Object.keys(stories).filter((story) => story !== "default").map((story, index) => {
|
|
54
|
-
const Component = stories[story];
|
|
55
|
-
return /* @__PURE__ */ import_react.default.createElement("div", { key: index }, /* @__PURE__ */ import_react.default.createElement(import_SectionBreak.default, null), /* @__PURE__ */ import_react.default.createElement(import_Heading.default, { size: "sm" }, story), /* @__PURE__ */ import_react.default.createElement(import_KitchenSinkCard.KitchenSinkCard, null, /* @__PURE__ */ import_react.default.createElement(Component, null)));
|
|
56
|
-
}));
|
|
57
|
-
};
|
|
58
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
59
|
-
0 && (module.exports = {
|
|
60
|
-
KitchensinkComponent
|
|
61
|
-
});
|
|
62
|
-
//# sourceMappingURL=KitchensinkComponent.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/Kitchensink/KitchensinkComponent.tsx"],
|
|
4
|
-
"sourcesContent": ["import React from 'react';\nimport { KitchenSinkCard } from '@digigov/react-core/KitchenSinkCard';\nimport { KitchenSinkContent } from '@digigov/react-core/KitchenSinkContent';\nimport { KitchenSinkContentInfo } from '@digigov/react-core/KitchenSinkContentInfo';\nimport { KitchenSinkContentTags } from '@digigov/react-core/KitchenSinkContentTags';\nimport PhaseBanner, {\n PhaseBannerTag,\n PhaseBannerText,\n} from '@digigov/ui/feedback/PhaseBanner';\nimport SectionBreak from '@digigov/ui/layouts/SectionBreak';\nimport Link from '@digigov/ui/navigation/Link';\nimport { Paragraph } from '@digigov/ui/typography';\nimport Heading from '@digigov/ui/typography/Heading';\n\nexport interface KitchensinkComponentInterface {\n tags?: string[]; // ex. Experimental\n title: string;\n description?: string;\n link?: string;\n stories: React.ReactElement[];\n width?: 'md' | 'lg';\n}\nexport const KitchensinkComponent = ({\n tags = [],\n title,\n description,\n link,\n stories,\n width = 'md',\n}: KitchensinkComponentInterface) => {\n return (\n <KitchenSinkContent wide={width === 'lg'}>\n <KitchenSinkContentInfo>\n <KitchenSinkContentTags>\n {tags &&\n tags.map((tag, index) => {\n return (\n <PhaseBanner key={index}>\n <PhaseBannerTag>{tag}</PhaseBannerTag>\n <PhaseBannerText>\n \u0391\u03C5\u03C4\u03AE \u03B5\u03AF\u03BD\u03B1\u03B9 \u03BC\u03AF\u03B1 \u03BD\u03AD\u03B1 \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B1 \u2013 \u03C4\u03B1{' '}\n <Link href=\"#feedback\">\u03C3\u03C7\u03CC\u03BB\u03B9\u03AC</Link> \u03C3\u03B1\u03C2 \u03B8\u03B1 \u03BC\u03B1\u03C2 \u03B2\u03BF\u03B7\u03B8\u03AE\u03C3\u03BF\u03C5\u03BD \u03BD\u03B1\n \u03C4\u03B7 \u03B2\u03B5\u03BB\u03C4\u03B9\u03CE\u03C3\u03BF\u03C5\u03BC\u03B5.\n </PhaseBannerText>\n </PhaseBanner>\n );\n })}\n </KitchenSinkContentTags>\n <Heading size=\"lg\">{title}</Heading>\n <Paragraph>{description}</Paragraph>\n {link && <Link href={link}>View on GOV.GR Design System</Link>}\n <SectionBreak />\n </KitchenSinkContentInfo>\n {Object.keys(stories)\n .filter((story) => story !== 'default')\n .map((story, index) => {\n const Component = stories[story];\n return (\n <div key={index}>\n <SectionBreak />\n <Heading size=\"sm\">{story}</Heading>\n <KitchenSinkCard>\n <Component />\n </KitchenSinkCard>\n </div>\n );\n })}\n </KitchenSinkContent>\n );\n};\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,6BAAgC;AAChC,gCAAmC;AACnC,oCAAuC;AACvC,oCAAuC;AACvC,yBAGO;AACP,0BAAyB;AACzB,kBAAiB;AACjB,wBAA0B;AAC1B,qBAAoB;AAUb,MAAM,uBAAuB,CAAC;AAAA,EACnC,OAAO,CAAC;AAAA,EACR;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AACV,MAAqC;AACnC,SACE,6BAAAA,QAAA,cAAC,gDAAmB,MAAM,UAAU,QAClC,6BAAAA,QAAA,cAAC,4DACC,6BAAAA,QAAA,cAAC,4DACE,QACC,KAAK,IAAI,CAAC,KAAK,UAAU;AACvB,WACE,6BAAAA,QAAA,cAAC,mBAAAC,SAAA,EAAY,KAAK,SAChB,6BAAAD,QAAA,cAAC,yCAAgB,GAAI,GACrB,6BAAAA,QAAA,cAAC,0CAAgB,sKACkB,KACjC,6BAAAA,QAAA,cAAC,YAAAE,SAAA,EAAK,MAAK,eAAY,sCAAM,GAAO,0MAEtC,CACF;AAAA,EAEJ,CAAC,CACL,GACA,6BAAAF,QAAA,cAAC,eAAAG,SAAA,EAAQ,MAAK,QAAM,KAAM,GAC1B,6BAAAH,QAAA,cAAC,mCAAW,WAAY,GACvB,QAAQ,6BAAAA,QAAA,cAAC,YAAAE,SAAA,EAAK,MAAM,QAAM,8BAA4B,GACvD,6BAAAF,QAAA,cAAC,oBAAAI,SAAA,IAAa,CAChB,GACC,OAAO,KAAK,OAAO,EACjB,OAAO,CAAC,UAAU,UAAU,SAAS,EACrC,IAAI,CAAC,OAAO,UAAU;AACrB,UAAM,YAAY,QAAQ,KAAK;AAC/B,WACE,6BAAAJ,QAAA,cAAC,SAAI,KAAK,SACR,6BAAAA,QAAA,cAAC,oBAAAI,SAAA,IAAa,GACd,6BAAAJ,QAAA,cAAC,eAAAG,SAAA,EAAQ,MAAK,QAAM,KAAM,GAC1B,6BAAAH,QAAA,cAAC,8CACC,6BAAAA,QAAA,cAAC,eAAU,CACb,CACF;AAAA,EAEJ,CAAC,CACL;AAEJ;",
|
|
6
|
-
"names": ["React", "PhaseBanner", "Link", "Heading", "SectionBreak"]
|
|
7
|
-
}
|
|
@@ -1,78 +0,0 @@
|
|
|
1
|
-
var __create = Object.create;
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __export = (target, all) => {
|
|
8
|
-
for (var name in all)
|
|
9
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
10
|
-
};
|
|
11
|
-
var __copyProps = (to, from, except, desc) => {
|
|
12
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
13
|
-
for (let key of __getOwnPropNames(from))
|
|
14
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
15
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
16
|
-
}
|
|
17
|
-
return to;
|
|
18
|
-
};
|
|
19
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
-
// If the importer is in node compatibility mode or this is not an ESM
|
|
21
|
-
// file that has been converted to a CommonJS file using a Babel-
|
|
22
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
23
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
24
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
25
|
-
mod
|
|
26
|
-
));
|
|
27
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
28
|
-
var KitchensinkDashboard_exports = {};
|
|
29
|
-
__export(KitchensinkDashboard_exports, {
|
|
30
|
-
KitchenSinkDashboard: () => KitchenSinkDashboard
|
|
31
|
-
});
|
|
32
|
-
module.exports = __toCommonJS(KitchensinkDashboard_exports);
|
|
33
|
-
var import_react = __toESM(require("react"));
|
|
34
|
-
var import_KitchenSinkAllComponents = require("@digigov/react-core/KitchenSinkAllComponents");
|
|
35
|
-
var import_Paragraph = __toESM(require("@digigov/react-core/Paragraph"));
|
|
36
|
-
var import_KitchensinkByCategory = require("@digigov/react-experimental/Kitchensink/KitchensinkByCategory");
|
|
37
|
-
const KitchenSinkDashboard = ({
|
|
38
|
-
stories
|
|
39
|
-
}) => {
|
|
40
|
-
const categoryOrder = Object.keys(stories).reduce(
|
|
41
|
-
(catStories, componentStoriesKey) => {
|
|
42
|
-
const componentStories = stories[componentStoriesKey];
|
|
43
|
-
if (componentStories.default.ignore) {
|
|
44
|
-
return catStories;
|
|
45
|
-
}
|
|
46
|
-
if (!componentStories.default.component) {
|
|
47
|
-
throw new Error(`no component was found in ${componentStoriesKey}`);
|
|
48
|
-
}
|
|
49
|
-
const title = componentStories.default.title.split("/")[1];
|
|
50
|
-
if (!title) {
|
|
51
|
-
throw new Error(`no title was found for ${componentStoriesKey}`);
|
|
52
|
-
}
|
|
53
|
-
const category = title;
|
|
54
|
-
if (catStories[category]) {
|
|
55
|
-
catStories[category].push(componentStories);
|
|
56
|
-
} else {
|
|
57
|
-
catStories[category] = [componentStories];
|
|
58
|
-
}
|
|
59
|
-
return catStories;
|
|
60
|
-
},
|
|
61
|
-
{}
|
|
62
|
-
);
|
|
63
|
-
return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_Paragraph.default, { fontSize: 72, fontWeight: "bold" }, "Components"), /* @__PURE__ */ import_react.default.createElement(import_KitchenSinkAllComponents.KitchenSinkAllComponents, null, Object.keys(categoryOrder).sort((a, b) => a > b ? -1 : 1).map((category, index) => {
|
|
64
|
-
return /* @__PURE__ */ import_react.default.createElement(
|
|
65
|
-
import_KitchensinkByCategory.KitchensinkByCategory,
|
|
66
|
-
{
|
|
67
|
-
category,
|
|
68
|
-
stories: categoryOrder[category],
|
|
69
|
-
key: index
|
|
70
|
-
}
|
|
71
|
-
);
|
|
72
|
-
})));
|
|
73
|
-
};
|
|
74
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
75
|
-
0 && (module.exports = {
|
|
76
|
-
KitchenSinkDashboard
|
|
77
|
-
});
|
|
78
|
-
//# sourceMappingURL=KitchensinkDashboard.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/Kitchensink/KitchensinkDashboard.tsx"],
|
|
4
|
-
"sourcesContent": ["import React from 'react';\nimport { KitchenSinkAllComponents } from '@digigov/react-core/KitchenSinkAllComponents';\nimport Paragraph from '@digigov/react-core/Paragraph';\nimport { KitchensinkByCategory } from '@digigov/react-experimental/Kitchensink/KitchensinkByCategory';\n\nexport interface KitchenSinkDashboardInterface {\n stories: any;\n}\n\nexport const KitchenSinkDashboard = ({\n stories,\n}: KitchenSinkDashboardInterface) => {\n const categoryOrder = Object.keys(stories).reduce(\n (catStories, componentStoriesKey) => {\n const componentStories = stories[componentStoriesKey];\n if (componentStories.default.ignore) {\n return catStories;\n }\n if (!componentStories.default.component) {\n throw new Error(`no component was found in ${componentStoriesKey}`);\n }\n const title = componentStories.default.title.split('/')[1];\n if (!title) {\n throw new Error(`no title was found for ${componentStoriesKey}`);\n }\n const category = title;\n if (catStories[category]) {\n catStories[category].push(componentStories);\n } else {\n catStories[category] = [componentStories];\n }\n return catStories;\n },\n {}\n );\n return (\n <div>\n <Paragraph fontSize={72} fontWeight=\"bold\">\n Components\n </Paragraph>\n <KitchenSinkAllComponents>\n {Object.keys(categoryOrder)\n .sort((a, b) => (a > b ? -1 : 1))\n .map((category, index) => {\n return (\n <KitchensinkByCategory\n category={category}\n stories={categoryOrder[category]}\n key={index}\n />\n );\n })}\n </KitchenSinkAllComponents>\n </div>\n );\n};\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,sCAAyC;AACzC,uBAAsB;AACtB,mCAAsC;AAM/B,MAAM,uBAAuB,CAAC;AAAA,EACnC;AACF,MAAqC;AACnC,QAAM,gBAAgB,OAAO,KAAK,OAAO,EAAE;AAAA,IACzC,CAAC,YAAY,wBAAwB;AACnC,YAAM,mBAAmB,QAAQ,mBAAmB;AACpD,UAAI,iBAAiB,QAAQ,QAAQ;AACnC,eAAO;AAAA,MACT;AACA,UAAI,CAAC,iBAAiB,QAAQ,WAAW;AACvC,cAAM,IAAI,MAAM,6BAA6B,mBAAmB,EAAE;AAAA,MACpE;AACA,YAAM,QAAQ,iBAAiB,QAAQ,MAAM,MAAM,GAAG,EAAE,CAAC;AACzD,UAAI,CAAC,OAAO;AACV,cAAM,IAAI,MAAM,0BAA0B,mBAAmB,EAAE;AAAA,MACjE;AACA,YAAM,WAAW;AACjB,UAAI,WAAW,QAAQ,GAAG;AACxB,mBAAW,QAAQ,EAAE,KAAK,gBAAgB;AAAA,MAC5C,OAAO;AACL,mBAAW,QAAQ,IAAI,CAAC,gBAAgB;AAAA,MAC1C;AACA,aAAO;AAAA,IACT;AAAA,IACA,CAAC;AAAA,EACH;AACA,SACE,6BAAAA,QAAA,cAAC,aACC,6BAAAA,QAAA,cAAC,iBAAAC,SAAA,EAAU,UAAU,IAAI,YAAW,UAAO,YAE3C,GACA,6BAAAD,QAAA,cAAC,gEACE,OAAO,KAAK,aAAa,EACvB,KAAK,CAAC,GAAG,MAAO,IAAI,IAAI,KAAK,CAAE,EAC/B,IAAI,CAAC,UAAU,UAAU;AACxB,WACE,6BAAAA,QAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,SAAS,cAAc,QAAQ;AAAA,QAC/B,KAAK;AAAA;AAAA,IACP;AAAA,EAEJ,CAAC,CACL,CACF;AAEJ;",
|
|
6
|
-
"names": ["React", "Paragraph"]
|
|
7
|
-
}
|
package/cjs/Kitchensink/index.js
DELETED
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
-
var __copyProps = (to, from, except, desc) => {
|
|
6
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
7
|
-
for (let key of __getOwnPropNames(from))
|
|
8
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
9
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
10
|
-
}
|
|
11
|
-
return to;
|
|
12
|
-
};
|
|
13
|
-
var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
|
|
14
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
15
|
-
var Kitchensink_exports = {};
|
|
16
|
-
module.exports = __toCommonJS(Kitchensink_exports);
|
|
17
|
-
__reExport(Kitchensink_exports, require("@digigov/react-experimental/Kitchensink/AllComponents"), module.exports);
|
|
18
|
-
__reExport(Kitchensink_exports, require("@digigov/react-experimental/Kitchensink/KitchensinkByCategory"), module.exports);
|
|
19
|
-
__reExport(Kitchensink_exports, require("@digigov/react-experimental/Kitchensink/KitchensinkByLetter"), module.exports);
|
|
20
|
-
__reExport(Kitchensink_exports, require("@digigov/react-experimental/Kitchensink/KitchensinkComponent"), module.exports);
|
|
21
|
-
__reExport(Kitchensink_exports, require("@digigov/react-experimental/Kitchensink/KitchensinkDashboard"), module.exports);
|
|
22
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
23
|
-
0 && (module.exports = {
|
|
24
|
-
...require("@digigov/react-experimental/Kitchensink/AllComponents"),
|
|
25
|
-
...require("@digigov/react-experimental/Kitchensink/KitchensinkByCategory"),
|
|
26
|
-
...require("@digigov/react-experimental/Kitchensink/KitchensinkByLetter"),
|
|
27
|
-
...require("@digigov/react-experimental/Kitchensink/KitchensinkComponent"),
|
|
28
|
-
...require("@digigov/react-experimental/Kitchensink/KitchensinkDashboard")
|
|
29
|
-
});
|
|
30
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/Kitchensink/index.ts"],
|
|
4
|
-
"sourcesContent": ["export * from '@digigov/react-experimental/Kitchensink/AllComponents';\nexport * from '@digigov/react-experimental/Kitchensink/KitchensinkByCategory';\nexport * from '@digigov/react-experimental/Kitchensink/KitchensinkByLetter';\nexport * from '@digigov/react-experimental/Kitchensink/KitchensinkComponent';\nexport * from '@digigov/react-experimental/Kitchensink/KitchensinkDashboard';\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA,gCAAc,kEAAd;AACA,gCAAc,0EADd;AAEA,gCAAc,wEAFd;AAGA,gCAAc,yEAHd;AAIA,gCAAc,yEAJd;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|