@elliemae/ds-form-toggle 3.22.0-next.2 → 3.22.0-next.21

package/dist/types/styles.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
-import type { DSControlledToggleT } from './propTypes.js';
+import type { DSButtonT } from '@elliemae/ds-button-v2';
+import type { DSControlledToggleT } from './react-desc-prop-types.js';
 interface StyledContainerT {
     size: DSControlledToggleT.ToggleSize;
     disabled: boolean;
@@ -34,9 +35,9 @@ interface SetLabelWidthT {
 }
 export declare const StyledContainer: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, StyledContainerT & import("@elliemae/ds-system").OwnerInterface, never>;
 export declare const StyledLabel: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, StyledLabelT & import("@elliemae/ds-system").OwnerInterface, never>;
-export declare const StyledVisibleContent: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, StyledVisibleContentT & import("@elliemae/ds-system").OwnerInterface, never>;
+export declare const StyledVisibleContent: import("react").ComponentType<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Partial<StyledVisibleContentT>>;
 export declare const StyledCircle: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, StyledCircleT & import("@elliemae/ds-system").OwnerInterface, never>;
 export declare const StyledText: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, StyledTextT & import("@elliemae/ds-system").OwnerInterface, never>;
-export declare const StyledButton: import("styled-components").StyledComponent<import("react").ComponentType<import("@elliemae/ds-button-v2").DSButtonT.Props>, import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface, never>;
+export declare const StyledButton: import("styled-components").StyledComponent<import("react").ComponentType<DSButtonT.Props>, import("@elliemae/ds-system").Theme, DSButtonT.Props & import("@elliemae/ds-system").OwnerInterface, never>;
 export declare const SetLabelWidth: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, SetLabelWidthT & import("@elliemae/ds-system").OwnerInterface, never>;
 export {};

package/dist/types/utils/styleHelpers.d.ts

@@ -1,5 +1,5 @@
 import { type PropsWithTheme } from '@elliemae/ds-system';
-import type { DSControlledToggleT } from '../propTypes.js';
+import type { DSControlledToggleT } from '../react-desc-prop-types.js';
 export declare const circleValues: {
     s: string;
     m: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-form-toggle",
-  "version": "3.22.0-next.2",
+  "version": "3.22.0-next.21",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Controlled Form Toggle",
   "files": [
@@ -35,21 +35,25 @@
     "indent": 4
   },
   "dependencies": {
+    "lodash": "^4.17.21",
     "styled-components": "~5.3.9",
     "uid": "~2.0.1",
-    "@elliemae/ds-props-helpers": "3.22.0-next.2",
-    "@elliemae/ds-system": "3.22.0-next.2",
-    "@elliemae/ds-button-v2": "3.22.0-next.2",
-    "@elliemae/ds-tooltip": "3.22.0-next.2"
+    "@elliemae/ds-button-v2": "3.22.0-next.21",
+    "@elliemae/ds-system": "3.22.0-next.21",
+    "@elliemae/ds-utilities": "3.22.0-next.21",
+    "@elliemae/ds-tooltip": "3.22.0-next.21",
+    "@elliemae/ds-props-helpers": "3.22.0-next.21"
   },
   "devDependencies": {
+    "@elliemae/pui-cli": "~9.0.0-next.22",
     "@elliemae/pui-theme": "~2.7.0",
     "@testing-library/dom": "~8.19.0",
     "@testing-library/jest-dom": "~5.16.5",
     "@testing-library/react": "~12.1.3",
     "@testing-library/user-event": "~13.5.0",
     "jest-axe": "^7.0.1",
-    "styled-components": "~5.3.9"
+    "styled-components": "~5.3.9",
+    "@elliemae/ds-monorepo-devops": "3.22.0-next.21"
   },
   "peerDependencies": {
     "@elliemae/pui-theme": "~2.7.0",
@@ -64,7 +68,7 @@
   },
   "scripts": {
     "dev": "cross-env NODE_ENV=development node ../../scripts/build/build.mjs --watch",
-    "test": "node ../../scripts/testing/test.mjs",
+    "test": "pui-cli test --passWithNoTests",
     "lint": "node ../../scripts/lint.mjs",
     "eslint:fix": "eslint --ext='.js,.jsx,.test.js,.ts,.tsx' --fix --config='../../.eslintrc.js' src/",
     "dts": "node ../../scripts/dts.mjs",

package/dist/cjs/propTypes.js

@@ -1,64 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var propTypes_exports = {};
-__export(propTypes_exports, {
-  defaultProps: () => defaultProps,
-  propTypes: () => propTypes
-});
-module.exports = __toCommonJS(propTypes_exports);
-var React = __toESM(require("react"));
-var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
-const defaultProps = {
-  labelOn: "ON",
-  labelOff: "OFF",
-  name: "",
-  value: "",
-  checked: false,
-  onClick: () => null,
-  size: "m",
-  readonly: false,
-  disabled: false
-};
-const propTypes = {
-  ...import_ds_props_helpers.globalAttributesPropTypes,
-  ...import_ds_props_helpers.xstyledPropTypes,
-  labelOn: import_ds_props_helpers.PropTypes.string.description("Label when toggle is checked"),
-  labelOff: import_ds_props_helpers.PropTypes.string.description("Label when toggle is unchecked"),
-  value: import_ds_props_helpers.PropTypes.string.description("Value attribute for toggle"),
-  name: import_ds_props_helpers.PropTypes.string.description("Name attribute for toggle"),
-  checked: import_ds_props_helpers.PropTypes.bool.description("Wether the toggle is checked or not"),
-  onchange: import_ds_props_helpers.PropTypes.func.description("OnClick callback"),
-  size: import_ds_props_helpers.PropTypes.oneOf(["s", "m", "l"]).description("Size of toggle"),
-  readOnly: import_ds_props_helpers.PropTypes.bool.description("Wether the toggle is readOnly or not"),
-  active: import_ds_props_helpers.PropTypes.bool.description("Wether the toggle has active styles or not").deprecated({ version: "3.x" }),
-  disabled: import_ds_props_helpers.PropTypes.bool.description("Wether the toggle is disabled or not"),
-  containerProps: import_ds_props_helpers.PropTypes.shape({}).description("Set of properties attached to the main container"),
-  id: import_ds_props_helpers.PropTypes.string.description("Unique id.")
-};
-//# sourceMappingURL=propTypes.js.map

package/dist/cjs/propTypes.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/propTypes.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { globalAttributesPropTypes, xstyledPropTypes, PropTypes } from '@elliemae/ds-props-helpers';\n\nexport declare namespace DSControlledToggleT {\n  export type ToggleSize = 's' | 'm' | 'l';\n  export interface Props {\n    labelOn: string;\n    labelOff: string;\n    name: string;\n    value: string;\n    checked: boolean;\n    onChange: (e: React.KeyboardEvent<HTMLButtonElement> | React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;\n    size: ToggleSize;\n    readOnly: boolean;\n    disabled: boolean;\n    containerProps: Record<string, unknown>;\n    id: string;\n  }\n}\nexport const defaultProps = {\n  labelOn: 'ON',\n  labelOff: 'OFF',\n  name: '',\n  value: '',\n  checked: false,\n  onClick: () => null,\n  size: 'm',\n  readonly: false,\n  disabled: false,\n};\n\nexport const propTypes = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  labelOn: PropTypes.string.description('Label when toggle is checked'),\n  labelOff: PropTypes.string.description('Label when toggle is unchecked'),\n  value: PropTypes.string.description('Value attribute for toggle'),\n  name: PropTypes.string.description('Name attribute for toggle'),\n  checked: PropTypes.bool.description('Wether the toggle is checked or not'),\n  onchange: PropTypes.func.description('OnClick callback'),\n  size: PropTypes.oneOf(['s', 'm', 'l']).description('Size of toggle'),\n  readOnly: PropTypes.bool.description('Wether the toggle is readOnly or not'),\n  active: PropTypes.bool.description('Wether the toggle has active styles or not').deprecated({ version: '3.x' }),\n  disabled: PropTypes.bool.description('Wether the toggle is disabled or not'),\n  containerProps: PropTypes.shape({}).description('Set of properties attached to the main container'),\n  id: PropTypes.string.description('Unique id.'),\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAAuE;AAkBhE,MAAM,eAAe;AAAA,EAC1B,SAAS;AAAA,EACT,UAAU;AAAA,EACV,MAAM;AAAA,EACN,OAAO;AAAA,EACP,SAAS;AAAA,EACT,SAAS,MAAM;AAAA,EACf,MAAM;AAAA,EACN,UAAU;AAAA,EACV,UAAU;AACZ;AAEO,MAAM,YAAY;AAAA,EACvB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,SAAS,kCAAU,OAAO,YAAY,8BAA8B;AAAA,EACpE,UAAU,kCAAU,OAAO,YAAY,gCAAgC;AAAA,EACvE,OAAO,kCAAU,OAAO,YAAY,4BAA4B;AAAA,EAChE,MAAM,kCAAU,OAAO,YAAY,2BAA2B;AAAA,EAC9D,SAAS,kCAAU,KAAK,YAAY,qCAAqC;AAAA,EACzE,UAAU,kCAAU,KAAK,YAAY,kBAAkB;AAAA,EACvD,MAAM,kCAAU,MAAM,CAAC,KAAK,KAAK,GAAG,CAAC,EAAE,YAAY,gBAAgB;AAAA,EACnE,UAAU,kCAAU,KAAK,YAAY,sCAAsC;AAAA,EAC3E,QAAQ,kCAAU,KAAK,YAAY,4CAA4C,EAAE,WAAW,EAAE,SAAS,MAAM,CAAC;AAAA,EAC9G,UAAU,kCAAU,KAAK,YAAY,sCAAsC;AAAA,EAC3E,gBAAgB,kCAAU,MAAM,CAAC,CAAC,EAAE,YAAY,kDAAkD;AAAA,EAClG,IAAI,kCAAU,OAAO,YAAY,YAAY;AAC/C;",
-  "names": []
-}

package/dist/cjs/utils/addTooltipOnReadOnly.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/utils/addTooltipOnReadOnly.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { DSTooltipV3 } from '@elliemae/ds-tooltip';\n\nexport const addTooltipOnReadOnly = (Component: JSX.Element, readOnly: boolean): JSX.Element => {\n  if (readOnly) return <DSTooltipV3 text=\"Read Only\">{Component}</DSTooltipV3>;\n  return Component;\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADIA;AAHvB,wBAA4B;AAErB,MAAM,uBAAuB,CAAC,WAAwB,aAAmC;AAC9F,MAAI;AAAU,WAAO,4CAAC,iCAAY,MAAK,aAAa,qBAAU;AAC9D,SAAO;AACT;",
-  "names": []
-}

package/dist/esm/propTypes.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/propTypes.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { globalAttributesPropTypes, xstyledPropTypes, PropTypes } from '@elliemae/ds-props-helpers';\n\nexport declare namespace DSControlledToggleT {\n  export type ToggleSize = 's' | 'm' | 'l';\n  export interface Props {\n    labelOn: string;\n    labelOff: string;\n    name: string;\n    value: string;\n    checked: boolean;\n    onChange: (e: React.KeyboardEvent<HTMLButtonElement> | React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;\n    size: ToggleSize;\n    readOnly: boolean;\n    disabled: boolean;\n    containerProps: Record<string, unknown>;\n    id: string;\n  }\n}\nexport const defaultProps = {\n  labelOn: 'ON',\n  labelOff: 'OFF',\n  name: '',\n  value: '',\n  checked: false,\n  onClick: () => null,\n  size: 'm',\n  readonly: false,\n  disabled: false,\n};\n\nexport const propTypes = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  labelOn: PropTypes.string.description('Label when toggle is checked'),\n  labelOff: PropTypes.string.description('Label when toggle is unchecked'),\n  value: PropTypes.string.description('Value attribute for toggle'),\n  name: PropTypes.string.description('Name attribute for toggle'),\n  checked: PropTypes.bool.description('Wether the toggle is checked or not'),\n  onchange: PropTypes.func.description('OnClick callback'),\n  size: PropTypes.oneOf(['s', 'm', 'l']).description('Size of toggle'),\n  readOnly: PropTypes.bool.description('Wether the toggle is readOnly or not'),\n  active: PropTypes.bool.description('Wether the toggle has active styles or not').deprecated({ version: '3.x' }),\n  disabled: PropTypes.bool.description('Wether the toggle is disabled or not'),\n  containerProps: PropTypes.shape({}).description('Set of properties attached to the main container'),\n  id: PropTypes.string.description('Unique id.'),\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,2BAA2B,kBAAkB,iBAAiB;AAkBhE,MAAM,eAAe;AAAA,EAC1B,SAAS;AAAA,EACT,UAAU;AAAA,EACV,MAAM;AAAA,EACN,OAAO;AAAA,EACP,SAAS;AAAA,EACT,SAAS,MAAM;AAAA,EACf,MAAM;AAAA,EACN,UAAU;AAAA,EACV,UAAU;AACZ;AAEO,MAAM,YAAY;AAAA,EACvB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,SAAS,UAAU,OAAO,YAAY,8BAA8B;AAAA,EACpE,UAAU,UAAU,OAAO,YAAY,gCAAgC;AAAA,EACvE,OAAO,UAAU,OAAO,YAAY,4BAA4B;AAAA,EAChE,MAAM,UAAU,OAAO,YAAY,2BAA2B;AAAA,EAC9D,SAAS,UAAU,KAAK,YAAY,qCAAqC;AAAA,EACzE,UAAU,UAAU,KAAK,YAAY,kBAAkB;AAAA,EACvD,MAAM,UAAU,MAAM,CAAC,KAAK,KAAK,GAAG,CAAC,EAAE,YAAY,gBAAgB;AAAA,EACnE,UAAU,UAAU,KAAK,YAAY,sCAAsC;AAAA,EAC3E,QAAQ,UAAU,KAAK,YAAY,4CAA4C,EAAE,WAAW,EAAE,SAAS,MAAM,CAAC;AAAA,EAC9G,UAAU,UAAU,KAAK,YAAY,sCAAsC;AAAA,EAC3E,gBAAgB,UAAU,MAAM,CAAC,CAAC,EAAE,YAAY,kDAAkD;AAAA,EAClG,IAAI,UAAU,OAAO,YAAY,YAAY;AAC/C;",
-  "names": []
-}

package/dist/esm/utils/addTooltipOnReadOnly.js

@@ -1,12 +0,0 @@
-import * as React from "react";
-import { jsx } from "react/jsx-runtime";
-import { DSTooltipV3 } from "@elliemae/ds-tooltip";
-const addTooltipOnReadOnly = (Component, readOnly) => {
-  if (readOnly)
-    return /* @__PURE__ */ jsx(DSTooltipV3, { text: "Read Only", children: Component });
-  return Component;
-};
-export {
-  addTooltipOnReadOnly
-};
-//# sourceMappingURL=addTooltipOnReadOnly.js.map

package/dist/esm/utils/addTooltipOnReadOnly.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/utils/addTooltipOnReadOnly.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { DSTooltipV3 } from '@elliemae/ds-tooltip';\n\nexport const addTooltipOnReadOnly = (Component: JSX.Element, readOnly: boolean): JSX.Element => {\n  if (readOnly) return <DSTooltipV3 text=\"Read Only\">{Component}</DSTooltipV3>;\n  return Component;\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACIA;AAHvB,SAAS,mBAAmB;AAErB,MAAM,uBAAuB,CAAC,WAAwB,aAAmC;AAC9F,MAAI;AAAU,WAAO,oBAAC,eAAY,MAAK,aAAa,qBAAU;AAC9D,SAAO;AACT;",
-  "names": []
-}